:root{--ink:#20221d;--muted:#73776c;--paper:#f7f7f2;--card:#fff;--line:#e8e8df;--green:#486b52;--green2:#dfeadd;--peach:#f3dfcd;--yellow:#f2edc7;--red:#a84d45}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.shell{max-width:720px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(90px + env(safe-area-inset-bottom))}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.brand{display:flex;gap:11px;align-items:center}.mark{width:38px;height:38px;border-radius:13px;background:var(--green);color:#fff;display:grid;place-items:center;font:700 18px Georgia}.eyebrow{color:var(--muted);font-size:12px}.brand b{display:block;font-size:16px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--peach);display:grid;place-items:center;font-weight:700}.hero{margin:4px 0 22px}.hero h1{font:500 32px/1.08 Georgia,serif;margin:0 0 8px;letter-spacing:-.5px}.hero p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:24px}.stat{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:14px}.stat b{display:block;font:600 22px Georgia}.stat span{color:var(--muted);font-size:11px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.section-head h2{font-size:17px;margin:0}.text-btn{border:0;background:transparent;color:var(--green);font-weight:650;padding:7px}.list{display:grid;gap:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 1px 0 #00000003}.student-card{display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center}.student-icon{width:45px;height:45px;border-radius:15px;background:var(--green2);display:grid;place-items:center;font:600 18px Georgia}.student-card h3,.lesson h3{margin:0 0 3px;font-size:15px}.sub{color:var(--muted);font-size:13px}.pill{font-size:11px;border-radius:20px;background:var(--yellow);padding:5px 8px;white-space:nowrap}.progress{height:6px;background:#ecece5;border-radius:6px;margin-top:10px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green);border-radius:6px}.primary,.secondary{border:0;border-radius:14px;padding:13px 16px;font-weight:700}.primary{background:var(--green);color:#fff}.secondary{background:var(--green2);color:#29432f}.wide{width:100%}.empty{text-align:center;padding:34px 20px}.empty .big{font:500 25px Georgia;margin:6px}.empty p{color:var(--muted)}.lesson{position:relative}.lesson-top{display:flex;justify-content:space-between;gap:12px}.lesson p{color:var(--muted);margin:9px 0}.meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.status-submitted{background:var(--peach)}.status-done{background:var(--green2)}.actions{display:flex;gap:8px;margin-top:14px}.actions>*{flex:1}.modal-wrap{position:fixed;z-index:10;inset:0;background:#20221d55;display:flex;align-items:flex-end;justify-content:center;padding-top:30px}.modal{width:min(720px,100%);background:var(--paper);border-radius:26px 26px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));max-height:92vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal h2{font:500 25px Georgia;margin:0}.close{border:0;background:#e9e9e2;border-radius:50%;width:34px;height:34px;font-size:18px}.field{display:grid;gap:7px;margin:13px 0}.field span{font-size:12px;color:var(--muted);font-weight:600}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px;outline:none}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--green)}.invite{background:var(--yellow);border-radius:16px;padding:14px;margin-top:12px}.invite code{font-size:18px;font-weight:800;letter-spacing:2px}.back{border:0;background:transparent;padding:5px 0;color:var(--green);font-weight:700;margin-bottom:12px}.course-head{background:var(--green);color:white;border-radius:24px;padding:20px;margin-bottom:20px}.course-head .sub{color:#dbe4dc}.course-head .progress{background:#ffffff35}.course-head .progress i{background:#fff}.join{margin-top:32px}.code{font-size:20px;text-align:center;text-transform:uppercase;letter-spacing:3px}.splash{height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted);gap:10px}.splash .mark{margin:auto}#toast{position:fixed;z-index:20;left:50%;bottom:30px;transform:translate(-50%,20px);background:#252820;color:#fff;padding:11px 15px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}#toast.show{opacity:1;transform:translate(-50%,0)}.file{display:block;background:#f0f0e9;border-radius:10px;padding:10px;margin-top:8px;color:var(--green);text-decoration:none}@media(min-width:600px){.modal-wrap{align-items:center;padding:20px}.modal{border-radius:26px;max-width:520px}.shell{padding-top:32px}}