.lesson-lobby-shell{background:radial-gradient(circle at 15% 10%, #7c5cff1f, transparent 35%), var(--bg);min-height:100vh}.lesson-lobby-main{gap:18px;width:min(1040px,100% - 32px);margin:0 auto;padding:clamp(28px,6vw,72px) 0;display:grid}.lesson-lobby-card{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:28px;padding:clamp(22px,4vw,42px);display:grid}.lesson-lobby-copy{align-content:center;gap:14px;display:grid}.lesson-lobby-copy h1,.lesson-lobby-copy p{margin:0}.lesson-lobby-copy label{gap:7px;font-weight:700;display:grid}.lesson-lobby-copy input{border:1px solid var(--line);background:var(--surface);min-height:46px;color:var(--text);font:inherit;border-radius:12px;padding:0 14px}.lesson-lobby-actions{flex-wrap:wrap;gap:10px;display:flex}.lesson-lobby-help-link{width:fit-content;color:var(--accent);font-size:13px;font-weight:800}.lesson-lobby-status{background:color-mix(in srgb, var(--accent) 7%, var(--surface));border-radius:13px;gap:3px;padding:12px 14px;display:grid}.lesson-lobby-status span{color:var(--muted);font-size:13px}.lesson-lobby-status.ready{color:#176a46;background:#ecf9f1}.lesson-lobby-status.error{color:#9a3e20;background:#fff4ed}.lesson-lobby-preview{color:#fff;background:#111827;border-radius:22px;min-height:340px;position:relative;overflow:hidden}.lesson-lobby-preview video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.lesson-lobby-preview>div{text-align:center;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.lesson-lobby-preview>div>span{background:#7258d6;border-radius:50%;place-items:center;width:74px;height:74px;font-size:26px;font-weight:800;display:grid}.lesson-lobby-preview small{color:#ffffffb3}@media (width<=760px){.lesson-lobby-card{grid-template-columns:1fr}.lesson-lobby-preview{order:-1;min-height:240px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff8fb;--surface:#fff;--surface-2:#f8f1fb;--text:#2a2238;--muted:#746a80;--line:#eaddec;--accent:#8b5cf6;--accent-strong:#6d45cf;--accent-soft:#f0e9ff;--warm:#f59e0b;--fresh:#14b8a6;--sun:#f6d365;--rose:#fb7185;--mint-soft:#e6fbf5;--peach-soft:#fff0e3;--shadow:0 18px 42px #573a781a;--ease-soft:cubic-bezier(.22, 1, .36, 1)}body.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101622;--surface:#172132;--surface-2:#202d42;--text:#eff5fb;--muted:#9aa9bb;--line:#2d3d54;--accent:#38bdf8;--accent-strong:#7dd3fc;--accent-soft:#123349;--shadow:0 18px 45px #00000047}body.comfortable-mode{--bg:#fff;--surface:#fff;--surface-2:#f4f6fb;--text:#171321;--muted:#4d465a;--line:#cfc7d8;--accent:#5b3fd2;--accent-strong:#3f2aa2;--accent-soft:#ece8ff;--shadow:0 14px 34px #271a441f;font-size:18px;line-height:1.65}body.comfortable-mode.dark{--bg:#0f1724;--surface:#172132;--surface-2:#223049;--text:#f8fbff;--muted:#c2ccda;--line:#526178;--accent:#7dd3fc;--accent-strong:#bae6fd;--accent-soft:#123349}*{box-sizing:border-box}body{background:linear-gradient(180deg, #fff4fb 0, var(--bg) 440px), var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif}.app-loading-state{background:var(--bg);min-height:100vh;color:var(--muted);place-items:center;padding:24px;font-weight:800;display:grid}body[data-role=student]{--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#dbeafe}body.dark[data-role=student]{--accent:#60a5fa;--accent-strong:#bfdbfe;--accent-soft:#172554}button,input,select{font:inherit}button{cursor:pointer;transition:border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .22s ease, transform .22s var(--ease-soft)}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:2px}a:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 28%, transparent);outline-offset:4px;border-radius:8px}body.comfortable-mode button:focus-visible,body.comfortable-mode a:focus-visible,body.comfortable-mode input:focus-visible,body.comfortable-mode select:focus-visible,body.comfortable-mode textarea:focus-visible,body.comfortable-mode summary:focus-visible{outline:4px solid color-mix(in srgb, var(--accent) 52%, transparent);outline-offset:3px}.app-shell{grid-template-columns:280px 1fr;height:100vh;min-height:0;display:grid;overflow:hidden}.home-shell{background:linear-gradient(180deg, #fff2fa 0, var(--bg) 54%, #fffdfd 100%);min-height:100vh;position:relative;overflow-x:clip}.home-shell:before{content:"";background:color-mix(in srgb, var(--sun) 28%, transparent);filter:blur(3px);pointer-events:none;border-radius:999px;width:220px;height:220px;position:absolute;inset:160px auto auto -80px}.home-shell:after{content:"";background:color-mix(in srgb, var(--accent-soft) 64%, transparent);pointer-events:none;border-radius:999px;width:260px;height:260px;position:absolute;inset:820px -120px auto auto}.home-topbar{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--line) 64%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:grid;position:sticky;top:0;box-shadow:0 10px 26px #573a780d}.home-nav{scrollbar-width:none;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.home-nav::-webkit-scrollbar{display:none}.home-nav button,.home-nav a{min-height:38px;color:var(--muted);white-space:nowrap;transition:color .18s ease, background-color .18s ease, box-shadow .22s ease, transform .22s var(--ease-soft);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-weight:700;text-decoration:none;display:inline-flex}.home-nav button:hover,.home-nav a:hover{background:var(--surface-2);color:var(--text);transform:translateY(-1px)}.home-nav button.active,.home-nav a.active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:0 10px 22px color-mix(in srgb, var(--accent) 18%, transparent)}.home-topbar .topbar-actions{flex-wrap:nowrap}.mobile-menu-toggle{display:none}@media (width<=1440px){.home-topbar{gap:12px;padding:12px 18px}.home-topbar .brand{gap:10px;min-width:0}.home-topbar .brand>div{min-width:0}.home-topbar .brand span:not(.brand-mark){text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.home-nav{gap:4px}.home-nav a{min-height:36px;padding:0 10px;font-size:14px}.home-topbar .topbar-actions{gap:8px}.home-topbar .topbar-actions .comfort-toggle,.home-topbar .topbar-actions .ghost-button,.home-topbar .topbar-actions .primary-button{min-height:36px;padding-inline:12px;font-size:13px}}@media (width<=1280px){.home-topbar{grid-template-columns:minmax(260px,auto) minmax(0,1fr);row-gap:8px}.home-topbar .brand span:not(.brand-mark){max-width:360px}.home-nav{order:3;grid-column:1/-1;justify-content:flex-start;padding-top:2px}.home-topbar .topbar-actions{justify-content:flex-end;justify-self:end}}.comfort-toggle{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--surface) 84%, var(--accent-soft));min-height:38px;color:var(--accent-strong);white-space:nowrap;border-radius:999px;padding:0 13px;font-size:13px;font-weight:900}.comfort-toggle.active{border-color:color-mix(in srgb, var(--accent) 46%, var(--line));background:var(--accent);color:#fff;box-shadow:0 12px 24px color-mix(in srgb, var(--accent) 24%, transparent)}body.comfortable-mode .home-shell:before,body.comfortable-mode .home-shell:after{opacity:.32;filter:blur(18px)}body.comfortable-mode .landing-copy p,body.comfortable-mode .section-head p,body.comfortable-mode .pricing-guide-grid p,body.comfortable-mode .faq-grid p,body.comfortable-mode .landing-scenario-copy p:not(.eyebrow),body.comfortable-mode .landing-proof-copy p:not(.eyebrow),body.comfortable-mode .inline-trial-cta p:not(.eyebrow){color:var(--muted);font-size:1.08em;line-height:1.7}body.comfortable-mode .landing-hero,body.comfortable-mode .pricing-guide-section,body.comfortable-mode .faq-section,body.comfortable-mode .landing-scenario-section,body.comfortable-mode .landing-proof-map-section,body.comfortable-mode .inline-trial-cta{border-color:var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), var(--surface))}body.comfortable-mode input,body.comfortable-mode select,body.comfortable-mode textarea{border-color:color-mix(in srgb, var(--line) 84%, var(--text));background:var(--surface);color:var(--text)}.home-workspace{z-index:1;transform-origin:50% 18%;width:min(1320px,100% - 48px);margin:0 auto;padding:42px 0 90px;position:relative}.home-workspace:after{content:none}.home-hero{grid-template-columns:minmax(0,1fr) 380px;align-items:stretch;gap:22px;margin-bottom:18px;display:grid}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch;gap:28px;min-height:0;margin-bottom:56px;display:grid}.landing-hero.hero-teachers{grid-template-columns:minmax(0,1fr) minmax(390px,.92fr)}.landing-hero.hero-problem,.landing-hero.hero-exam{grid-template-columns:minmax(0,.95fr) minmax(390px,1.05fr)}.landing-hero>*,.landing-metrics-strip,.seo-landing-section,.for-everyone-section,.learning-steps-section,.inside-platform-section,.replace-chaos-section,.home-testimonials-section,.free-lesson-section,.seo-hub-section,.solutions-directory-section,.landing-route-grid,.seo-text-section,.parent-proof-section,.educator-offer-section,.marketplace-section,.landing-conversion-grid,.faq-section,.final-cta-section{animation:none}.landing-hero>:nth-child(2),.landing-metrics-strip,.seo-landing-section,.for-everyone-section,.parent-proof-section,.educator-offer-section,.learning-steps-section,.inside-platform-section,.marketplace-section,.landing-conversion-grid,.replace-chaos-section,.home-testimonials-section,.free-lesson-section,.seo-hub-section,.faq-section,.final-cta-section{animation-delay:0s}@keyframes pageEnter{0%{opacity:0;filter:blur(8px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes pageTurnIn{0%{opacity:0;filter:blur(8px);transform:translate(28px,14px)rotate(.8deg)scale(.992)}62%{opacity:1;filter:blur();transform:translate(-2px)rotate(-.08deg)scale(1)}to{opacity:1;filter:blur();transform:translate(0,0)rotate(0)scale(1)}}@keyframes pageTurnSheen{0%{opacity:0;transform:translate(-42%)}34%{opacity:.55}to{opacity:0;transform:translate(46%)}}@keyframes sectionRise{0%{opacity:0;transform:translateY(22px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastBar{0%{transform-origin:0;transform:scaleX(1)}to{transform-origin:0;transform:scaleX(0)}}.landing-copy{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));background:linear-gradient(142deg, color-mix(in srgb, var(--accent-soft) 78%, transparent) 0 42%, transparent 42% 100%), linear-gradient(24deg, color-mix(in srgb, var(--sun) 30%, transparent) 0 24%, transparent 24% 100%), var(--surface);box-shadow:var(--shadow);border-radius:8px;align-content:center;gap:12px;padding:clamp(30px,4vw,50px);display:grid;position:relative;overflow:hidden}.hero-home .landing-copy{background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 22%, transparent), transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 84%, transparent) 0 48%, color-mix(in srgb, var(--mint-soft) 58%, transparent) 48% 100%), var(--surface)}.hero-parents .landing-copy{background:linear-gradient(135deg, color-mix(in srgb, var(--peach-soft) 72%, transparent), transparent 54%), linear-gradient(25deg, color-mix(in srgb, var(--mint-soft) 52%, transparent), transparent 70%), var(--surface)}.hero-teachers .landing-copy{border-color:color-mix(in srgb, var(--fresh) 24%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 74%, transparent), transparent 58%), linear-gradient(22deg, color-mix(in srgb, var(--accent-soft) 42%, transparent), transparent 72%), var(--surface)}.hero-exam .landing-copy{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 78%, transparent), transparent 58%), linear-gradient(28deg, color-mix(in srgb, var(--sun) 24%, transparent), transparent 76%), var(--surface)}.hero-problem .landing-copy{background:linear-gradient(135deg, color-mix(in srgb, var(--peach-soft) 82%, transparent), transparent 48%), linear-gradient(24deg, color-mix(in srgb, var(--accent-soft) 44%, transparent), transparent 74%), var(--surface)}.primary-button,.ghost-button,.icon-button{transition:border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .22s ease, transform .22s var(--ease-soft)}.primary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:hover{box-shadow:0 14px 28px color-mix(in srgb, var(--accent) 24%, transparent)}.landing-audience-grid article,.landing-route-grid article,.landing-metrics-strip article,.seo-landing-grid article,.for-everyone-grid article,.learning-steps-grid article,.inside-platform-board article,.home-testimonials-grid article,.parent-proof-section article,.educator-benefit-grid article,.teacher-card,.teacher-offer-panel,.faq-grid details{transition:border-color .18s ease, box-shadow .26s var(--ease-soft), transform .26s var(--ease-soft)}.landing-audience-grid article:hover,.landing-route-grid article:hover,.landing-metrics-strip article:hover,.seo-landing-grid article:hover,.for-everyone-grid article:hover,.learning-steps-grid article:hover,.inside-platform-board article:hover,.home-testimonials-grid article:hover,.parent-proof-section article:hover,.educator-benefit-grid article:hover,.teacher-card:hover,.teacher-offer-panel:hover,.faq-grid details:hover{border-color:color-mix(in srgb, var(--accent) 26%, var(--line));transform:translateY(-4px);box-shadow:0 22px 46px #573a7821}.hero-family-shot img{transition:transform .72s var(--ease-soft), filter .72s ease}.hero-family-shot:hover img{filter:saturate(1.04);transform:scale(1.025)}.landing-copy:before{content:"";background:linear-gradient(180deg, var(--accent), var(--fresh), var(--sun));width:7px;position:absolute;inset:0 auto 0 0}.landing-copy:after{content:"";border:4px solid color-mix(in srgb, var(--rose) 35%, transparent);border-bottom:0;border-right:0;border-radius:999px 0 0;width:132px;height:54px;position:absolute;bottom:32px;right:34px;transform:rotate(-8deg)}.landing-copy .primary-button,.trial-form .primary-button,.final-cta-section .primary-button{position:relative;overflow:hidden}.landing-copy .primary-button:after,.trial-form .primary-button:after,.final-cta-section .primary-button:after{content:"";opacity:0;width:34%;transition:opacity .22s ease, transform .52s var(--ease-soft);background:linear-gradient(90deg,#0000,#ffffff57,#0000);position:absolute;inset:-40% auto -40% -32%;transform:skew(-18deg)}.landing-copy .primary-button:hover:after,.trial-form .primary-button:hover:after,.final-cta-section .primary-button:hover:after{opacity:1;transform:translate(430%)skew(-18deg)}.landing-copy h1{letter-spacing:0;flex-wrap:wrap;gap:0 12px;max-width:760px;margin:0;font-size:clamp(38px,4.2vw,50px);font-weight:700;line-height:1.12;display:flex;position:relative}.landing-copy h1 span{display:inline}.hero-title-accent{color:var(--accent-strong);position:relative}.hero-title-accent:after{content:"";z-index:-1;background:color-mix(in srgb, var(--sun) 52%, transparent);border-radius:999px;height:.34em;position:absolute;bottom:.06em;left:0;right:0}.landing-copy p{max-width:660px;color:var(--muted);font-size:19px;line-height:1.6;position:relative}.landing-trust-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.hero-scenario-actions{z-index:1;flex-wrap:wrap;gap:10px;margin-top:10px;display:flex;position:relative}.hero-scenario-actions a,.hero-scenario-actions button{text-align:center;white-space:nowrap;flex-direction:row;justify-content:center;align-items:center;gap:0;width:auto;min-height:42px;padding:0 16px}.hero-scenario-actions span,.home-actions span{font-weight:900}.hero-scenario-actions small,.home-actions small{color:inherit;opacity:.72;font-size:11px;font-weight:700;line-height:1.2}.landing-trust-row span{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--surface) 88%, var(--accent-soft));min-height:34px;color:var(--muted);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.parent-note{z-index:1;border:1px solid color-mix(in srgb, var(--fresh) 28%, var(--line));background:color-mix(in srgb, var(--mint-soft) 72%, white);border-radius:8px;gap:5px;max-width:520px;margin-top:18px;padding:14px 16px;display:grid;position:relative}.parent-note strong{color:#047857}.parent-note span{color:var(--muted);line-height:1.45}.hero-preview,.hero-product-shot{color:#f8fafc;box-shadow:var(--shadow);background:linear-gradient(145deg,#0f172a 0 56%,#164e63 56% 100%);border:1px solid #1d4ed8;border-radius:8px;align-content:center;gap:14px;padding:28px;display:grid}.hero-family-shot{border:1px solid color-mix(in srgb, var(--accent) 14%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 24%, transparent), transparent 42%), color-mix(in srgb, var(--accent-soft) 66%, white);min-height:480px;box-shadow:var(--shadow);border-radius:8px;position:relative;overflow:hidden}.hero-family-shot.visual-teachers{background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 82%, transparent), transparent 48%), color-mix(in srgb, var(--accent-soft) 36%, white)}.hero-family-shot.visual-exam{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 45%), color-mix(in srgb, var(--sun) 18%, white)}.hero-family-shot.visual-problem{background:linear-gradient(135deg, color-mix(in srgb, var(--peach-soft) 78%, transparent), transparent 48%), color-mix(in srgb, var(--mint-soft) 36%, white)}.hero-family-shot.visual-price,.hero-family-shot.visual-inner{min-height:430px}.hero-family-shot .hero-floating-card{border-color:color-mix(in srgb, var(--sun) 36%, var(--line))}.hero-family-shot:before{content:"";border:18px solid color-mix(in srgb, var(--sun) 48%, transparent);opacity:.75;border-radius:999px;width:120px;height:120px;position:absolute;inset:24px 24px auto auto}.hero-family-shot:after{content:"";border:5px solid color-mix(in srgb, var(--fresh) 56%, transparent);border-bottom:0;border-right:0;border-radius:999px 0 0;width:170px;height:72px;position:absolute;inset:auto auto 34px 28px;transform:rotate(-8deg)}.hero-family-shot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-floating-card{z-index:2;border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border-radius:8px;gap:4px;max-width:240px;padding:14px 16px;display:grid;position:absolute;box-shadow:0 16px 34px #573a7824}.hero-floating-card.top{top:24px;left:24px}.hero-floating-card.bottom{bottom:24px;right:24px}.hero-floating-card span{color:var(--muted);font-size:13px;font-weight:700}.hero-floating-card strong{color:var(--text);font-size:18px;line-height:1.2}.hero-product-shot{border-color:color-mix(in srgb, var(--accent) 16%, var(--line));min-height:460px;color:var(--text);background:linear-gradient(135deg,#fff 0 42%,#f1eaff 42% 100%);align-content:stretch}.product-window-bar{color:var(--muted);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.product-window-bar strong{color:var(--text)}.product-window-bar span{background:#f87171;border-radius:999px;width:10px;height:10px}.product-window-bar span:nth-child(2){background:#facc15}.product-window-bar span:nth-child(3){background:#34d399;margin-right:8px}.product-board-preview{grid-template-columns:42px minmax(0,1fr);gap:12px;min-height:220px;display:grid}.board-side-tools{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 74%, var(--accent-soft));border-radius:8px;align-content:start;gap:10px;padding:10px;display:grid}.board-side-tools span{background:var(--sun);border-radius:7px;width:20px;height:20px}.board-side-tools span:nth-child(2),.board-side-tools span:nth-child(3),.board-side-tools span:nth-child(4){background:#ffffff3d;background:color-mix(in srgb, var(--accent) 22%, white)}.board-canvas-preview{background:linear-gradient(color-mix(in srgb, var(--line) 42%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 42%, transparent) 1px, transparent 1px), #fffdf8;background-size:34px 34px;border:1px solid #ffffff1f;border-radius:8px;position:relative;overflow:hidden}.formula-line{color:var(--text);font-size:26px;font-weight:800;position:absolute;top:36px;left:34px}.yellow-stroke{border:4px solid var(--warm);border-bottom-color:#0000;border-left-color:#0000;border-radius:50%;position:absolute;transform:rotate(18deg)}.yellow-stroke.one{width:128px;height:88px;top:78px;right:58px}.yellow-stroke.two{width:180px;height:78px;bottom:64px;left:82px;transform:rotate(-7deg)}.answer-chip{color:#7c4a03;background:#facc1529;border-radius:8px;padding:9px 12px;font-weight:800;position:absolute;bottom:28px;right:28px}.product-status-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.product-status-row article{background:color-mix(in srgb, var(--surface) 84%, var(--accent-soft));border:1px solid #ffffff1f;border-radius:8px;gap:5px;padding:12px;display:grid}.product-status-row span{color:var(--muted);font-size:12px;font-weight:700}.product-status-row strong{color:var(--text)}.preview-teacher,.preview-progress,.preview-events article{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px}.preview-teacher{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.avatar-mark{background:linear-gradient(135deg, var(--sun), #fb923c);color:#1f2937;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:900;display:inline-flex}.subject-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 58%, white), color-mix(in srgb, var(--accent-soft) 74%, white));width:54px;height:54px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.subject-icon.informatics{background:linear-gradient(135deg, color-mix(in srgb, var(--fresh) 44%, white), color-mix(in srgb, var(--sky) 54%, white));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fresh) 24%, transparent)}.subject-icon svg{fill:none;width:42px;height:42px;stroke:var(--accent-strong);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.subject-icon.informatics svg{stroke:#0369a1}.preview-teacher span,.preview-progress span,.preview-events span{color:#cbd5e1;font-size:13px}.preview-progress{gap:8px;padding:16px;display:grid}.preview-progress strong{color:#86efac;font-size:40px}.preview-progress meter{height:12px}.preview-events{gap:10px;display:grid}.preview-events article{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.landing-audience-grid,.landing-conversion-grid,.landing-route-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.landing-audience-grid article,.landing-route-grid article,.teacher-offer-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:22px;position:relative;overflow:hidden}.landing-audience-grid article:nth-child(2):before{background:linear-gradient(90deg, var(--fresh), #0ea5e9)}.landing-audience-grid article:nth-child(3):before{background:linear-gradient(90deg, var(--warm), var(--rose))}.landing-audience-grid article:before,.landing-route-grid article:before,.teacher-card.showcase:before,.trial-form:before,.teacher-offer-panel:before{content:"";background:linear-gradient(90deg, var(--accent), var(--fresh), var(--sun));height:5px;position:absolute;inset:0 0 auto}.landing-audience-grid span{color:var(--accent-strong);text-transform:uppercase;font-size:13px;font-weight:900}.landing-route-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:56px}.landing-route-grid article{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 42%, transparent), transparent 58%), var(--surface);align-content:start;gap:12px;min-height:250px;display:grid}.landing-route-grid article:nth-child(2){background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 70%, transparent), transparent 58%), var(--surface)}.landing-route-grid article:nth-child(2):before{background:linear-gradient(90deg, var(--fresh), var(--sun))}.landing-route-grid span{color:var(--accent-strong);text-transform:uppercase;font-size:13px;font-weight:900}.landing-route-grid strong{max-width:560px;font-size:28px;line-height:1.15}.landing-route-grid p{max-width:620px;color:var(--muted);line-height:1.5}.landing-route-grid button{width:fit-content;margin-top:auto}.landing-audience-grid p,.landing-route-grid p,.teacher-offer-panel p,.teacher-offer-panel li{color:var(--muted);line-height:1.5}.landing-flow-section,.revenue-section,.clarity-bridge-section,.parent-proof-section,.educator-offer-section,.proof-section,.final-cta-section,.seo-text-section,.seo-landing-section,.for-everyone-section,.learning-steps-section,.inside-platform-section,.replace-chaos-section,.home-testimonials-section,.free-lesson-section,.seo-hub-section,.solutions-directory-section,.pricing-guide-section,.blog-directory-section,.blog-article-section,.deep-seo-section,.landing-scenario-section,.landing-proof-map-section,.thank-you-section,.landing-stack-section,.platform-modules-section,.growth-section,.pricing-section,.faq-section,.testimonial-section{margin-bottom:56px}.chapter-divider{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin:2px 0 22px;padding:0 4px;display:grid;position:relative}.chapter-divider:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--line) 78%, transparent), transparent);height:1px;position:absolute;top:50%;left:0;right:0}.chapter-divider span,.chapter-divider strong{z-index:1;position:relative}.chapter-divider span{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--line));background:color-mix(in srgb, var(--surface) 92%, var(--accent-soft));color:var(--accent-strong);text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.chapter-divider strong{background:var(--bg);width:fit-content;max-width:720px;color:var(--muted);padding:0 12px;font-size:15px;line-height:1.35}.chapter-divider.educator span{border-color:color-mix(in srgb, var(--fresh) 30%, var(--line));background:color-mix(in srgb, var(--mint-soft) 76%, white);color:#047857}.chapter-divider.form span{border-color:color-mix(in srgb, var(--sun) 44%, var(--line));background:color-mix(in srgb, var(--peach-soft) 72%, white);color:#9a5b00}.landing-flow-section,.revenue-section,.final-cta-section,.clarity-bridge-section,.seo-text-section,.seo-landing-section,.for-everyone-section,.learning-steps-section,.inside-platform-section,.replace-chaos-section,.home-testimonials-section,.free-lesson-section,.seo-hub-section,.solutions-directory-section,.pricing-guide-section,.blog-directory-section,.blog-article-section,.deep-seo-section,.landing-proof-map-section,.thank-you-section,.landing-stack-section,.platform-modules-section,.growth-section,.pricing-section,.faq-section,.testimonial-section{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:24px}.seo-text-section{background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 58%, transparent), transparent 62%), var(--surface);grid-template-columns:minmax(260px,.85fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.seo-text-section h2{margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.16}.seo-text-section p{color:var(--muted);margin:0;line-height:1.58}.seo-landing-section{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 42%, transparent), transparent 58%), linear-gradient(24deg, color-mix(in srgb, var(--mint-soft) 54%, transparent), transparent 72%), var(--surface);grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:start;gap:22px;display:grid}.seo-landing-copy{align-content:start;gap:12px;display:grid}.seo-landing-copy h2{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.14}.seo-landing-copy p,.seo-landing-grid p{color:var(--muted);margin:0;line-height:1.52}.seo-landing-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.seo-landing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.seo-landing-grid article{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:#ffffffdb;border-radius:8px;align-content:start;gap:8px;min-height:156px;padding:18px;display:grid;box-shadow:0 14px 30px #573a7812}.seo-landing-grid span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:900}.seo-landing-grid strong{font-size:20px;line-height:1.16}.for-everyone-section{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 48%, transparent), transparent 58%), linear-gradient(24deg, color-mix(in srgb, var(--peach-soft) 48%, transparent), transparent 68%), var(--surface)}.for-everyone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid;position:relative}.for-everyone-grid:before{content:"";background:radial-gradient(circle at 16% 48%, color-mix(in srgb, var(--accent) 22%, transparent) 0 8px, transparent 9px), radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--fresh) 24%, transparent) 0 8px, transparent 9px), radial-gradient(circle at 84% 48%, color-mix(in srgb, var(--warm) 28%, transparent) 0 8px, transparent 9px), linear-gradient(90deg, transparent 0 7%, color-mix(in srgb, var(--accent) 18%, transparent) 12%, color-mix(in srgb, var(--fresh) 20%, transparent) 50%, color-mix(in srgb, var(--warm) 22%, transparent) 88%, transparent 93%);opacity:.9;pointer-events:none;border-radius:999px;height:96px;position:absolute;inset:22px 11% auto}.for-everyone-grid article{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:#ffffffdb;border-radius:8px;align-content:start;gap:14px;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 30px #573a7812}.for-everyone-grid article:after{content:"";background:linear-gradient(90deg, var(--accent), var(--fresh));opacity:.46;border-radius:999px 999px 0 0;height:4px;position:absolute;inset:auto 18px 0}.for-everyone-grid article:nth-child(2):after{background:linear-gradient(90deg, var(--fresh), #38bdf8)}.for-everyone-grid article:nth-child(3):after{background:linear-gradient(90deg, var(--warm), var(--rose))}.for-everyone-grid article:nth-child(2){border-color:color-mix(in srgb, var(--fresh) 26%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--mint-soft) 62%, transparent), transparent 64%), #ffffffe0}.for-everyone-grid article:nth-child(3){border-color:color-mix(in srgb, var(--sun) 44%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--peach-soft) 70%, transparent), transparent 64%), #ffffffe0}.audience-symbol{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:#ffffffd6;border-radius:18px;place-items:center;width:68px;height:68px;display:inline-grid;position:relative;box-shadow:0 12px 24px #573a7817}.audience-symbol svg{width:64px;height:64px;display:block}.audience-symbol:after{content:"";border:3px solid var(--surface);background:linear-gradient(135deg, var(--accent), var(--fresh));border-radius:999px;width:16px;height:16px;position:absolute;bottom:10px;right:-7px}.audience-symbol.student:after{background:linear-gradient(135deg, var(--fresh), #38bdf8)}.audience-symbol.teacher:after{background:linear-gradient(135deg, var(--warm), var(--rose))}.audience-symbol .symbol-bg{fill:color-mix(in srgb, var(--accent-soft) 70%, white)}.audience-symbol.student .symbol-bg{fill:color-mix(in srgb, var(--mint-soft) 76%, white)}.audience-symbol.teacher .symbol-bg{fill:color-mix(in srgb, var(--peach-soft) 80%, white)}.audience-symbol .symbol-halo{fill:var(--accent);opacity:.14}.audience-symbol .symbol-card{fill:#ffffffd1;stroke:color-mix(in srgb, var(--accent) 52%, var(--text));stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round}.audience-symbol .symbol-line{fill:none;stroke:color-mix(in srgb, var(--accent) 54%, var(--text));stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.audience-symbol .symbol-accent{fill:none;stroke:var(--fresh);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.audience-symbol.parent .symbol-accent{fill:color-mix(in srgb, var(--fresh) 30%, white)}.audience-symbol.student .symbol-card,.audience-symbol.student .symbol-line{stroke:color-mix(in srgb, var(--fresh) 56%, var(--text))}.audience-symbol.student .symbol-accent{fill:color-mix(in srgb, var(--sun) 42%, white);stroke:color-mix(in srgb, var(--sun) 82%, var(--text))}.audience-symbol.teacher .symbol-card,.audience-symbol.teacher .symbol-line{stroke:color-mix(in srgb, var(--warm) 62%, var(--text))}.audience-symbol.teacher .symbol-accent{stroke:var(--warm)}.audience-symbol .symbol-dot{fill:var(--warm)}.for-everyone-grid h3{margin:2px 0 0;font-size:22px;line-height:1.18}.for-everyone-grid ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.for-everyone-grid li{color:var(--muted);padding-left:18px;line-height:1.42;position:relative}.for-everyone-grid li:before{content:"";background:var(--accent);border-radius:999px;width:7px;height:7px;position:absolute;top:.62em;left:0}.learning-steps-section{background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--mint-soft) 70%, transparent), transparent 30%), radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--peach-soft) 62%, transparent), transparent 28%), linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 42%, transparent), transparent 62%), var(--surface)}.learning-steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;display:grid;position:relative}.learning-steps-grid:before{content:"";background:linear-gradient(90deg, var(--fresh), var(--accent), var(--warm)), color-mix(in srgb, var(--fresh) 16%, transparent);opacity:.28;border-radius:999px;height:4px;position:absolute;top:46px;left:9%;right:9%}.learning-steps-grid article{z-index:1;border:1px solid color-mix(in srgb, var(--fresh) 24%, var(--line));background:linear-gradient(180deg, #fffffff0, color-mix(in srgb, var(--mint-soft) 26%, white)), var(--surface);border-radius:8px;grid-template-rows:auto auto 1fr;align-content:start;gap:13px;min-height:214px;padding:18px 18px 20px;display:grid;position:relative;box-shadow:0 14px 30px #573a7812}.learning-steps-grid article:before{content:"";background:linear-gradient(90deg, var(--fresh), var(--accent));opacity:.72;height:5px;position:absolute;inset:0 0 auto}.learning-steps-grid article:nth-child(2):before{background:linear-gradient(90deg, var(--accent), #8b7cf6)}.learning-steps-grid article:nth-child(3):before{background:linear-gradient(90deg, var(--warm), var(--rose))}.learning-steps-grid article:nth-child(4):before{background:linear-gradient(90deg, var(--fresh), var(--warm))}.learning-step-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.learning-steps-grid span{border:1px solid color-mix(in srgb, var(--fresh) 36%, var(--line));background:var(--surface);width:44px;height:44px;color:var(--fresh);border-radius:999px;place-items:center;font-size:13px;font-weight:900;display:inline-grid;box-shadow:0 8px 18px #28c7b724}.learning-step-icon{background:color-mix(in srgb, var(--mint-soft) 70%, white);width:54px;height:54px;color:var(--fresh);border-radius:8px;place-items:center;display:inline-grid}.learning-step-icon.plan{background:color-mix(in srgb, var(--accent-soft) 72%, white);color:var(--accent)}.learning-step-icon.lesson{background:color-mix(in srgb, var(--peach-soft) 72%, white);color:var(--warm)}.learning-step-icon.progress{background:color-mix(in srgb, var(--sun) 20%, white);color:color-mix(in srgb, var(--fresh) 62%, var(--warm))}.learning-step-icon svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:42px;height:42px}.learning-steps-grid strong{font-size:21px;line-height:1.14}.learning-steps-grid p,.inside-platform-section p,.inside-platform-board span,.inside-platform-board li,.home-testimonials-grid p,.free-lesson-section p{color:var(--muted);margin:0;line-height:1.48}.inside-platform-section{background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 40%, transparent), transparent 64%), var(--surface);grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:start;gap:24px;display:grid}.inside-platform-copy{align-content:start;gap:14px;display:grid}.inside-platform-section h2,.free-lesson-section h2{margin:0 0 12px;font-size:clamp(28px,3vw,38px);line-height:1.14}.inside-platform-note{border:1px solid color-mix(in srgb, var(--fresh) 24%, var(--line));background:#ffffffc7;border-radius:8px;gap:5px;margin-top:6px;padding:15px;display:grid;box-shadow:0 12px 24px #573a780f}.inside-platform-note strong{color:var(--accent-strong)}.inside-platform-note span{color:var(--muted);line-height:1.45}.inside-platform-board{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));background:linear-gradient(180deg, #ffffffeb, color-mix(in srgb, var(--accent-soft) 20%, white)), var(--surface);border-radius:8px;gap:14px;padding:16px;display:grid;position:relative;box-shadow:0 18px 42px #573a7817}.inside-platform-board:before{content:"";background:linear-gradient(180deg, var(--fresh), var(--accent), var(--warm));opacity:.26;border-radius:999px;width:3px;position:absolute;inset:16px auto 16px 34px}.inside-platform-board article{border:1px solid var(--line);background:#ffffffe0;border-radius:8px;grid-template-columns:minmax(0,.82fr) minmax(180px,.9fr);align-items:start;gap:16px;padding:18px 18px 18px 38px;display:grid;position:relative}.inside-platform-board article:before{content:"";border:3px solid var(--surface);background:var(--fresh);width:14px;height:14px;box-shadow:0 0 0 1px color-mix(in srgb, var(--fresh) 36%, var(--line));border-radius:999px;position:absolute;top:24px;left:13px}.inside-platform-board article:nth-child(2):before{background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 36%, var(--line))}.inside-platform-board article:nth-child(3):before{background:var(--warm);box-shadow:0 0 0 1px color-mix(in srgb, var(--warm) 42%, var(--line))}.inside-platform-board article span{color:var(--accent-strong);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900;display:inline-flex}.inside-platform-board article strong{font-size:21px;line-height:1.16;display:block}.inside-platform-board ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.inside-platform-board li{padding-left:16px;position:relative}.inside-platform-board li:before{content:"";background:var(--fresh);border-radius:999px;width:6px;height:6px;position:absolute;top:.62em;left:0}.inside-platform-board article:nth-child(2) li:before{background:var(--accent)}.inside-platform-board article:nth-child(3) li:before{background:var(--warm)}.replace-chaos-section{background:linear-gradient(145deg, color-mix(in srgb, var(--peach-soft) 64%, transparent), transparent 66%), var(--surface)}.replace-chaos-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.replace-chaos-compare article{border:1px solid var(--line);background:#ffffffdb;border-radius:8px;align-content:start;gap:14px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 30px #573a7812}.replace-chaos-compare article:before{content:"";background:color-mix(in srgb, var(--muted) 34%, transparent);height:5px;position:absolute;inset:0 0 auto}.replace-chaos-compare .after{border-color:color-mix(in srgb, var(--fresh) 34%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 58%, transparent), transparent 68%), #ffffffe0}.replace-chaos-compare .after:before{background:linear-gradient(90deg, var(--fresh), var(--accent))}.replace-chaos-compare span{background:color-mix(in srgb, var(--line) 46%, white);width:max-content;color:var(--muted);text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.replace-chaos-compare .after span{background:color-mix(in srgb, var(--mint-soft) 76%, white);color:color-mix(in srgb, var(--fresh) 70%, var(--text))}.replace-chaos-compare h3{margin:0;font-size:clamp(24px,2.2vw,32px);line-height:1.12}.replace-chaos-compare ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.replace-chaos-compare li{color:var(--muted);padding-left:24px;line-height:1.44;position:relative}.replace-chaos-compare li:before{content:"-";color:color-mix(in srgb, var(--muted) 70%, transparent);font-weight:900;position:absolute;left:0}.replace-chaos-compare .after li:before{content:"+";color:var(--fresh)}.replace-chaos-result{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:#ffffffd1;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:14px 16px;display:flex}.replace-chaos-result strong{color:var(--accent-strong)}.replace-chaos-result span{color:var(--muted)}.home-testimonials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.home-testimonials-grid article{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 42%, transparent), transparent 66%), #ffffffe0;border-radius:8px;align-content:start;gap:12px;min-height:210px;padding:20px;display:grid;position:relative;overflow:hidden}.home-testimonials-grid article:before{content:"";background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px;width:90px;height:90px;position:absolute;top:-24px;right:-24px}.home-testimonials-grid article:nth-child(2){border-color:color-mix(in srgb, var(--fresh) 24%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--mint-soft) 58%, transparent), transparent 66%), #ffffffe0}.home-testimonials-grid article:nth-child(3){border-color:color-mix(in srgb, var(--warm) 28%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--peach-soft) 62%, transparent), transparent 66%), #ffffffe0}.home-testimonials-grid span{width:max-content;color:var(--accent-strong);text-transform:uppercase;background:#ffffffbd;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.home-testimonials-grid p{font-size:17px}.home-testimonials-grid strong{color:var(--accent-strong);font-size:18px;line-height:1.22}.free-lesson-section{border-color:color-mix(in srgb, var(--fresh) 30%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 70%, transparent), transparent 58%), linear-gradient(24deg, color-mix(in srgb, var(--sun) 28%, transparent), transparent 72%), var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;display:grid;position:relative;overflow:hidden}.free-lesson-section:after{content:"";background:color-mix(in srgb, var(--sun) 20%, transparent);pointer-events:none;border-radius:999px;width:190px;height:190px;position:absolute;top:-56px;right:-48px}.free-lesson-section>div,.free-lesson-section>a{z-index:1;position:relative}.free-lesson-points{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.free-lesson-points span{border:1px solid color-mix(in srgb, var(--fresh) 26%, var(--line));color:color-mix(in srgb, var(--fresh) 62%, var(--text));background:#ffffffc7;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:900}.seo-hub-section{background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 52%, transparent), transparent 58%), linear-gradient(24deg, color-mix(in srgb, var(--peach-soft) 34%, transparent), transparent 72%), var(--surface)}.seo-hub-section .section-head p:not(.eyebrow){max-width:680px;color:var(--muted);margin:8px 0 0;line-height:1.5}.seo-hub-groups{gap:14px;margin-top:22px;display:grid}.seo-hub-group{border:1px solid color-mix(in srgb, var(--fresh) 18%, var(--line));background:#ffffffc7;border-radius:8px;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);align-items:start;gap:14px;padding:16px;display:grid;box-shadow:0 12px 28px #573a780f}.seo-hub-group>div:first-child{gap:7px;display:grid}.seo-hub-group>div:first-child strong{font-size:22px;line-height:1.14}.seo-hub-group>div:first-child span{color:var(--muted);line-height:1.42}.seo-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.seo-hub-grid a{border:1px solid color-mix(in srgb, var(--fresh) 18%, var(--line));min-height:88px;color:var(--text);transition:border-color .18s ease, box-shadow .26s var(--ease-soft), transform .26s var(--ease-soft);background:#ffffffdb;border-radius:8px;gap:6px;padding:14px;text-decoration:none;display:grid}.seo-hub-grid a:hover{border-color:color-mix(in srgb, var(--fresh) 34%, var(--line));transform:translateY(-3px);box-shadow:0 16px 34px #14b8a61a}.seo-hub-grid strong{font-size:17px;line-height:1.18}.seo-hub-grid span{color:var(--muted);line-height:1.4}.seo-hub-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.solutions-directory-section{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 50%, transparent), transparent 60%), var(--surface);box-shadow:var(--shadow);border-radius:8px;margin-bottom:56px;padding:24px}.solutions-directory-section .section-head p:not(.eyebrow){max-width:760px;color:var(--muted);margin:8px 0 0;line-height:1.5}.solutions-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.solutions-directory-grid a{border:1px solid color-mix(in srgb, var(--fresh) 18%, var(--line));min-height:128px;color:var(--text);transition:border-color .18s ease, box-shadow .26s var(--ease-soft), transform .26s var(--ease-soft);background:#ffffffd1;border-radius:8px;gap:7px;padding:18px;text-decoration:none;display:grid}.solutions-directory-grid a:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));transform:translateY(-3px);box-shadow:0 18px 38px #573a781f}.solutions-directory-grid span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:900}.solutions-directory-grid strong{font-size:20px;line-height:1.18}.solutions-directory-grid small{color:var(--muted);font-size:14px;line-height:1.42}.pricing-guide-section{background:linear-gradient(135deg, color-mix(in srgb, var(--peach-soft) 42%, transparent), transparent 62%), linear-gradient(24deg, color-mix(in srgb, var(--mint-soft) 54%, transparent), transparent 72%), var(--surface)}.pricing-guide-section .section-head p:not(.eyebrow),.blog-directory-section .section-head p:not(.eyebrow),.deep-seo-section .section-head p:not(.eyebrow){max-width:760px;color:var(--muted);margin:8px 0 0;line-height:1.5}.pricing-guide-grid,.blog-directory-grid,.deep-seo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.pricing-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-guide-grid article,.blog-directory-grid a,.deep-seo-grid article{border:1px solid color-mix(in srgb, var(--fresh) 18%, var(--line));min-height:168px;color:var(--text);transition:border-color .18s ease, box-shadow .26s var(--ease-soft), transform .26s var(--ease-soft);background:#ffffffd6;border-radius:8px;align-content:start;gap:8px;padding:18px;text-decoration:none;display:grid}.pricing-guide-grid article{grid-template-rows:auto minmax(46px,auto) minmax(104px,1fr) auto;height:100%;min-height:238px}.pricing-guide-grid article.featured{border-color:color-mix(in srgb, var(--fresh) 46%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--mint-soft) 70%, white), white 72%);box-shadow:0 18px 42px #14b8a61f}.blog-directory-grid a:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--line));transform:translateY(-3px);box-shadow:0 18px 38px #573a781f}.pricing-guide-grid span,.blog-directory-grid span,.deep-seo-grid span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:900}.pricing-guide-grid strong,.blog-directory-grid strong,.deep-seo-grid strong{font-size:20px;line-height:1.16}.pricing-guide-grid p,.deep-seo-grid p,.blog-directory-grid small{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.pricing-guide-grid p{min-height:82px}.pricing-guide-grid b{color:var(--fresh-strong);align-self:end;margin-top:14px;font-size:24px;line-height:1}.pricing-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.pricing-proof-grid article{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--surface) 88%, var(--accent-soft));border-radius:8px;gap:8px;min-height:116px;padding:16px;display:grid}.pricing-proof-grid span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:900}.pricing-proof-grid strong{color:var(--text);font-size:16px;line-height:1.35}.pricing-result-strip{border:1px solid color-mix(in srgb, var(--fresh) 26%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 70%, transparent), transparent 70%), var(--surface);border-radius:8px;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:18px;margin-top:14px;padding:20px;display:grid}.pricing-result-strip h3{margin:4px 0 0;font-size:clamp(22px,2.2vw,30px);line-height:1.12}.pricing-result-strip ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pricing-result-strip li{background:var(--surface);color:var(--muted);border-radius:8px;padding:10px 12px;font-weight:800}.blog-directory-section,.blog-article-section{background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 46%, transparent), transparent 58%), var(--surface)}.blog-directory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.blog-article-head{max-width:820px}.blog-article-head h2{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.12}.blog-article-head p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.5}.blog-article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.blog-article-grid section{border:1px solid var(--line);background:#ffffffd6;border-radius:8px;padding:18px}.blog-article-grid h3{margin:0 0 10px;font-size:20px;line-height:1.18}.blog-article-grid p{color:var(--muted);margin:0;line-height:1.55}.deep-seo-section{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 88%, transparent), transparent 60%), linear-gradient(24deg, color-mix(in srgb, var(--accent-soft) 34%, transparent), transparent 76%), var(--surface)}.landing-proof-map-section{background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 50%, transparent), transparent 58%), linear-gradient(24deg, color-mix(in srgb, var(--peach-soft) 34%, transparent), transparent 74%), var(--surface);grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:22px;display:grid}.landing-proof-copy{align-content:center;gap:12px;display:grid}.landing-proof-copy h2{margin:0;font-size:clamp(26px,2.6vw,38px);line-height:1.12}.landing-proof-copy p:not(.eyebrow){color:var(--muted);margin:0;font-size:17px;line-height:1.55}.landing-proof-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.landing-proof-map article{border:1px solid color-mix(in srgb, var(--fresh) 18%, var(--line));background:#ffffffd6;border-radius:8px;align-content:start;gap:8px;padding:18px;display:grid}.landing-proof-map span{background:color-mix(in srgb, var(--fresh) 14%, white);width:fit-content;color:var(--fresh-strong);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.landing-proof-map strong{font-size:19px;line-height:1.16}.landing-proof-map p{color:var(--muted);margin:0;line-height:1.45}.landing-scenario-section{background:radial-gradient(circle at 10% 15%, color-mix(in srgb, var(--accent-soft) 62%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--peach-soft) 34%, transparent), transparent 70%), var(--surface);grid-template-columns:1fr;align-items:stretch;gap:22px;display:grid}.landing-scenario-copy{align-content:center;gap:16px;max-width:920px;display:grid}.landing-scenario-copy .eyebrow{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));width:fit-content;color:var(--accent-strong);background:#ffffffc7;border-radius:999px;margin:0 0 8px;padding:7px 11px;font-size:13px;font-weight:900}.landing-scenario-copy h2{margin:0;font-size:clamp(26px,2.6vw,38px);line-height:1.12}.landing-scenario-copy p:not(.eyebrow){color:var(--muted);margin:0;font-size:17px;line-height:1.55}.landing-scenario-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:0;display:grid}.landing-scenario-panels article{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:#ffffffdb;border-radius:8px;align-content:start;gap:14px;padding:20px;display:grid;box-shadow:0 14px 30px #573a7812}.landing-scenario-panels article:nth-child(2){border-color:color-mix(in srgb, var(--fresh) 24%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--mint-soft) 56%, transparent), transparent 68%), #ffffffe0}.landing-scenario-panels span{background:color-mix(in srgb, var(--accent-soft) 74%, white);width:fit-content;color:var(--accent-strong);text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.landing-scenario-panels article:nth-child(2) span{background:color-mix(in srgb, var(--mint-soft) 78%, white);color:color-mix(in srgb, var(--fresh) 70%, var(--text))}.landing-scenario-panels ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.landing-scenario-panels li{color:var(--muted);padding-left:20px;line-height:1.44;position:relative}.landing-scenario-panels li:before{content:"";background:var(--accent);border-radius:999px;width:8px;height:8px;position:absolute;top:.62em;left:0}.landing-scenario-panels article:nth-child(2) li:before{background:var(--fresh)}.thank-you-section{background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 60%, transparent), transparent 58%), linear-gradient(24deg, color-mix(in srgb, var(--peach-soft) 34%, transparent), transparent 74%), var(--surface);grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);align-items:center;gap:22px;display:grid}.thank-you-copy{gap:12px;display:grid}.thank-you-copy h2{margin:0;font-size:clamp(30px,3vw,46px);line-height:1.08}.thank-you-copy p:not(.eyebrow){color:var(--muted);margin:0;font-size:18px;line-height:1.55}.thank-you-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.thank-you-steps article{border:1px solid color-mix(in srgb, var(--fresh) 22%, var(--line));background:#ffffffdb;border-radius:8px;gap:8px;min-height:150px;padding:18px;display:grid}.thank-you-steps span{background:color-mix(in srgb, var(--fresh) 14%, white);width:fit-content;color:var(--fresh-strong);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.thank-you-steps strong{font-size:20px;line-height:1.16}.thank-you-steps small{color:var(--muted);font-size:14px;line-height:1.4}.landing-flow-section{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 86%, transparent), transparent 62%), linear-gradient(180deg, #fff, color-mix(in srgb, var(--accent-soft) 18%, #fff))}.clarity-bridge-section{background:linear-gradient(135deg, color-mix(in srgb, var(--peach-soft) 64%, transparent), transparent 58%), linear-gradient(24deg, color-mix(in srgb, var(--mint-soft) 50%, transparent), transparent 72%), var(--surface);grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:stretch;gap:22px;display:grid}.clarity-bridge-section.teacher-bridge{border-color:color-mix(in srgb, var(--fresh) 24%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 72%, transparent), transparent 58%), linear-gradient(24deg, color-mix(in srgb, var(--accent-soft) 46%, transparent), transparent 72%), var(--surface)}.clarity-bridge-copy{align-content:center;gap:12px;display:grid}.clarity-bridge-copy h2{max-width:640px;margin:0;font-size:clamp(28px,3vw,38px);line-height:1.14}.clarity-bridge-copy p:not(.eyebrow){max-width:620px;color:var(--muted);margin:0;line-height:1.56}.clarity-bridge-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.clarity-bridge-compare article{border:1px solid color-mix(in srgb, var(--rose) 20%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--peach-soft) 72%, transparent), transparent 64%), #ffffffdb;border-radius:8px;align-content:start;gap:12px;padding:18px;display:grid}.clarity-bridge-compare article.after{border-color:color-mix(in srgb, var(--fresh) 32%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--mint-soft) 82%, transparent), transparent 64%), #ffffffe0}.clarity-bridge-compare span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:900}.clarity-bridge-compare .after span{color:#047857}.clarity-bridge-compare ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.clarity-bridge-compare li{color:var(--muted);padding-left:20px;line-height:1.38;position:relative}.clarity-bridge-compare li:before{content:"";background:color-mix(in srgb, var(--rose) 52%, transparent);border-radius:999px;width:8px;height:8px;position:absolute;top:.62em;left:0}.clarity-bridge-compare .after li:before{background:var(--fresh)}.clarity-bridge-steps{gap:12px;display:grid}.clarity-bridge-steps article{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#ffffffe0,#0000 70%),#ffffffdb;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 14px;padding:18px;display:grid}.clarity-bridge-steps span{background:color-mix(in srgb, var(--accent-soft) 78%, white);width:42px;height:42px;color:var(--accent-strong);border-radius:999px;grid-row:1/3;place-items:center;font-size:13px;font-weight:900;display:grid}.clarity-bridge-steps strong{color:var(--ink);font-size:18px;line-height:1.2}.clarity-bridge-steps p{color:var(--muted);margin:0;line-height:1.42}.educator-offer-section{border:1px solid color-mix(in srgb, var(--fresh) 24%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 74%, transparent), transparent 54%), linear-gradient(24deg, color-mix(in srgb, var(--accent-soft) 58%, transparent), transparent 66%), var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:stretch;gap:22px;padding:24px;display:grid;position:relative;overflow:hidden}.educator-offer-section:after{content:"";border:22px solid color-mix(in srgb, var(--fresh) 20%, transparent);border-radius:999px;width:178px;height:178px;position:absolute;top:-54px;right:-54px}.educator-offer-copy,.educator-benefit-grid article{z-index:1;position:relative}.educator-offer-copy{align-content:center;gap:10px;display:grid}.educator-offer-copy h2{max-width:620px;margin:0;font-size:clamp(28px,3vw,38px);line-height:1.14}.educator-offer-copy p{max-width:590px;color:var(--muted);line-height:1.55}.educator-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.educator-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.educator-benefit-grid article{border:1px solid color-mix(in srgb, var(--fresh) 20%, var(--line));background:#ffffffd1;border-radius:8px;align-content:start;gap:9px;padding:18px;display:grid;box-shadow:0 14px 30px #14b8a614}.educator-benefit-grid article:nth-child(2){border-color:color-mix(in srgb, var(--accent) 22%, var(--line))}.educator-benefit-grid article:nth-child(3){border-color:color-mix(in srgb, var(--sun) 42%, var(--line))}.educator-benefit-grid span{color:#047857;text-transform:uppercase;font-size:12px;font-weight:900}.educator-benefit-grid strong{color:var(--text);font-size:18px;line-height:1.2}.educator-benefit-grid p{color:var(--muted);margin:0;line-height:1.45}.teacher-demo-section{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 58%, transparent), transparent 58%), linear-gradient(24deg, color-mix(in srgb, var(--mint-soft) 52%, transparent), transparent 72%), var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:stretch;gap:22px;padding:24px;display:grid}.teacher-demo-copy{align-content:center;gap:12px;display:grid}.teacher-demo-copy h2{max-width:680px;margin:0;font-size:clamp(28px,3vw,38px);line-height:1.12}.teacher-demo-copy p:not(.eyebrow){max-width:640px;color:var(--muted);margin:0;line-height:1.55}.teacher-demo-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.teacher-demo-preview{align-content:center;min-height:300px;display:grid;position:relative}.teacher-demo-window,.teacher-demo-card{border:1px solid color-mix(in srgb, var(--fresh) 22%, var(--line));background:#ffffffdb;border-radius:8px;box-shadow:0 18px 42px #573a781f}.teacher-demo-window{gap:14px;padding:22px;display:grid}.teacher-demo-window>span,.teacher-demo-card span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:900}.teacher-demo-window strong{font-size:30px;line-height:1}.teacher-demo-window ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.teacher-demo-window li{background:color-mix(in srgb, var(--surface) 74%, var(--mint-soft));border-radius:8px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.teacher-demo-window li b{background:var(--fresh);color:#fff;border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.teacher-demo-window li span,.teacher-demo-card small{color:var(--muted);line-height:1.35}.teacher-demo-card{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 58%, white), white);gap:7px;width:min(320px,100% - 36px);padding:16px;display:grid;position:absolute;bottom:18px;right:18px}.teacher-demo-card strong{font-size:19px;line-height:1.18}.parent-proof-section{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.9fr));gap:18px;display:grid}.parent-proof-section article{border:1px solid var(--line);background:linear-gradient(145deg, color-mix(in srgb, var(--peach-soft) 78%, transparent), transparent 62%), var(--surface);box-shadow:var(--shadow);border-radius:8px;align-content:start;gap:9px;padding:22px;display:grid;position:relative;overflow:hidden}.parent-proof-section article:nth-child(2){background:linear-gradient(145deg, color-mix(in srgb, var(--mint-soft) 78%, transparent), transparent 62%), var(--surface)}.parent-proof-section article:nth-child(3){background:linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 62%, transparent), transparent 62%), var(--surface)}.parent-proof-section article:after{content:"";border:14px solid color-mix(in srgb, var(--sun) 30%, transparent);border-radius:999px;width:94px;height:94px;position:absolute;bottom:-28px;right:-24px}.parent-proof-section span{color:var(--accent-strong);text-transform:uppercase;font-size:13px;font-weight:900}.parent-proof-section strong{max-width:520px;font-size:24px;line-height:1.18}.parent-proof-section p{max-width:560px;color:var(--muted);margin:0;line-height:1.5}.landing-metrics-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:56px;display:grid}.landing-metrics-strip article{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:6px;padding:22px;display:grid}.landing-metrics-strip strong{font-size:30px}.landing-metrics-strip span{color:var(--muted);line-height:1.35}.landing-stack-section{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 54%, transparent), transparent 58%), var(--surface);grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);align-items:center;gap:18px;display:grid}.landing-stack-section p{color:var(--muted);line-height:1.55}.stack-compare{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:12px;display:grid}.stack-compare article{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:12px;padding:16px;display:grid}.stack-compare article>span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.service-cloud{flex-wrap:wrap;gap:8px;display:flex}.service-cloud b{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:8px 10px;font-size:13px}.stack-result{border-color:color-mix(in srgb, var(--fresh) 40%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--fresh) 18%, transparent), transparent 66%), var(--surface)}.stack-result strong{font-size:24px;line-height:1.15}.flow-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.flow-steps article{border:1px solid var(--line);background:linear-gradient(160deg, color-mix(in srgb, var(--accent-soft) 42%, transparent), transparent 62%), var(--surface-2);border-radius:8px;gap:10px;padding:18px;display:grid;position:relative;overflow:hidden}.flow-steps article:nth-child(2){background:linear-gradient(160deg, color-mix(in srgb, var(--fresh) 18%, transparent), transparent 62%), var(--surface-2)}.flow-steps article:nth-child(3){background:linear-gradient(160deg, color-mix(in srgb, var(--sun) 24%, transparent), transparent 62%), var(--surface-2)}.flow-steps article:nth-child(4){background:linear-gradient(160deg, color-mix(in srgb, var(--rose) 18%, transparent), transparent 62%), var(--surface-2)}.flow-steps article:nth-child(5){background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 62%), var(--surface-2)}.platform-modules-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.platform-modules-grid article{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:10px;min-width:0;padding:18px;display:grid}.platform-modules-grid span{color:var(--accent-strong);font-size:13px;font-weight:900}.platform-modules-grid p{color:var(--muted);line-height:1.45}.growth-grid,.pricing-grid,.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.growth-grid article,.pricing-grid article,.testimonial-grid article,.faq-grid article{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:10px;padding:18px;display:grid}.growth-grid span,.pricing-grid span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:900}.growth-grid p,.pricing-grid p,.faq-grid p,.testimonial-grid span{color:var(--muted);margin:0;line-height:1.45}.pricing-grid article{background:var(--surface-2);align-content:start}.pricing-grid article.featured{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 74%, transparent), transparent 62%), var(--surface)}.pricing-grid strong{font-size:28px;line-height:1.1}.faq-layout{align-items:start;gap:20px;display:grid}.faq-head{gap:8px;max-width:780px;display:grid}.faq-head h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.12}.faq-head p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.55}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;margin-top:0;display:grid}.faq-grid details{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-self:start;box-shadow:0 10px 24px #573a780f}.faq-grid summary{cursor:pointer;color:var(--text);padding:18px 46px 18px 18px;font-weight:800;list-style:none;position:relative}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:"+";background:var(--accent-soft);width:24px;height:24px;color:var(--accent-strong);border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.faq-grid details[open] summary:after{content:"-"}.faq-grid details p{color:var(--muted);margin:0;padding:0 18px 18px;line-height:1.55}.testimonial-section{background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 18%, transparent), transparent 44%), var(--surface)}.testimonial-grid article{color:#f8fafc;background:#0f172a}.testimonial-grid span{color:#cbd5e1}.flow-steps span,.proof-section span,.revenue-cards span{color:var(--accent-strong);text-transform:uppercase;font-size:13px;font-weight:900}.flow-steps p,.revenue-section p,.final-cta-section p{color:var(--muted);line-height:1.5}.revenue-section{background:linear-gradient(135deg, color-mix(in srgb, var(--fresh) 18%, transparent), transparent 52%), var(--surface);grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:center;gap:18px;display:grid}.revenue-cards{gap:12px;display:grid}.revenue-cards article{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:var(--surface);border-radius:8px;gap:8px;padding:18px;display:grid}.revenue-cards span{font-size:30px}.proof-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.proof-section article{border:1px solid var(--line);color:#f8fafc;box-shadow:var(--shadow);background:#0f172a;border-radius:8px;gap:8px;padding:20px;display:grid}.proof-section span{color:#93c5fd}.final-cta-section{background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 22%, transparent), transparent 48%), linear-gradient(24deg, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 55%), var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.final-cta-actions{flex-wrap:wrap;gap:10px;display:flex}.home-copy,.home-role-panel,.home-stats article,.home-feature-grid article{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.home-copy{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 80%, transparent), transparent 58%), var(--surface);padding:36px}.home-copy p{max-width:620px;color:var(--muted)}.home-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.access-notice{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;display:flex}.access-notice strong,.access-notice p{margin:0}.access-notice p{color:var(--muted);margin-top:4px}.admin-password-notice{align-items:center}.admin-password-notice code{border:1px solid var(--line);background:var(--surface);color:var(--accent-strong);border-radius:8px;margin-left:6px;padding:4px 8px;font-weight:900;display:inline-block}.home-role-panel{gap:12px;padding:16px;display:grid}.home-role-panel button,.home-role-hint{border:1px solid var(--line);background:var(--surface-2);min-height:132px;color:var(--text);text-align:left;border-radius:8px;gap:8px;padding:18px;display:grid}.home-login-form{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:10px;padding:18px;display:grid}.home-login-form label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}.home-login-form small{color:var(--muted)}.home-login-form p{color:var(--muted);margin:0;line-height:1.45}.home-login-form .form-error{color:#b42318;font-weight:700}.user-pill{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.save-pill.saved{color:#027a48;background:#ecfdf3}.save-pill.saving{color:#b45309;background:#fff7ed}.save-pill.error{color:#b42318;background:#fef3f2}body.dark .save-pill.saved{color:#6ee7b7;background:#12352a}body.dark .save-pill.saving{color:#fdba74;background:#3d2a14}body.dark .save-pill.error{color:#fca5a5;background:#3a1717}.home-role-panel button:hover{border-color:var(--accent)}.home-role-panel span,.home-role-hint span,.home-login-form span,.home-stats span{color:var(--muted);font-size:13px;font-weight:700}.home-role-panel strong,.home-role-hint strong,.home-login-form strong{font-size:18px;line-height:1.25}.home-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.home-stats article{border-color:color-mix(in srgb, var(--accent) 16%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 42%, transparent), transparent 62%), var(--surface);gap:6px;padding:18px;display:grid}.home-stats article:nth-child(2){background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 22%, transparent), transparent 62%), var(--surface)}.home-stats article:nth-child(3){background:linear-gradient(135deg, color-mix(in srgb, var(--fresh) 18%, transparent), transparent 62%), var(--surface)}.home-stats article:nth-child(4){background:linear-gradient(135deg, color-mix(in srgb, var(--rose) 18%, transparent), transparent 62%), var(--surface)}.home-stats strong{font-size:30px}.marketplace-section{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;margin-bottom:56px;padding:24px}.teacher-showcase{background:linear-gradient(135deg, color-mix(in srgb, var(--peach-soft) 48%, transparent), transparent 48%), var(--surface)}.marketplace-layout{grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-top:18px;display:grid}.marketplace-filter{flex-wrap:wrap;gap:8px;display:flex}.marketplace-filter button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--text);border-radius:8px;padding:0 12px;font-weight:700}.marketplace-filter button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.teacher-catalog{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.teacher-catalog.showcase{margin-top:18px}.teacher-catalog.subject-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-card,.trial-form{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, transparent), var(--surface-2)), var(--surface-2);border-radius:8px;gap:14px;min-width:0;padding:16px;display:grid;position:relative;overflow:hidden}.teacher-card.showcase{background:linear-gradient(180deg, #fff, color-mix(in srgb, var(--accent-soft) 26%, #fff)), var(--surface);grid-template-rows:auto auto auto auto auto 1fr auto;height:100%;transition:transform .16s,box-shadow .16s,border-color .16s}.teacher-card.showcase:nth-child(2):before{background:linear-gradient(90deg,#0ea5e9,#22c55e,#facc15)}.teacher-card.showcase:nth-child(3):before{background:linear-gradient(90deg,#f97316,#fb7185,#2563eb)}.teacher-card.showcase:hover{border-color:color-mix(in srgb, var(--accent) 36%, var(--line));transform:translateY(-3px);box-shadow:0 24px 50px #8b5cf624}.teacher-card-head{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.avatar-mark.large{width:64px;height:64px;font-size:20px}.teacher-card h3{margin:10px 0 4px}.teacher-card.showcase>p{min-height:48px;margin:0}.teacher-card p,.teacher-meta span,.teacher-offer p{color:var(--muted);line-height:1.5}.teacher-warm-line{border:1px solid color-mix(in srgb, var(--sun) 34%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 22%, transparent), transparent 66%), var(--surface);border-radius:8px;gap:4px;min-height:78px;padding:12px;display:grid}.teacher-warm-line span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.teacher-warm-line strong{color:var(--text);line-height:1.25}.teacher-meta{justify-content:space-between;align-items:center;gap:10px;min-height:26px;display:flex}.teacher-impact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.teacher-impact-grid span{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));background:var(--surface-2);min-height:58px;color:var(--muted);border-radius:8px;gap:2px;padding:9px;font-size:12px;font-weight:800;display:grid}.teacher-impact-grid strong{color:var(--text);font-size:18px}.teacher-benefit-line{background:color-mix(in srgb, var(--fresh) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--fresh) 22%, var(--line));border-radius:8px;gap:4px;padding:11px 12px;display:grid}.teacher-benefit-line span{color:var(--primary);text-transform:uppercase;font-size:12px;font-weight:900}.teacher-benefit-line strong{color:var(--text);line-height:1.35}.teacher-card-actions{grid-template-columns:1fr;align-self:end;gap:8px;margin-top:2px;display:grid}.teacher-card-actions .primary-button{justify-content:center;width:100%;min-height:44px}.teacher-profile-section{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 52%, transparent), transparent 58%), var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-bottom:18px;padding:24px;display:grid}.teacher-profile-main,.teacher-profile-side{align-content:start;gap:14px;display:grid}.teacher-profile-main>p,.teacher-profile-note p,.teacher-profile-main blockquote{color:var(--muted);line-height:1.55}.teacher-profile-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.teacher-profile-facts article,.teacher-profile-note{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:12px}.teacher-profile-facts span,.teacher-profile-side>span{color:var(--muted);font-size:13px;font-weight:800}.teacher-profile-main blockquote{border-left:5px solid var(--sun);background:var(--surface);border-radius:8px;margin:0;padding:14px 16px}.slot-list{gap:8px;display:grid}.slot-list button{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;font-weight:800}.slot-list button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.diagnostic-section{border:1px solid color-mix(in srgb, var(--warm) 26%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 24%, transparent), transparent 48%), linear-gradient(24deg, color-mix(in srgb, var(--fresh) 14%, transparent), transparent 40%), var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;gap:18px;margin-bottom:18px;padding:24px;display:grid}.diagnostic-section h2{margin:6px 0 10px}.diagnostic-section p{color:var(--muted);line-height:1.55}.diagnostic-quiz-section{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 42%, transparent), transparent 52%), linear-gradient(24deg, color-mix(in srgb, var(--sun) 18%, transparent), transparent 40%), var(--surface);box-shadow:var(--shadow);border-radius:8px;margin-bottom:18px;padding:24px}.quiz-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.quiz-grid article,.quiz-summary{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:8px;align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.quiz-grid article>span,.quiz-summary>span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.quiz-summary{border-color:color-mix(in srgb, var(--fresh) 36%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--fresh) 16%, transparent), transparent 62%), var(--surface)}.quiz-summary p{color:var(--muted);margin:0;line-height:1.45}.diagnostic-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.diagnostic-steps article{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:8px;gap:8px;padding:14px;display:grid}.diagnostic-steps span{background:color-mix(in srgb, var(--warm) 14%, var(--surface));color:#c2410c;border-radius:8px;width:fit-content;padding:5px 8px;font-size:12px;font-weight:900}.teacher-match-section{border:1px solid color-mix(in srgb, var(--fresh) 28%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--fresh) 18%, transparent), transparent 42%), linear-gradient(24deg, color-mix(in srgb, var(--rose) 12%, transparent), transparent 34%), var(--surface);box-shadow:var(--shadow);border-radius:8px;margin-bottom:18px;padding:24px}.match-builder{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(240px,.9fr);gap:12px;margin-top:18px;display:grid}.match-builder article,.match-summary{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:8px;align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.match-builder article>span,.match-summary>span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice-row button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--text);border-radius:8px;padding:0 12px;font-weight:800}.choice-row.compact button{min-width:54px}.choice-row button.active{border-color:var(--fresh);background:color-mix(in srgb, var(--fresh) 16%, var(--surface));color:#047857}.match-summary{border-color:color-mix(in srgb, var(--warm) 34%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--sun) 24%, transparent), transparent 60%), var(--surface)}.match-summary p{color:var(--muted);margin:0;line-height:1.45}.teacher-card.showcase.recommended{border-color:color-mix(in srgb, var(--fresh) 58%, var(--line));box-shadow:0 24px 52px #10b9812e}.match-badge{background:color-mix(in srgb, var(--fresh) 16%, var(--surface));color:#047857;border-radius:8px;width:fit-content;padding:7px 10px;font-size:12px;font-weight:900}.trial-form{background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 16%, transparent), transparent 52%), var(--surface);align-self:start;padding:22px}.modal-trial-form{border-color:color-mix(in srgb, var(--accent) 18%, var(--line));background:radial-gradient(circle at 10% 8%, color-mix(in srgb, var(--sun) 18%, transparent), transparent 30%), linear-gradient(145deg, #ffffffeb, color-mix(in srgb, var(--mint-soft) 28%, white)), var(--surface);grid-template-columns:minmax(260px,.88fr) minmax(0,1.12fr);gap:20px;width:100%;margin:0;padding:24px 72px 24px 24px}.modal-trial-intro,.modal-trial-fields{z-index:1;position:relative}.modal-trial-intro{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));background:linear-gradient(150deg, color-mix(in srgb, var(--accent-soft) 62%, white), #ffffffc7), var(--surface);border-radius:8px;align-content:start;gap:14px;padding:20px;display:grid}.modal-trial-intro>span{width:fit-content;color:var(--accent-strong);background:#ffffffc7;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:900}.modal-trial-intro strong{font-size:clamp(24px,3vw,34px);line-height:1.08}.modal-trial-intro>p{color:var(--muted);margin:-4px 0 0;line-height:1.5}.modal-trial-fields{align-content:start;gap:14px;display:grid}.modal-trial-steps{gap:10px;margin:2px 0 0;padding:0;list-style:none;display:grid}.modal-trial-steps li{color:var(--muted);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;line-height:1.42;display:grid}.modal-trial-steps b{background:color-mix(in srgb, var(--accent) 16%, white);width:28px;height:28px;color:var(--accent-strong);border-radius:999px;place-items:center;font-size:13px;display:grid}.trial-form-points{flex-wrap:wrap;gap:8px;display:flex}.trial-form-points small{border:1px solid color-mix(in srgb, var(--fresh) 24%, var(--line));color:color-mix(in srgb, var(--fresh) 62%, var(--text));background:#ffffffc7;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.trial-form label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}.trial-form-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.trial-form input,.trial-form select{border:1px solid var(--line);background:color-mix(in srgb, white 88%, var(--surface));min-height:46px;color:var(--text);font:inherit;border-radius:8px;padding:0 13px}.trial-form input:focus,.trial-form select:focus{outline:3px solid color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--accent) 46%, var(--line));background:#fff}.modal-trial-fields .primary-button{justify-content:center;width:100%;min-height:52px;margin-top:2px}.trial-privacy-note{color:var(--muted);font-size:12px;line-height:1.42}.form-success{color:#027a48;font-weight:700;line-height:1.45}.lead-toast{z-index:140;width:min(460px,100vw - 32px);color:var(--text);animation:toastIn .34s var(--ease-soft) both;background:radial-gradient(circle at 12% 0,#a7f3d06b,#0000 34%),linear-gradient(135deg,#feffff,#fff);border:1px solid #aee7d4;border-radius:8px;grid-template-columns:46px minmax(0,1fr) 34px;align-items:start;gap:12px;padding:16px 16px 18px;display:grid;position:fixed;top:22px;right:22px;overflow:hidden;box-shadow:0 24px 70px #271a443d}.lead-toast:after{content:"";background:linear-gradient(90deg,#10b981,#22c55e,#38bdf8);height:4px;animation:7s linear both toastBar;position:absolute;bottom:0;left:0;right:0}.lead-toast.error{background:radial-gradient(circle at 12% 0,#fecdd370,#0000 34%),linear-gradient(135deg,#fffefe,#fff);border-color:#fabfbf}.lead-toast.error:after{background:linear-gradient(90deg,#ef4444,#f97316);animation-duration:10s}.lead-toast-icon{color:#fff;background:linear-gradient(135deg,#23bf8b,#5cc9f9);border-radius:999px;place-items:center;width:46px;height:46px;font-size:24px;font-weight:900;display:grid;box-shadow:0 12px 26px #10b98147}.lead-toast.error .lead-toast-icon{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 12px 26px #ef44443d}.lead-toast strong,.lead-toast span{display:block}.lead-toast strong{margin:2px 0 5px;font-size:16px;line-height:1.2}.lead-toast span{color:var(--muted);line-height:1.45}.lead-toast button{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--text);border-radius:999px;place-items:center;font-size:22px;line-height:1;display:grid}.lead-toast button:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent-soft) 44%, white)}.inline-trial-cta{border:1px solid color-mix(in srgb, var(--sun) 28%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 18%, transparent), transparent 56%), color-mix(in srgb, var(--surface) 94%, white);box-shadow:var(--shadow-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:56px;padding:22px;display:flex}.inline-trial-cta h2{margin:0;font-size:clamp(26px,3vw,38px)}.inline-trial-cta p:not(.eyebrow){max-width:720px;color:var(--muted);margin:8px 0 0;line-height:1.5}.inline-trial-cta .primary-button{flex:none}.trial-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2218366b;justify-content:center;align-items:flex-start;padding:24px 18px;display:flex;position:fixed;inset:0;overflow-y:auto}.trial-modal{border-radius:8px;width:min(980px,100%);max-height:none;position:relative;overflow:visible;box-shadow:0 34px 90px #271a4442}.modal-close-button{z-index:2;border:1px solid var(--line);width:42px;height:42px;color:var(--text);cursor:pointer;background:#ffffffe0;border-radius:999px;place-items:center;font-size:24px;font-weight:500;line-height:1;display:grid;position:absolute;top:16px;right:16px}.modal-close-button:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--line));background:#fff}.teacher-offer{background:var(--accent-soft);justify-content:space-between;align-items:center;gap:18px;display:flex}.landing-conversion-grid{background:radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--sun) 22%, transparent), transparent 28%), linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 44%, transparent), transparent 62%), color-mix(in srgb, var(--surface) 62%, transparent);border-radius:8px;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);gap:22px;margin-bottom:56px;padding:22px}.teacher-offer-panel{background:linear-gradient(135deg, color-mix(in srgb, var(--fresh) 20%, transparent), transparent 58%), linear-gradient(24deg, color-mix(in srgb, var(--sun) 22%, transparent), transparent 40%), var(--surface)}.teacher-offer-panel ul{gap:8px;margin:18px 0;padding-left:20px;display:grid}.next-step-list{gap:12px;margin:18px 0;display:grid}.next-step-list article{border:1px solid color-mix(in srgb, var(--fresh) 18%, var(--line));background:#ffffffc7;border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:8px 12px;padding:14px;display:grid}.next-step-list span{background:color-mix(in srgb, var(--fresh) 16%, white);width:34px;height:34px;color:var(--fresh-strong);border-radius:999px;grid-row:span 2;place-items:center;font-size:12px;font-weight:900;display:inline-grid}.next-step-list strong{line-height:1.2}.next-step-list p{color:var(--muted);margin:0;line-height:1.42}.login-dock{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.demo-login-dock{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.focused-login-dock{grid-template-columns:minmax(0,560px);justify-content:center}.login-role-switcher{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px;padding:6px;display:grid}.login-role-switcher button{min-height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;font-weight:900}.login-role-switcher button:hover,.login-role-switcher button.active{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--surface);color:var(--accent-strong)}.login-dock .home-login-form{background:linear-gradient(160deg, color-mix(in srgb, var(--accent-soft) 48%, transparent), transparent 64%), var(--surface);position:relative;overflow:hidden}.login-dock .home-login-form:nth-child(2){background:linear-gradient(160deg, color-mix(in srgb, var(--fresh) 18%, transparent), transparent 64%), var(--surface)}.demo-modal{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));background:radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--accent-soft) 72%, transparent), transparent 34%), linear-gradient(135deg, #ffffffe0, color-mix(in srgb, var(--mint-soft) 36%, white)), var(--surface);border-radius:8px;width:min(1180px,100%);padding:24px;position:relative;box-shadow:0 34px 90px #271a4442}.demo-modal-head{max-width:640px;margin-bottom:18px}.demo-modal-head h2{margin:0;font-size:clamp(26px,3vw,36px);line-height:1.1}.demo-modal-head p:not(.eyebrow){color:var(--muted);margin:10px 0 0;line-height:1.5}.demo-login-dock{margin:0}.demo-login-card{border-color:color-mix(in srgb, var(--accent) 18%, var(--line));min-height:100%}.demo-login-card:nth-child(2){border-color:color-mix(in srgb, var(--fresh) 22%, var(--line))}.teacher-register-card{max-height:min(72vh,760px);overflow:auto}.teacher-register-card textarea{resize:vertical}.admin-login-card{align-content:start}.teacher-application-card .quiz-request-summary{margin-top:12px}.home-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.home-feature-grid article{padding:20px}.home-feature-grid p{color:var(--muted);margin:8px 0 0}.landing-footer{border-top:1px solid var(--line);width:min(1180px,100% - 32px);color:var(--muted);grid-template-columns:minmax(240px,1fr) auto minmax(220px,.8fr);align-items:center;gap:18px;margin:0 auto;padding:26px 0 34px;display:grid}.landing-footer nav{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.landing-footer a,.landing-footer button{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--muted);border-radius:8px;align-items:center;padding:0 10px;font-weight:800;text-decoration:none;display:inline-flex}.landing-footer a:hover,.landing-footer button:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));color:var(--text)}.footer-contact{text-align:right;justify-self:end;gap:8px;max-width:260px;display:grid}.footer-contact span{font-size:13px;line-height:1.45}.footer-contact small{justify-items:end;gap:6px;display:grid}.footer-contact small a{background:0 0;border:0;min-height:0;padding:0;font-size:12px;font-weight:800}.floating-contact-actions{z-index:60;justify-items:end;gap:10px;display:grid;position:fixed;bottom:22px;right:22px}.floating-contact-actions a{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#19b8c7f5,#665df0f5);border:1px solid #9ee1e7;border-radius:999px;align-items:center;gap:10px;width:168px;min-height:54px;padding:8px 16px 8px 9px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 18px 44px #22225033}.floating-contact-actions .call-floating-button{background:linear-gradient(135deg,#22c55ef5,#14b8a6f5);border-color:#9eeace}.floating-contact-actions .max-floating-button{background:linear-gradient(135deg,#0ea5e9f5,#665df0f5);border-color:#9fdffc}.floating-contact-actions a:hover{transform:translateY(-2px);box-shadow:0 22px 52px #22225042}.floating-contact-actions a span{letter-spacing:0;background:#ffffff2e;border-radius:50%;flex:0 0 46px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:1000;display:inline-grid}.floating-contact-actions a strong{letter-spacing:0;text-align:left;flex:1;font-size:14px;line-height:1}.student-shell{background:var(--bg);min-height:100vh}.student-topbar{z-index:5;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex;position:sticky;top:0}.student-workspace{width:min(1080px,100% - 32px);margin:0 auto;padding:28px 0 48px}.student-homework-select{gap:4px;min-width:min(320px,50vw);display:grid}.student-homework-select span{color:var(--muted);font-size:12px;font-weight:700}.student-hero{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 72%, transparent), transparent 62%), var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;gap:18px;margin-bottom:18px;padding:28px;display:grid}.student-hero h1{max-width:720px}.student-hero p{max-width:620px;color:var(--muted);margin:12px 0 0}.student-score-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-content:center;gap:10px;padding:18px;display:grid}.student-score-card span,.student-summary-grid span{color:var(--muted);font-size:13px;font-weight:700}.student-score-card strong{font-size:34px;line-height:1}.lesson-entry-workspace{width:min(1180px,100% - 32px)}.lesson-entry-hero{grid-template-columns:minmax(0,1fr) 240px}.lesson-entry-card small{color:var(--muted);font-size:13px;font-weight:700;line-height:1.35}.lesson-entry-state{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.lesson-entry-state>span:last-child{color:var(--muted);font-size:14px;font-weight:700}.lesson-entry-status-bar{z-index:6;border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:flex;position:sticky;top:12px}.lesson-entry-status-bar>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.lesson-entry-status-bar strong{color:var(--text);font-size:14px;line-height:1.35}.lesson-entry-status-bar>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.lesson-entry-status-bar button{min-height:34px;padding:0 11px;font-size:13px}.lesson-entry-current{border-color:color-mix(in srgb, var(--accent) 26%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 42%, transparent), transparent 62%), var(--surface);grid-template-columns:minmax(240px,.9fr) minmax(0,1.2fr) auto;align-items:center;gap:16px;margin-bottom:18px;padding:18px;display:grid}.lesson-entry-current>div:first-child{gap:4px;min-width:0;display:grid}.lesson-entry-current h2{margin:0;font-size:22px}.lesson-entry-current>div:first-child span{color:var(--muted);font-size:14px;font-weight:800;line-height:1.45}.lesson-entry-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.lesson-entry-steps article{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:3px;min-width:0;padding:10px;display:grid}.lesson-entry-steps article.done{border-color:color-mix(in srgb, var(--fresh) 42%, var(--line));background:color-mix(in srgb, var(--mint-soft) 60%, var(--surface))}.lesson-entry-steps span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.lesson-entry-steps strong{overflow-wrap:anywhere;font-size:13px}.lesson-entry-current-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.lesson-entry-current-actions button{min-height:36px;padding:0 12px;font-size:13px}.lesson-entry-grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;margin-bottom:18px;display:grid}.lesson-entry-join,.lesson-entry-tasks,.lesson-entry-live-task,.lesson-entry-board,.lesson-entry-call{padding:18px}.lesson-entry-name{gap:8px;margin-top:16px;display:grid}.lesson-entry-name span{color:var(--muted);font-size:13px;font-weight:800}.lesson-entry-students{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.lesson-entry-students button{border:1px solid var(--line);background:var(--surface-2);min-height:34px;color:var(--text);border-radius:999px;padding:0 12px;font-size:13px;font-weight:800}.lesson-entry-students button:hover,.lesson-entry-students button.active{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.lesson-entry-signals{gap:8px;margin-top:16px;display:grid}.lesson-entry-signals>span{color:var(--muted);font-size:13px;font-weight:800}.lesson-entry-signals div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lesson-entry-signals button{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;padding:0 12px;font-size:13px;font-weight:900}.lesson-entry-signals button:hover,.lesson-entry-signals button.active{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.lesson-entry-signals button.attention.active{border-color:color-mix(in srgb, var(--warm) 58%, var(--line));background:color-mix(in srgb, var(--warm) 16%, var(--surface));color:#8a4a00}.lesson-entry-signal-note,.lesson-entry-task-signals small{color:var(--muted);font-size:12px;font-weight:800;line-height:1.4}.lesson-entry-task-signals{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:8px;gap:8px;padding:10px;display:grid}.lesson-entry-task-signals>span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.lesson-entry-task-signals div{flex-wrap:wrap;gap:7px;display:flex}.lesson-entry-task-signals button{border:1px solid var(--line);background:var(--surface);min-height:32px;color:var(--muted);border-radius:999px;padding:0 10px;font-size:12px;font-weight:900}.lesson-entry-task-signals button:hover,.lesson-entry-task-signals button.active{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.lesson-entry-task-signals button.attention.active{border-color:color-mix(in srgb, var(--rose) 38%, var(--line));background:color-mix(in srgb, var(--peach-soft) 72%, var(--surface));color:#be123c}.lesson-entry-chat-form{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:10px;margin-top:16px;padding:12px;display:grid}.lesson-entry-chat-form label{gap:8px;display:grid}.lesson-entry-chat-form span{color:var(--muted);font-size:13px;font-weight:800}.lesson-entry-chat-form textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);resize:vertical;border-radius:8px;padding:10px 12px}.lesson-entry-chat-form button{min-height:38px}.lesson-entry-chat-sent{color:var(--accent-strong);font-size:12px;font-weight:900}.lesson-entry-chat-list{gap:8px;margin-top:12px;display:grid}.lesson-entry-chat-list article{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:5px;padding:10px;display:grid}.lesson-entry-chat-list article.system{background:color-mix(in srgb, var(--surface-2) 70%, transparent);border-style:dashed}.lesson-entry-chat-list article.teacher{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--accent-soft)}.lesson-entry-chat-list span{color:var(--muted);font-size:12px;font-weight:800}.lesson-entry-chat-list p{color:var(--text);margin:0;font-size:14px;line-height:1.45}.lesson-entry-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.lesson-entry-task-list{gap:10px;margin-top:12px;display:grid}.lesson-entry-task-list article{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:7px;padding:12px;display:grid}.lesson-entry-task-list strong{font-size:15px}.lesson-entry-task-list p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.lesson-entry-live-card{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--accent-soft) 34%, var(--surface));border-radius:8px;gap:10px;margin-top:12px;padding:14px;display:grid}.lesson-entry-live-card p{color:var(--text);margin:0;line-height:1.45}.lesson-entry-answer-form{gap:10px;margin-top:4px;display:grid}.lesson-entry-answer-form label{gap:7px;display:grid}.lesson-entry-answer-form span{color:var(--muted);font-size:13px;font-weight:800}.lesson-entry-call .class-board-video-frame{height:min(58vh,560px);min-height:360px;margin-top:12px}.lesson-entry-call.is-idle .class-board-video-frame{min-height:240px}.lesson-video-panel{border-color:color-mix(in srgb, var(--accent) 24%, var(--line));margin-bottom:18px}.lesson-video-head{align-items:flex-start}.lesson-video-head span:not(.status-pill){color:var(--muted);margin-top:4px;font-size:14px;font-weight:800;line-height:1.4;display:block}.lesson-video-shell{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:14px;margin-top:14px;display:grid}.lesson-entry-call .lesson-video-frame{height:min(54vh,520px);min-height:380px;margin-top:0}.lesson-entry-call.is-idle .lesson-video-frame{min-height:320px}.lesson-video-sidebar{align-content:start;gap:12px;display:grid}.lesson-video-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lesson-video-status-grid article{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:5px;min-width:0;padding:12px;display:grid}.lesson-video-status-grid span,.lesson-video-tips span{color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}.lesson-video-status-grid strong{overflow-wrap:anywhere;font-size:14px}.lesson-video-actions{flex-wrap:wrap;gap:8px;display:flex}.lesson-video-actions button{min-height:38px}.lesson-video-tips{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--line));background:color-mix(in srgb, var(--accent-soft) 38%, var(--surface));border-radius:8px;gap:6px;padding:12px;display:grid}.lesson-video-tips strong{font-size:14px}.lesson-entry-board{margin-bottom:18px}.lesson-entry-board-frame{border:1px solid var(--line);background:#fffdf8;border-radius:8px;height:min(58vh,560px);min-height:360px;margin-top:12px;overflow:hidden}.simple-lesson-shell{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 38%, transparent), transparent 360px), var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.simple-lesson-topbar{z-index:20;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex:none;min-height:62px;position:relative;top:0}.simple-lesson-workspace{flex:auto;width:100%;height:auto;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.simple-lesson-teacher,.simple-lesson-task,.simple-lesson-chat{border-radius:8px;padding:18px}.simple-lesson-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.simple-lesson-heading span:not(.status-pill){color:var(--accent-strong);text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:900;display:block}.simple-lesson-heading h1,.simple-lesson-heading h2{margin:0;line-height:1.12}.simple-lesson-heading h1{font-size:clamp(28px,5vw,42px)}.simple-lesson-heading h2{font-size:clamp(24px,4vw,34px)}.simple-lesson-video{border:1px solid var(--line);background:#111827;border-radius:8px;height:100%;min-height:0;position:relative;overflow:hidden}.simple-lesson-video .class-board-call-placeholder{color:#fff;text-align:center;place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.simple-lesson-task{border-color:color-mix(in srgb, var(--accent) 28%, var(--line))}.simple-task-text{color:var(--text);margin:0 0 12px;font-size:17px;font-weight:800;line-height:1.35}.simple-answer-form{gap:12px;display:grid}.simple-answer-form label{gap:8px;display:grid}.simple-answer-form label span{color:var(--muted);font-size:14px;font-weight:900}.simple-answer-form input{border:2px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:var(--surface-2);width:100%;min-height:42px;color:var(--text);border-radius:8px;padding:0 12px;font-size:18px;font-weight:800}.simple-answer-form>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.simple-answer-form button{min-height:40px;font-size:14px}.student-live-action-status{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--surface));color:var(--text);border-radius:8px;margin-top:9px;padding:8px 10px;font-size:12px;font-weight:800}.student-live-action-status.sending{color:var(--accent-strong)}.student-live-action-status.success{border-color:color-mix(in srgb, #0f9f6e 40%, var(--line));background:color-mix(in srgb, #dff8ee 74%, var(--surface));color:#08764e}.student-live-action-status.error{border-color:color-mix(in srgb, #dc2626 40%, var(--line));background:color-mix(in srgb, #fee2e2 72%, var(--surface));color:#b91c1c}.simple-help-button{border-color:color-mix(in srgb, var(--rose) 32%, var(--line));background:color-mix(in srgb, var(--peach-soft) 48%, var(--surface));color:#be123c}.simple-help-button.active{border-color:color-mix(in srgb, #0f9f6e 45%, var(--line));background:color-mix(in srgb, #dff8ee 78%, var(--surface));color:#08764e}.lesson-consultation-backdrop{z-index:1200;pointer-events:none;position:fixed;inset:0}.lesson-consultation-call{top:max(164px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));color:#f8fafc;pointer-events:auto;border:1px solid #c4b5fd5c;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:min(420px,31vw);height:auto;max-height:none;padding:16px;display:grid;position:absolute;overflow:hidden;box-shadow:0 24px 64px #0f172a61;background:#0b1220!important}.lesson-consultation-call>header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.lesson-consultation-call>header>div{gap:3px;display:grid}.lesson-consultation-call>header span{color:#c4b5fd;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:900}.lesson-consultation-call>header strong{font-size:17px}.lesson-consultation-call>header small{color:#cbd5e1;font-size:11px;line-height:1.35}.lesson-consultation-call>header .icon-button{color:#fff;background:#ffffff14;border-color:#fff3}.lesson-consultation-call .vector-livekit-call{min-height:0}.lesson-consultation-call .vector-livekit-stage{border-radius:16px}.lesson-consultation-call .vector-livekit-teacher-layout{grid-template-rows:minmax(0,1fr);padding:0}.lesson-consultation-call .vector-livekit-teacher-focus{border-radius:16px}.lesson-consultation-call .vector-livekit-teacher-self{border-radius:12px;width:clamp(120px,18vw,240px);top:18px;right:18px}.lesson-consultation-call .vector-livekit-teacher-roster{display:none}.lesson-consultation-call>.ghost-button{color:#fff;background:#ffffff14;border-color:#ffffff47;justify-self:end}.teacher-review-panel.consultation-active{display:none}@media (width<=600px),(height<=620px){.lesson-consultation-call{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));gap:8px;width:min(360px,100vw - 16px);padding:12px}.lesson-consultation-call>header small{display:none}}.simple-lesson-board-card{background:#fffdf8;border-radius:0;grid-template-rows:1fr;gap:0;padding:0;display:grid;position:absolute;inset:0}.simple-lesson-board-navigation{z-index:12;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:min(520px,100% - 520px);min-width:410px;display:grid;position:absolute;top:8px;left:50%;transform:translate(-50%)}.simple-lesson-board-tabs{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.student-follow-control{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);min-height:42px;color:var(--muted);white-space:nowrap;border-radius:9px;padding:0 12px;font-size:12px;font-weight:850;box-shadow:0 8px 18px #261b4214}.student-follow-control.active{border-color:color-mix(in srgb, #0f9f6e 42%, var(--line));color:#08764e;background:#e4f8ee}.student-notebook-save-status{z-index:11;border:1px solid color-mix(in srgb, #0f9f6e 28%, var(--line));background:color-mix(in srgb, var(--surface) 94%, transparent);color:#08764e;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;position:absolute;top:58px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #261b421a}.student-notebook-save-status.saving{border-color:color-mix(in srgb, #d18b12 36%, var(--line));color:#9a6200}.student-teacher-board-readonly .excalidraw .main-menu-trigger,.student-teacher-board-readonly .excalidraw [data-testid=main-menu-trigger]{display:none!important}.simple-lesson-board-tabs button{min-height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 8px;font-size:12px;font-weight:850}.simple-lesson-board-tabs button.active{border-color:color-mix(in srgb, var(--accent) 32%, var(--line));background:var(--surface);color:var(--accent-strong);box-shadow:0 10px 22px color-mix(in srgb, var(--accent) 12%, transparent)}.simple-lesson-board-frame{background:#fffdf8;border:0;border-radius:0;height:100%;min-height:0;overflow:hidden}.simple-lesson-board-frame.editable{border:0}.simple-lesson-board-card>.simple-lesson-heading{z-index:12;border:1px solid color-mix(in srgb, var(--accent) 20%, var(--line));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;align-items:center;width:min(620px,100% - 460px);min-width:360px;margin:0;padding:8px 10px;display:flex;position:absolute;top:12px;left:calc(50% - 220px);transform:translate(-50%);box-shadow:0 10px 28px #24133f1a}.simple-lesson-board-card>.simple-lesson-heading h2{font-size:16px}.simple-lesson-board-card>.simple-lesson-heading>div:first-child>span{margin-bottom:2px;font-size:10px}.lesson-board-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.simple-lesson-heading .lesson-mode-badge,.simple-lesson-heading .lesson-connection-badge,.lesson-connection-badge{border:1px solid var(--line);text-transform:none;white-space:nowrap;border-radius:999px;align-items:center;min-height:27px;margin:0;padding:0 9px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.lesson-mode-badge.readonly{background:color-mix(in srgb, #ede9fe 75%, var(--surface));color:#5b21b6}.lesson-mode-badge.editable{background:color-mix(in srgb, #dcfce7 75%, var(--surface));color:#166534}.lesson-connection-badge{background:var(--surface-2);color:var(--muted)}.lesson-connection-badge.teacher{justify-content:center;width:176px;min-width:176px}.lesson-connection-badge.online,.lesson-connection-badge.restored{border-color:color-mix(in srgb, #16a34a 38%, var(--line));background:color-mix(in srgb, #dcfce7 75%, var(--surface));color:#166534}.lesson-connection-badge.reconnecting,.lesson-connection-badge.offline{border-color:color-mix(in srgb, #d97706 42%, var(--line));background:color-mix(in srgb, #fef3c7 75%, var(--surface));color:#92400e}@media (width<=900px){.simple-lesson-board-card>.simple-lesson-heading{width:calc(100% - 16px);min-width:0;top:8px;left:50%}.simple-lesson-board-card>.simple-lesson-heading>div:first-child{display:none}.lesson-board-badges{justify-content:center;width:100%}}.simple-floating-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.simple-floating-head strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;overflow:hidden}.simple-floating-head-actions{align-items:center;gap:7px;display:flex}.simple-panel-collapse{border:1px solid var(--line);background:var(--surface);width:auto;min-width:64px;height:30px;color:var(--muted);border-radius:8px;place-items:center;padding:0 9px;font-size:11px;font-weight:900;line-height:1;display:inline-grid}.simple-panel-collapse:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));color:var(--accent-strong)}.simple-lesson-floating-call{z-index:15;border:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-rows:auto minmax(0,1fr);gap:10px;width:clamp(420px,34vw,620px);min-width:360px;max-width:calc(100% - 420px);height:clamp(380px,46vh,560px);min-height:340px;max-height:calc(100% - 150px);padding:10px;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 18px 38px #261b422e}.simple-lesson-floating-call .simple-lesson-video{height:auto;min-height:0}.student-video-room-actions{align-items:center;gap:8px;display:flex}.student-video-room-actions .ghost-button{min-height:30px;padding:0 10px}.simple-lesson-floating-call.is-expanded{z-index:1000;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;min-height:0;max-height:none;padding:14px;position:fixed;inset:0}.simple-lesson-floating-call .class-board-call-placeholder{padding:12px;font-size:13px}.simple-lesson-floating-call .class-board-call-placeholder .primary-button{min-height:34px;padding:0 12px;font-size:13px}.simple-call-loading-note{z-index:2;color:#fff;background:#111827c7;border:1px solid #ffffff2e;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 10px 24px #00000038}.simple-call-loading-note strong{font-size:12px}.simple-call-loading-note .ghost-button{color:#fff;background:#ffffff1f;border-color:#ffffff57;min-height:30px;padding:0 9px;font-size:12px}.vector-livekit-call{grid-template-rows:minmax(0,1fr) auto;gap:8px;width:100%;height:100%;min-height:0;display:grid}.vector-livekit-stage{background:radial-gradient(circle at 20% 20%,#60a5fa38,#0000 34%),#0f172a;border-radius:8px;min-height:0;position:relative;overflow:hidden}.vector-livekit-focus-tile,.vector-livekit-teacher-layout{position:absolute;inset:0}.vector-livekit-participant-tile,.vector-livekit-mini-participant,.vector-livekit-teacher-focus,.vector-livekit-roster-tile{background:#111827;position:relative;overflow:hidden}.vector-livekit-remote,.vector-livekit-local,.vector-livekit-participant-tile video,.vector-livekit-mini-participant video,.vector-livekit-teacher-focus video,.vector-livekit-roster-tile video{object-fit:cover;background:#0f172a;width:100%;height:100%}.vector-livekit-local{border:2px solid #ffffffb8;border-radius:8px;width:24%;min-width:88px;height:25%;min-height:64px;position:absolute;bottom:10px;right:10px;box-shadow:0 12px 28px #00000052}.vector-livekit-call.is-teacher .vector-livekit-local{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;position:static}.vector-livekit-call.is-student:not(.status-ready) .vector-livekit-focus-tile,.vector-livekit-call.is-student:not(.status-ready) .vector-livekit-strip,.vector-livekit-call.is-student:not(.status-ready) .vector-livekit-local{display:none}.simple-lesson-floating-call.is-collapsed{grid-template-rows:auto;width:300px;min-width:0;height:auto;min-height:0;max-height:none}.simple-lesson-floating-call.is-collapsed .simple-lesson-video{display:none}.vector-livekit-teacher-layout{grid-template-rows:minmax(0,1fr) minmax(132px,24%);grid-template-columns:minmax(0,1fr);gap:8px;padding:8px;display:grid}.vector-livekit-icon-button{color:#f8fafc;cursor:pointer;background:#0f172ac7;border:1px solid #94a3b880;border-radius:9px;place-items:center;width:38px;height:38px;padding:0;font-size:18px;line-height:1;display:inline-grid}.vector-livekit-icon-button:hover:not(:disabled),.vector-livekit-icon-button:focus-visible{background:#1e40af8c;border-color:#60a5faf2;outline:none}.vector-livekit-icon-button.is-active{border-color:#22c55eb3}.vector-livekit-icon-button.is-muted{color:#fecdd3;border-color:#fb7185b8}.vector-livekit-icon-button:disabled{cursor:wait;opacity:.62}.vector-livekit-teacher-focus{border:1px solid #ffffff1f;border-radius:8px}.vector-livekit-teacher-self{z-index:3;aspect-ratio:16/10;color:#fff;cursor:pointer;background:#111827;border:2px solid #ffffffd1;border-radius:10px;width:clamp(108px,19%,180px);padding:0;position:absolute;top:18px;right:18px;overflow:hidden;box-shadow:0 12px 28px #00000052}.vector-livekit-teacher-self video{object-fit:cover;width:100%;height:100%}.vector-livekit-teacher-self span,.vector-livekit-teacher-self b{text-overflow:ellipsis;white-space:nowrap;background:#0f172ac2;border-radius:6px;padding:3px 5px;font-size:9px;position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden}.vector-livekit-teacher-roster{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;min-height:0;padding:0;display:grid;overflow:hidden}.vector-livekit-roster-tile{color:#fff;cursor:pointer;background:#111827;border:1px solid #ffffff24;border-radius:8px;min-width:0;min-height:0;display:block}.vector-livekit-roster-select{width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.vector-livekit-remove-participant{z-index:4;color:#fecdd3;cursor:pointer;background:#0f172ad6;border:1px solid #fb71857a;border-radius:999px;min-height:24px;padding:0 7px;font-size:9px;font-weight:900;position:absolute;top:5px;right:5px}.vector-livekit-roster-tile:hover,.vector-livekit-roster-tile.active{border-color:#60a5fad1;box-shadow:inset 0 0 0 1px #60a5fa57}.vector-livekit-roster-tile span,.vector-livekit-roster-tile small{z-index:2;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:6px;right:6px;overflow:hidden}.vector-livekit-roster-select>strong{z-index:2;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;position:absolute;bottom:37px;left:6px;right:6px;overflow:hidden}.vector-livekit-roster-tile span{font-size:12px;font-weight:900;bottom:22px}.vector-livekit-roster-tile small{color:#ffffffad;font-size:10px;font-weight:800;bottom:7px}.vector-livekit-roster-tile:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0f172ae0);height:58%;position:absolute;inset:auto 0 0}.vector-livekit-roster-tile.is-local{border-color:#22c55e94}.vector-livekit-roster-tile.is-online:before,.vector-livekit-roster-tile.is-offline:before{z-index:3;content:"";background:#94a3b8eb;border-radius:999px;width:7px;height:7px;position:absolute;top:7px;right:7px}.vector-livekit-roster-tile.is-online:before{background:#22c55e;box-shadow:0 0 0 3px #22c55e29}.vector-livekit-roster-tile.needs-attention{border-color:#fbbf24c7}.vector-livekit-roster-tile b{z-index:3;color:#422006;text-transform:uppercase;background:#facc15eb;border-radius:999px;min-height:18px;padding:2px 6px;font-size:9px;font-weight:900;position:absolute;top:6px;left:6px}.vector-livekit-roster-placeholder{background:radial-gradient(circle at 30% 20%,#60a5fa47,#0000 34%),linear-gradient(135deg,#1e293bf5,#0f172af5);place-items:center;width:100%;height:100%;display:grid}.vector-livekit-roster-placeholder strong{background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.vector-livekit-roster-empty{color:#ffffffb8;text-align:center;border:1px dashed #ffffff2e;border-radius:8px;place-content:center;justify-items:center;gap:3px;min-width:150px;display:grid}.vector-livekit-roster-empty strong{font-size:12px}.vector-livekit-roster-empty span{font-size:10px}.vector-livekit-roster-row{color:#fff;cursor:pointer;text-align:left;background:#0f172aa3;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name badge""status meta";gap:2px 8px;min-width:0;padding:8px;display:grid;position:relative}.vector-livekit-roster-row:hover,.vector-livekit-roster-row.active{background:#1e40af57;border-color:#60a5fad1}.vector-livekit-roster-row.needs-attention{background:#78350f52;border-color:#fbbf24c2}.vector-livekit-roster-row.is-online:before,.vector-livekit-roster-row.is-offline:before{content:"";background:#94a3b8d1;border-radius:999px;width:7px;height:7px;position:absolute;top:9px;right:8px}.vector-livekit-roster-row.is-online:before{background:#22c55e;box-shadow:0 0 0 3px #22c55e29}.vector-livekit-roster-row strong,.vector-livekit-roster-row span,.vector-livekit-roster-row small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vector-livekit-roster-row strong{grid-area:name;font-size:12px}.vector-livekit-roster-row span{color:#ffffffb8;grid-area:status;font-size:10px;font-weight:800}.vector-livekit-roster-row small{color:#ffffff94;grid-area:meta;align-self:end;font-size:9px;font-weight:800}.vector-livekit-roster-row b{color:#422006;text-transform:uppercase;background:#facc15eb;border-radius:999px;grid-area:badge;align-self:start;min-height:18px;padding:2px 6px;font-size:9px;font-weight:900}.vector-livekit-participant-tile{border:1px solid #ffffff1a;border-radius:8px}.vector-livekit-participant-tile.is-local{border-color:#60a5fa8c}.vector-livekit-nameplate{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ac2;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.vector-livekit-nameplate strong,.vector-livekit-nameplate span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vector-livekit-nameplate strong{font-size:12px}.vector-livekit-nameplate span{color:#ffffffb8;font-size:10px;font-weight:800}.vector-livekit-camera-off,.vector-livekit-waiting{color:#ffffffd1;text-align:center;background:linear-gradient(135deg,#0f172a8c,#0f172a2e),repeating-linear-gradient(45deg,#ffffff0a 0 1px,#0000 1px 10px);place-content:center;justify-items:center;gap:5px;padding:14px;display:grid;position:absolute;inset:0}.vector-livekit-camera-off{font-size:12px;font-weight:900}.vector-livekit-waiting strong{font-size:15px}.vector-livekit-waiting span{color:#ffffffa8;max-width:260px;font-size:12px;line-height:1.35}.vector-livekit-strip{gap:6px;padding-bottom:2px;display:flex;position:absolute;top:8px;left:8px;right:8px;overflow-x:auto}.vector-livekit-mini-participant{border:1px solid #ffffff29;border-radius:8px;flex:0 0 96px;height:64px}.vector-livekit-mini-participant span{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0f172ab8;border-radius:6px;padding:3px 5px;font-size:9px;font-weight:900;position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden}.vector-livekit-empty{color:#fff;text-align:center;place-content:center;justify-items:center;gap:5px;padding:12px;display:grid;position:absolute;inset:0}.vector-livekit-empty strong{font-size:16px}.vector-livekit-empty span,.vector-livekit-empty small{color:#ffffffc7}.vector-livekit-empty small{max-width:360px;line-height:1.4}.vector-livekit-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.vector-livekit-controls .ghost-button,.vector-livekit-controls .primary-button{min-height:28px;padding:0 9px;font-size:11px}.vector-livekit-controls .danger{border-color:color-mix(in srgb, var(--rose) 42%, var(--line));color:#be123c}.vector-camera-picker{min-width:0;color:var(--muted);align-items:center;gap:5px;font-size:10px;display:inline-flex}.vector-camera-picker select{border:1px solid var(--line);background:var(--panel);width:min(190px,24vw);min-height:28px;color:var(--ink);font:inherit;border-radius:999px;padding:0 24px 0 8px}.vector-media-check-button{margin-left:auto}.vector-media-check-result{color:#5f6b66;flex-basis:100%}.vector-media-check-result.ready{color:#147348}.vector-media-check-result.error{color:#a23a31}.student-lesson-complete{background:#f1fbf5;border:1px solid #b8e2ca;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.student-lesson-complete-mark{color:#fff;background:#22935f;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.student-lesson-complete div{gap:5px;display:grid}.student-lesson-complete p{color:#355245;margin:0}.student-lesson-complete small{color:#52675d;margin-top:4px;display:block}.admin-assignment-warning{color:#714b05;background:#fff8e6;border:1px solid #f0c36a;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.admin-assignment-warning span{font-size:13px;line-height:1.45}.test-lesson-reminder-status{color:var(--muted);margin-top:8px;display:block}.teacher-reminders-panel{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr) auto;align-items:center;gap:18px;margin:18px 0;display:grid}.teacher-reminders-panel h2,.teacher-reminders-panel p{margin:0}.teacher-reminder-list{gap:7px;display:grid}.teacher-reminder-list button,.teacher-reminder-list>div{border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;border-radius:11px;justify-content:space-between;gap:12px;padding:9px 11px;display:flex}.teacher-reminder-list span{color:var(--muted);font-size:13px}@media (width<=900px){.teacher-reminders-panel{grid-template-columns:1fr}}.vector-livekit-warning{color:#ffffffc7;text-align:center;flex-basis:100%;font-size:11px;line-height:1.35}.simple-lesson-floating-task{z-index:14;border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(360px,100% - 370px);max-height:calc(100% - 28px);padding:12px;position:absolute;bottom:14px;left:14px;overflow:auto;box-shadow:0 18px 38px #261b4229}.simple-lesson-floating-chat{z-index:14;border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-rows:auto minmax(0,1fr) auto;width:min(390px,100% - 32px);height:min(460px,100% - 54px);max-height:none;padding:12px;display:grid;position:absolute;bottom:14px;right:14px;overflow:hidden;box-shadow:0 18px 38px #261b4229}.simple-lesson-floating-chat .lesson-entry-chat-list{min-height:0;margin-top:0;padding-right:2px;overflow:auto}.simple-lesson-floating-chat .lesson-entry-chat-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;margin-top:8px;padding:8px;display:grid}.simple-lesson-floating-chat .lesson-entry-chat-form textarea{min-height:38px;max-height:72px;padding:9px 10px}.simple-lesson-floating-chat .lesson-entry-chat-form label{min-width:0}.simple-lesson-floating-chat .lesson-entry-chat-form>.primary-button{min-height:38px;padding:0 12px}.simple-lesson-floating-chat .lesson-entry-chat-form .lesson-entry-chat-sent{grid-column:1/-1}.student-chat-title{gap:1px;display:grid}.student-chat-title small{color:var(--muted);font-size:11px;font-weight:700}.simple-lesson-floating-chat .lesson-entry-chat-list article{box-sizing:border-box;width:100%;padding:12px}.simple-lesson-floating-chat .lesson-entry-chat-list article.teacher{background:color-mix(in srgb, #dcf8f6 86%, var(--surface));border-color:#84d8d4;border-radius:4px 14px 14px}.simple-lesson-floating-chat .lesson-entry-chat-list article.student{background:color-mix(in srgb, #eee5ff 88%, var(--surface));border-color:#cbb5f3;border-radius:14px 4px 14px 14px;margin-left:0}.simple-lesson-floating-chat .lesson-entry-chat-list span{font-size:12px}.simple-lesson-floating-chat .lesson-entry-chat-list p{font-size:15px;line-height:1.45}.student-chat-launcher{z-index:16;border:1px solid color-mix(in srgb, var(--accent) 25%, var(--line));background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:900;display:inline-flex;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 30px #261b422e}.student-chat-launcher:hover{border-color:var(--accent);color:var(--accent)}.student-chat-launcher b{background:#ef5b66;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #ef5b6633}.simple-lesson-floating-task.is-collapsed,.simple-lesson-floating-chat.is-collapsed{width:230px;min-height:0;max-height:none;overflow:hidden}.simple-lesson-floating-task.is-collapsed>:not(.simple-floating-head),.simple-lesson-floating-chat.is-collapsed>:not(.simple-floating-head),.simple-lesson-mobile-dock{display:none}@media (width<=980px){.student-chat-launcher{display:none}.simple-lesson-workspace{padding-bottom:0;display:block;overflow:hidden}.simple-lesson-board-card{width:100%;min-height:0;position:absolute;inset:0}.simple-lesson-board-navigation{width:auto;min-width:0;left:14px;right:14px;transform:none}.simple-lesson-floating-call:not(.is-expanded),.simple-lesson-floating-task,.simple-lesson-floating-chat{display:none}.simple-lesson-floating-task.mobile-active,.simple-lesson-floating-chat.mobile-active{z-index:24;border-radius:16px;width:auto;max-height:min(52dvh,440px);margin:0;display:grid;position:absolute;inset:auto 10px 76px;overflow:auto}.simple-lesson-floating-chat.mobile-active{min-height:min(330px,46dvh);overflow:hidden}.simple-lesson-floating-chat .lesson-entry-chat-list{max-height:180px}.simple-panel-collapse{display:none}.simple-lesson-mobile-dock{z-index:25;border:1px solid color-mix(in srgb, var(--accent) 20%, var(--line));background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;display:grid;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 18px 42px #261b4233}.simple-lesson-mobile-dock button{min-height:46px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:11px;font-size:12px;font-weight:850}.simple-lesson-mobile-dock button.active{border-color:color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--accent-soft) 72%, var(--surface));color:var(--accent-strong)}}.student-progress{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.student-progress span{border-radius:inherit;background:var(--accent);height:100%;display:block}.student-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.student-summary-grid article{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:6px;padding:16px;display:grid}.student-summary-grid strong{font-size:20px}.student-topic-strip{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.sidebar{z-index:110;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:16px;padding:18px;display:flex;position:relative}.brand{align-items:center;gap:14px;display:flex}.brand-mark{isolation:isolate;background:0 0;place-items:center;width:56px;height:46px;display:grid;position:relative}.brand-mark-svg{width:56px;height:46px;display:block;overflow:visible}.logo-page-back,.logo-page-flip{fill:none;stroke:color-mix(in srgb, var(--fresh) 64%, var(--accent));stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.58}.logo-page-back.right{stroke:color-mix(in srgb, var(--sun) 62%, var(--accent));opacity:.55}.logo-page-flip{stroke:var(--fresh);stroke-width:2.4px;opacity:.9}.logo-v{fill:none;stroke:var(--accent-strong);stroke-width:4.8px;stroke-linecap:round;stroke-linejoin:round}.logo-spine{fill:none;stroke:color-mix(in srgb, var(--accent-strong) 62%, var(--fresh));stroke-width:2px;stroke-linecap:round;opacity:.58}.logo-baseline{fill:none;stroke:color-mix(in srgb, var(--sun) 76%, var(--accent));stroke-width:2.2px;stroke-linecap:round;opacity:.9}.logo-motion{fill:none;stroke:color-mix(in srgb, var(--fresh) 72%, var(--accent));stroke-width:1.8px;stroke-linecap:round;opacity:.72}.brand strong,.brand span{display:block}.brand span{color:var(--muted);margin-top:2px;font-size:13px}.sidebar-profile{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));background:color-mix(in srgb, var(--surface-2) 72%, var(--surface));border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.profile-avatar{isolation:isolate;border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:linear-gradient(140deg, color-mix(in srgb, var(--accent-soft) 82%, white), color-mix(in srgb, var(--fresh-soft) 76%, white)), var(--surface);width:48px;height:48px;box-shadow:0 12px 24px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.profile-avatar:before{content:"";background:color-mix(in srgb, var(--sun) 34%, transparent);z-index:-1;border-radius:999px;width:38px;height:38px;position:absolute;inset:-18px -14px auto auto}.profile-avatar-icon{width:42px;height:42px}.profile-avatar-board{fill:color-mix(in srgb, var(--surface) 78%, var(--accent-soft));stroke:color-mix(in srgb, var(--accent) 46%, var(--line));stroke-width:1.7px}.profile-avatar-line,.profile-avatar-body{fill:none;stroke:color-mix(in srgb, var(--accent-strong) 82%, var(--fresh));stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.profile-avatar-head{fill:color-mix(in srgb, var(--fresh) 58%, var(--accent));stroke:var(--surface);stroke-width:1.8px}.profile-avatar-initials{border:1px solid color-mix(in srgb, var(--surface) 86%, var(--accent));background:var(--accent);color:#fff;letter-spacing:0;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:9px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:3px;right:3px}.sidebar-profile strong,.sidebar-profile span{display:block}.sidebar-profile strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sidebar-profile span{color:var(--muted);margin-top:2px;font-size:12px}.sidebar-profile .profile-avatar-initials{color:#fff;margin-top:0;font-size:9px}.nav{gap:7px;display:grid}.nav-entry{display:contents}.nav-group-label{color:color-mix(in srgb, var(--muted) 82%, transparent);letter-spacing:.09em;text-transform:uppercase;margin:9px 10px 0;font-size:10px;font-weight:900}.nav-item{min-height:40px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-weight:800;display:flex}.nav-attention-count{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:900;line-height:1;display:inline-grid}.nav-item:hover,.nav-item.active{border-color:color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--accent-soft) 54%, var(--surface));color:var(--text)}.nav-item.active{color:var(--accent-strong);box-shadow:0 10px 22px color-mix(in srgb, var(--accent) 12%, transparent)}.sidebar-footer{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;margin-top:auto;padding:12px}.sidebar-footer span,.sidebar-footer strong{display:block}.sidebar-footer span{color:var(--muted);font-size:13px}.workspace{min-width:0;min-height:0;padding:28px;overflow:auto}.workspace:has(.group-lesson-view){overflow:hidden}.topbar,.section-head,.lesson-toolbar,.panel-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{margin-bottom:26px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:none;margin:0 0 6px;font-size:14px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.12}h2{margin-bottom:0;font-size:22px;font-weight:800;line-height:1.18}h3{font-size:16px;font-weight:800}.topbar-actions,.tools,.student-actions,.task-meta,.task-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.board-toolbar{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.board-notebook{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:12px;display:flex}.page-tabs,.board-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-tabs button{border:1px solid var(--line);background:var(--surface-2);min-height:34px;color:var(--text);border-radius:8px;padding:0 10px}.page-tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:800}.tool-group{gap:5px;display:grid}.tool-group>span,.tool-control{color:var(--muted);font-size:12px;font-weight:800}.tool-group>div{flex-wrap:wrap;gap:6px;display:flex}.tool-control{gap:5px;display:grid}.tool-control input[type=color]{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:42px;height:38px}.tool-control input[type=range]{width:88px}.tool-control.wide input{border:1px solid var(--line);background:var(--surface);width:220px;min-height:38px;color:var(--text);border-radius:8px;padding:0 10px}.student-actions,.form-actions{margin-top:22px}.primary-button,.ghost-button,.danger-button,.file-button,.icon-button,.tool,.lesson-row button,.problem,.share-box button,.quick-actions button,.answer-row button,.selected-task-list button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text);border-radius:999px;padding:0 16px;text-decoration:none}a.primary-button,a.ghost-button{justify-content:center;align-items:center;display:inline-flex}.landing-hero .hero-scenario-actions a,.landing-hero .hero-scenario-actions button,.landing-hero .home-actions a,.landing-hero .home-actions button{white-space:nowrap;text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:0;min-width:0;max-width:100%;min-height:42px;padding:0 16px;display:flex}.landing-hero .hero-scenario-actions span,.landing-hero .hero-scenario-actions small,.landing-hero .home-actions span,.landing-hero .home-actions small{overflow-wrap:anywhere;max-width:100%;display:block}.primary-button{background:linear-gradient(135deg, var(--accent), #22c1c3);color:#fff;box-shadow:0 10px 22px color-mix(in srgb, var(--accent) 20%, transparent);border-color:#0000;font-weight:800}.danger-button{color:#dc2626;background:0 0;border-color:#dc2626}.file-button{justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.file-button input{cursor:pointer;opacity:0;position:absolute;inset:0}.danger-button:disabled{cursor:not-allowed;opacity:.45}.ghost-button:hover,.danger-button:not(:disabled):hover,.ghost-button.danger:hover,.icon-button:hover,.tool:hover,.lesson-row button:hover,.problem:hover,.share-box button:hover,.quick-actions button:hover,.answer-row button:hover,.selected-task-list button:hover{background:var(--surface-2)}.icon-button{width:40px;padding:0}.theme-eye-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.teacher-start-panel{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 58%), linear-gradient(24deg, color-mix(in srgb, var(--fresh) 14%, transparent), transparent 42%), var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;padding:24px;display:grid}.teacher-today-panel{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--line));border-left:5px solid var(--accent);background:linear-gradient(120deg, color-mix(in srgb, var(--accent-soft) 52%, var(--surface)), var(--surface) 58%);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:minmax(150px,.34fr) minmax(0,1.4fr) auto;align-items:center;gap:24px;margin-bottom:18px;padding:22px 24px;display:grid}.teacher-today-panel.success{background:linear-gradient(120deg, color-mix(in srgb, #dff8ec 58%, var(--surface)), var(--surface) 58%);border-left-color:#23a26d}.teacher-today-panel.attention{background:linear-gradient(120deg, color-mix(in srgb, #fff0d9 62%, var(--surface)), var(--surface) 58%);border-left-color:#e8952f}.teacher-today-date,.teacher-today-priority{gap:5px;display:grid}.teacher-today-date strong{text-transform:capitalize}.teacher-today-priority span,.teacher-today-priority p{color:var(--muted)}.teacher-today-priority span{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:900}.teacher-today-priority h2,.teacher-today-priority p{margin:0}.teacher-today-priority p{line-height:1.45}.teacher-start-panel h2{margin:4px 0 8px}.teacher-start-panel p{max-width:720px;color:var(--muted);margin:0;line-height:1.55}.teacher-start-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.teacher-next-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.teacher-next-steps article{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px;gap:8px;padding:16px;display:grid}.teacher-next-steps span{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-strong);border-radius:8px;place-items:center;font-weight:900;display:inline-grid}.teacher-next-steps p{color:var(--muted);margin:0;line-height:1.45}.teacher-onboarding-panel{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.teacher-onboarding-panel h2{margin:0}.teacher-onboarding-panel p:not(.eyebrow){color:var(--muted);margin:8px 0 0;line-height:1.45}.teacher-onboarding-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.teacher-class-hub{border:1px solid color-mix(in srgb, var(--fresh) 24%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--fresh) 10%, transparent), transparent 54%), var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:16px;margin-bottom:18px;padding:20px;display:grid}.teacher-class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.teacher-class-card{border:1px solid var(--line);background:var(--surface-2);min-height:132px;color:var(--text);text-align:left;box-shadow:none;border-radius:8px;gap:8px;padding:16px;display:grid}.teacher-class-card:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent-soft) 30%, var(--surface));transform:translateY(-1px)}.teacher-class-card.needs-setup{border-color:color-mix(in srgb, #d78a27 34%, var(--line))}.teacher-class-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.teacher-class-card-top em{color:#9a5a0b;white-space:nowrap;background:#fff0d9;border-radius:999px;padding:5px 9px;font-size:11px;font-style:normal;font-weight:900}.teacher-class-card span{background:var(--accent-soft);width:fit-content;color:var(--accent-strong);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.teacher-class-card strong{font-size:18px}.teacher-class-card small,.teacher-class-empty span{color:var(--muted);line-height:1.45}.teacher-class-empty{border:1px dashed color-mix(in srgb, var(--accent) 34%, var(--line));background:color-mix(in srgb, var(--accent-soft) 22%, var(--surface));border-radius:8px;gap:6px;padding:16px;display:grid}.metrics.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.panel,.student-card,.problem-panel{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px}.metric{padding:18px}.metric span,.metric small{color:var(--muted);display:block}.metric strong{margin:8px 0 4px;font-size:32px;display:block}.dashboard-grid,.homework-builder,.students-layout,.lesson-workspace,.groups-layout,.group-columns{gap:18px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.teacher-operating-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;margin:18px 0;display:grid}.teacher-operating-grid.single{grid-template-columns:minmax(0,1fr)}.dashboard-clear-state{grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;min-height:132px;display:flex}.dashboard-clear-state h2,.dashboard-clear-state p:not(.eyebrow){margin:0}.dashboard-clear-state p:not(.eyebrow){color:var(--muted);margin-top:7px}.teacher-schedule-list,.teacher-funnel-steps{gap:10px;display:grid}.teacher-schedule-panel.is-empty .teacher-schedule-list{gap:0}.teacher-schedule-panel.is-empty .empty-state{min-height:0;padding:14px 16px}.teacher-schedule-row{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:var(--surface-2);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 14px;display:grid}.teacher-schedule-row:hover{border-color:color-mix(in srgb, var(--fresh) 42%, var(--line));transform:translateY(-1px)}.teacher-schedule-row time,.teacher-schedule-row small,.teacher-funnel-steps small,.teacher-money-strip span,.teacher-money-strip small{color:var(--muted);font-weight:800}.teacher-schedule-row strong,.teacher-schedule-row span{display:block}.teacher-schedule-row span{color:var(--muted);margin-top:3px}.teacher-funnel-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-funnel-steps div{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:var(--surface-2);border-radius:12px;min-height:104px;padding:14px}.teacher-funnel-steps div.done{border-color:color-mix(in srgb, var(--fresh) 38%, var(--line));background:color-mix(in srgb, var(--fresh) 10%, var(--surface))}.teacher-funnel-steps span{background:color-mix(in srgb, var(--accent) 12%, var(--surface));width:30px;height:30px;color:var(--primary);border-radius:999px;place-items:center;margin-bottom:12px;font-weight:900;display:grid}.teacher-funnel-steps div.done span{background:color-mix(in srgb, var(--fresh) 14%, var(--surface));color:#0f766e}.teacher-funnel-steps strong{margin-bottom:4px;display:block}.teacher-money-strip{background:color-mix(in srgb, var(--sun) 16%, var(--surface));border:1px solid color-mix(in srgb, var(--sun) 28%, var(--line));border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin-top:14px;padding:14px;display:grid}.teacher-money-strip strong{color:#b45309;font-size:1.25rem}.groups-layout{grid-template-columns:320px minmax(0,1fr);margin-top:18px}.group-columns{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);margin-top:18px}.panel{padding:20px}.lesson-list,.request-mini-list,.gap-list,.student-list,.task-list,.quick-actions,.homework-queue,.group-list,.group-student-list,.group-task-list,.submission-list,.review-list{gap:12px;margin-top:16px;display:grid}.homework-queue.compact{gap:10px}.dashboard-priority{border-color:color-mix(in srgb, var(--accent) 38%, var(--line))}.homework-queue-row,.request-mini-row{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.request-mini-row span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.45;display:block}.request-status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.request-status-grid article{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:14px}.request-status-grid span{color:var(--muted);font-size:13px;font-weight:800;display:block}.request-status-grid strong{margin-top:8px;font-size:28px;display:block}.test-lesson-toolbar{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:12px;margin:18px 0;padding:12px;display:grid}.test-lesson-toolbar>input{border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:42px;color:var(--text);font:700 14px/1 var(--font-main);border-radius:9px;padding:0 13px}.test-lesson-toolbar>div{flex-wrap:wrap;gap:6px;display:flex}.test-lesson-toolbar>div button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--muted);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:0 10px;font-weight:800;display:inline-flex}.test-lesson-toolbar>div button span{background:var(--surface-2);border-radius:999px;place-items:center;min-width:21px;height:21px;font-size:11px;display:grid}.test-lesson-toolbar>div button.active{border-color:color-mix(in srgb, var(--primary) 42%, var(--line));background:color-mix(in srgb, var(--primary) 9%, var(--surface));color:var(--primary)}.request-board{gap:12px;display:grid}.lesson-request-card{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 42%, transparent), transparent 56%), var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:18px;display:grid}.lesson-request-card.compact{gap:10px;padding-block:14px}.request-card-main{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.request-card-main h3{margin:8px 0 4px}.request-card-main p,.request-card-main time{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.request-card-side{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.test-lesson-flow{scrollbar-width:thin;grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;padding-bottom:2px;display:grid;overflow-x:auto}.test-lesson-flow>span{border:1px solid var(--line);background:var(--surface-2);min-height:38px;color:var(--muted);border-radius:9px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:800;display:flex}.test-lesson-flow b{background:var(--surface);width:23px;height:23px;color:var(--muted);border-radius:50%;flex:0 0 23px;place-items:center;font-size:11px;display:grid}.test-lesson-flow>span.done{border-color:color-mix(in srgb, var(--fresh) 34%, var(--line));background:color-mix(in srgb, var(--fresh) 8%, var(--surface));color:#047857}.test-lesson-flow>span.done b{color:#fff;background:#047857}.test-lesson-flow>span.current{border-color:color-mix(in srgb, var(--primary) 46%, var(--line));background:color-mix(in srgb, var(--primary) 9%, var(--surface));color:var(--primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 10%, transparent)}.test-lesson-flow>span.current b{background:var(--primary);color:#fff}.request-detail-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.request-detail-grid.teacher{grid-template-columns:repeat(3,minmax(0,1fr))}.request-detail-grid span{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);border-radius:8px;gap:4px;padding:10px;font-size:13px;line-height:1.35;display:grid}.request-detail-grid strong{color:var(--muted);font-size:12px}.quiz-request-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quiz-request-summary span{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--line));background:var(--surface);color:var(--text);border-radius:8px;gap:4px;padding:10px;font-size:13px;display:grid}.quiz-request-summary strong{color:var(--muted);font-size:12px}.payment-summary{border:1px solid color-mix(in srgb, var(--fresh) 28%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--fresh) 12%, transparent), transparent 62%), var(--surface);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px;display:grid}.payment-summary span{color:var(--text);gap:4px;font-size:13px;display:grid}.payment-summary strong{color:var(--muted);font-size:12px}.diagnostic-result-card{border:1px solid color-mix(in srgb, var(--warm) 28%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 18%, transparent), transparent 56%), var(--surface);box-shadow:0 14px 30px color-mix(in srgb, var(--primary) 8%, transparent);border-radius:18px;gap:20px;padding:24px;display:grid}.test-lesson-stage{position:relative}.test-lesson-before{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--line));background:color-mix(in srgb, var(--primary) 5%, var(--surface));border-radius:8px;gap:12px;padding:14px;display:grid}.test-lesson-next-step,.test-lesson-readiness,.test-lesson-invitation{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--line));background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:13px 14px;display:flex}.test-lesson-next-step>div,.test-lesson-readiness>div>div,.test-lesson-invitation>div>div{gap:3px;min-width:0;display:grid}.test-lesson-next-step>div>span{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.test-lesson-next-step strong{font-size:17px}.test-lesson-next-step small,.test-lesson-readiness small,.test-lesson-invitation small{color:var(--muted);line-height:1.4}.test-lesson-next-step.complete{border-color:color-mix(in srgb, var(--fresh) 32%, var(--line));background:color-mix(in srgb, var(--fresh) 8%, var(--surface))}.test-lesson-next-step.complete>div>span{color:#047857}.test-lesson-readiness,.test-lesson-invitation{padding-block:10px}.test-lesson-readiness>div,.test-lesson-invitation>div{align-items:center;gap:10px;min-width:0;display:flex}.test-lesson-readiness>div>span,.test-lesson-invitation>div>span{background:color-mix(in srgb, var(--fresh) 18%, var(--surface));color:#047857;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.test-lesson-invitation:not(.sent)>div>span{background:color-mix(in srgb, var(--sun) 26%, var(--surface));color:var(--primary)}.test-lesson-more-actions{justify-self:start;position:relative}.test-lesson-more-actions>summary{width:fit-content;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:800}.test-lesson-more-actions[open]>summary{color:var(--primary);margin-bottom:10px}.test-lesson-more-actions>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.teacher-test-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.teacher-test-actions>button{min-height:42px}.student-test-booking{border:1px solid color-mix(in srgb, var(--primary) 20%, var(--line));background:color-mix(in srgb, var(--primary) 5%, var(--surface));border-radius:14px;flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0 4px;padding:14px;display:flex}.student-test-booking label{gap:6px;min-width:240px;font-weight:600;display:grid}.test-lesson-reschedule{box-sizing:border-box;border-top:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:10px;width:100%;max-width:100%;margin-top:10px;padding-top:12px;display:flex}.test-lesson-reschedule label{min-width:min(100%,260px);color:var(--muted);flex:1;gap:6px;font-size:12px;font-weight:800;display:grid}.test-lesson-reschedule input{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);width:100%;min-height:42px;color:var(--text);font:700 14px/1 var(--font-main);border-radius:9px;padding:0 12px}.test-lesson-stage-head{align-items:center;gap:10px;min-width:0;display:flex}.test-lesson-stage-head>span{background:var(--primary);color:#fff;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:13px;font-style:normal;font-weight:900;display:grid}.test-lesson-stage-head>div{gap:2px;display:grid}.test-lesson-stage-head small{color:var(--muted);font-size:12px}.diagnostic-result-head{flex-wrap:wrap}.diagnostic-result-head>div{margin-right:auto}.report-state{background:color-mix(in srgb, var(--muted) 10%, var(--surface));color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px;font-style:normal;font-weight:900}.report-state.draft{background:color-mix(in srgb, var(--sun) 24%, var(--surface));color:#a16207}.report-state.sent{background:color-mix(in srgb, var(--fresh) 18%, var(--surface));color:#047857}.compact-button{min-height:32px;padding:6px 10px}.diagnostic-form-grid{border:0;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;margin:0;padding:0;display:grid}.diagnostic-form-grid label{min-width:0;color:var(--muted);align-content:start;gap:6px;font-size:13px;font-weight:800;display:grid}.diagnostic-form-intro{background:color-mix(in srgb, var(--primary) 8%, var(--surface));border-radius:14px;gap:5px;padding:16px 18px;display:grid}.diagnostic-form-intro strong{color:var(--text);font-size:19px}.diagnostic-form-intro span{color:var(--muted);font-size:14px;line-height:1.5}.diagnostic-form-grid .diagnostic-form-section{border:1px solid var(--line);background:var(--surface);box-shadow:0 5px 14px color-mix(in srgb, var(--primary) 5%, transparent);border-radius:14px;gap:12px;padding:18px}.diagnostic-label{align-items:flex-start;gap:12px;display:flex}.diagnostic-label>b{background:color-mix(in srgb, var(--primary) 12%, var(--surface));width:30px;height:30px;color:var(--primary);border-radius:9px;flex:0 0 30px;place-items:center;font-size:13px;display:grid}.diagnostic-label>span{gap:3px;display:grid}.diagnostic-label strong{color:var(--text);font-size:16px}.diagnostic-label small{color:var(--muted);font-size:13px;font-weight:600;line-height:1.4}.diagnostic-form-grid .diagnostic-form-positive{border-color:color-mix(in srgb, var(--fresh) 35%, var(--line))}.diagnostic-form-grid .diagnostic-form-attention{border-color:color-mix(in srgb, var(--warm) 34%, var(--line))}.diagnostic-form-grid .diagnostic-form-recommendation{border-color:color-mix(in srgb, var(--primary) 30%, var(--line));background:color-mix(in srgb, var(--primary) 4%, var(--surface))}.diagnostic-form-grid .diagnostic-field-wide{grid-column:auto}.diagnostic-form-grid:disabled{opacity:.72}.diagnostic-submit-actions{justify-content:flex-end}.diagnostic-result-card>div:first-child span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.diagnostic-topic-grid{flex-wrap:wrap;gap:8px;display:flex}.diagnostic-topic-grid label{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.diagnostic-topic-grid label.active{border-color:var(--warm);background:color-mix(in srgb, var(--warm) 12%, var(--surface));color:#c2410c}.diagnostic-topic-grid input{margin:0}.diagnostic-result-card>label{color:var(--muted);gap:6px;font-size:13px;font-weight:800;display:grid}.diagnostic-result-card textarea,.diagnostic-result-card input[type=text],.diagnostic-result-card input:not([type]){border:1px solid var(--line);background:var(--surface);min-height:52px;color:var(--text);font:600 15px/1.55 var(--font-main);border-radius:10px;padding:13px 14px}.diagnostic-result-card textarea{resize:vertical;width:100%;min-height:132px}.diagnostic-result-card select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:50px;color:var(--text);border-radius:10px;padding:0 14px;font-size:15px;font-weight:700}.diagnostic-submit-actions{align-items:center;padding-top:4px}.diagnostic-submit-actions .primary-button,.diagnostic-submit-actions .ghost-button{min-height:48px;padding-inline:20px}.diagnostic-wizard{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--line));background:color-mix(in srgb, var(--primary) 3%, var(--surface));border-radius:16px;gap:16px;padding:18px;display:grid}.diagnostic-auto-prefill{border:1px solid color-mix(in srgb, var(--fresh) 35%, var(--line));background:color-mix(in srgb, var(--fresh) 8%, var(--surface));border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;display:flex}.diagnostic-auto-prefill>div{gap:4px;display:grid}.diagnostic-auto-prefill span,.test-lesson-next-actions span{color:var(--muted);font-size:13px;line-height:1.45}.test-lesson-next-actions{border:1px solid color-mix(in srgb, var(--fresh) 35%, var(--line));background:color-mix(in srgb, var(--fresh) 7%, var(--surface));border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.test-lesson-next-actions>div:first-child{gap:4px;display:grid}.test-lesson-next-actions>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.test-lesson-decision{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:12px 18px;padding:14px 16px;display:grid}.test-lesson-decision>div:first-child{gap:4px;display:grid}.test-lesson-decision span,.test-class-setup span{color:var(--muted);font-size:13px}.test-lesson-decision>div:nth-child(2){flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.test-lesson-decision>div:nth-child(2)>button:not(.ghost-button){border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--muted);cursor:pointer;border-radius:9px;padding:0 11px;font-weight:800}.test-lesson-decision>div:nth-child(2)>button.active{border-color:color-mix(in srgb, var(--primary) 38%, var(--line));background:color-mix(in srgb, var(--primary) 10%, var(--surface));color:var(--primary)}.test-lesson-decision>label{color:var(--muted);grid-column:1/-1;justify-content:flex-end;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.test-lesson-decision input,.test-class-setup input,.test-class-setup select{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--text);font:700 14px/1 var(--font-main);border-radius:9px;padding:0 11px}.test-class-setup{border:2px solid color-mix(in srgb, var(--primary) 32%, var(--line));background:color-mix(in srgb, var(--primary) 5%, var(--surface));border-radius:14px;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(120px,.6fr));align-items:end;gap:12px;padding:16px;display:grid}.test-class-setup>div:first-child,.test-class-setup label{gap:6px;display:grid}.test-class-setup>div:first-child,.test-class-setup>div:last-child{grid-column:1/-1}.test-class-setup>div:last-child{justify-content:flex-end;gap:8px;display:flex}.diagnostic-wizard-progress{gap:9px;display:grid}.diagnostic-wizard-progress>div:first-child{color:var(--muted);justify-content:space-between;gap:12px;font-size:13px;display:flex}.diagnostic-wizard-progress strong{color:var(--text)}.diagnostic-progress-track{background:color-mix(in srgb, var(--primary) 10%, var(--surface));border-radius:999px;height:7px;overflow:hidden}.diagnostic-progress-track i{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;transition:width .2s;display:block}.diagnostic-wizard .diagnostic-form-section{min-height:245px}.diagnostic-wizard-review{gap:14px;display:grid}.diagnostic-wizard-review>strong{font-size:20px}.diagnostic-wizard-review dl{gap:9px;margin:0;display:grid}.diagnostic-wizard-review dl>div{background:var(--surface);border-radius:10px;gap:5px;padding:12px 14px;display:grid}.diagnostic-wizard-review dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.diagnostic-wizard-review dd{color:var(--text);white-space:pre-line;margin:0;font-size:14px;line-height:1.55}.diagnostic-wizard-actions,.diagnostic-wizard-actions>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.diagnostic-wizard-actions .primary-button,.diagnostic-wizard-actions .ghost-button{min-height:44px}@media (width<=720px){.test-lesson-toolbar{grid-template-columns:1fr}.test-lesson-toolbar>div{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.test-lesson-toolbar>div button{flex:none}.test-lesson-before,.request-card-main{flex-direction:column;align-items:stretch}.request-card-side{text-align:left;justify-content:space-between;align-items:flex-start}.test-lesson-flow{grid-template-columns:repeat(7,minmax(112px,1fr))}.test-lesson-next-step,.test-lesson-readiness,.test-lesson-invitation{flex-direction:column;align-items:stretch}.test-lesson-next-step>button,.test-lesson-readiness>button,.test-lesson-invitation>button{width:100%}.test-lesson-reschedule,.diagnostic-auto-prefill,.test-lesson-next-actions{flex-direction:column;align-items:stretch}.test-lesson-decision,.test-class-setup{grid-template-columns:1fr}.test-lesson-decision>div:nth-child(2),.test-lesson-decision>label,.test-class-setup>div:last-child{flex-direction:column;justify-content:stretch;align-items:stretch}.test-class-setup>div:first-child,.test-class-setup>div:last-child{grid-column:auto}.diagnostic-auto-prefill button,.test-lesson-next-actions button,.test-lesson-decision button,.test-class-setup button{width:100%}.diagnostic-result-card{padding:16px}.diagnostic-wizard{padding:14px}.diagnostic-wizard .diagnostic-form-section{min-height:0}.diagnostic-wizard-actions{flex-direction:column;align-items:stretch}.diagnostic-wizard-actions>div{width:100%}.diagnostic-wizard-actions button{flex:1}}.diagnostic-parent-report{border:1px solid color-mix(in srgb, var(--fresh) 28%, var(--line));background:color-mix(in srgb, var(--fresh) 10%, var(--surface));border-radius:8px;gap:10px;padding:14px;display:grid}.diagnostic-parent-report span,.paid-client-path span{color:var(--primary);text-transform:uppercase;font-size:12px;font-weight:900}.diagnostic-parent-report strong,.paid-client-path strong{margin-top:4px;display:block}.diagnostic-parent-report pre{white-space:pre-wrap;background:var(--surface);color:var(--text);font:800 14px/1.55 var(--font-main);border-radius:8px;margin:0;padding:12px}.diagnostic-report-actions{flex-wrap:wrap;gap:10px;display:flex}.diagnostic-report-page{background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 58%, transparent), transparent 34%), linear-gradient(24deg, color-mix(in srgb, var(--accent-soft) 54%, transparent), transparent 62%), var(--bg);min-height:100vh;color:var(--text);padding:22px clamp(16px,4vw,52px) 48px}.diagnostic-report-topbar{justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100%);margin:0 auto 26px;display:flex}.diagnostic-report-topbar .brand{min-width:0}.diagnostic-report-topbar .brand span:not(.brand-mark){color:var(--muted);font-size:13px;font-weight:800}.diagnostic-report-hero,.diagnostic-report-grid,.diagnostic-report-section,.diagnostic-report-two-columns,.diagnostic-report-plan,.diagnostic-report-missing{width:min(1180px,100%);margin-inline:auto}.diagnostic-report-hero{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 92%, transparent), color-mix(in srgb, var(--accent-soft) 34%, var(--surface))), var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(270px,.38fr);align-items:stretch;gap:18px;padding:clamp(22px,4vw,42px);display:grid}.diagnostic-report-hero h1,.diagnostic-report-missing h1{max-width:760px;margin:6px 0 12px;font-size:clamp(32px,5vw,62px);line-height:.96}.diagnostic-report-hero p,.diagnostic-report-plan p,.diagnostic-report-missing p{max-width:760px;color:var(--muted);margin:0;font-size:17px;line-height:1.55}.diagnostic-report-meta{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.diagnostic-report-meta span{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--muted);border-radius:999px;padding:7px 11px;font-size:13px;font-weight:900}.diagnostic-report-hero aside,.diagnostic-report-plan-card{border:1px solid color-mix(in srgb, var(--fresh) 28%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--mint-soft) 68%, transparent), transparent 74%), var(--surface);border-radius:8px;align-content:center;gap:8px;padding:18px;display:grid}.diagnostic-report-hero aside span,.diagnostic-report-grid span,.diagnostic-report-two-columns span,.diagnostic-report-plan-card span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:900}.diagnostic-report-hero aside strong{font-size:32px;line-height:1}.diagnostic-report-hero aside .primary-button{justify-self:start;margin-top:8px}.diagnostic-report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.diagnostic-report-grid article,.diagnostic-report-two-columns article{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:16px}.diagnostic-report-grid strong{margin-top:8px;font-size:18px;line-height:1.35;display:block}.diagnostic-report-section,.diagnostic-report-plan{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:16px;margin-top:16px;padding:clamp(18px,3vw,28px);display:grid}.diagnostic-report-section h2,.diagnostic-report-plan h2{margin:4px 0 0;font-size:clamp(24px,3vw,36px);line-height:1.05}.diagnostic-report-topic-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.diagnostic-report-topic-list article{border:1px solid color-mix(in srgb, var(--warm) 22%, var(--line));background:color-mix(in srgb, var(--warm) 8%, var(--surface));border-radius:8px;gap:7px;min-width:0;padding:14px;display:grid}.diagnostic-report-topic-list span{color:var(--warm);font-size:12px;font-weight:900}.diagnostic-report-topic-list p,.diagnostic-report-two-columns p,.diagnostic-report-plan-card small{color:var(--muted);margin:0;line-height:1.5}.diagnostic-report-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.diagnostic-report-two-columns p{color:var(--text);margin-top:8px;font-size:17px}.diagnostic-report-plan{border-color:color-mix(in srgb, var(--fresh) 26%, var(--line));grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);align-items:center}.diagnostic-report-plan-card strong{font-size:24px;line-height:1.2}.diagnostic-report-missing{border:1px dashed color-mix(in srgb, var(--accent) 36%, var(--line));background:var(--surface);border-radius:8px;justify-items:start;gap:12px;margin-top:12vh;padding:clamp(22px,4vw,42px);display:grid}.paid-plan-card{border:1px solid color-mix(in srgb, var(--fresh) 30%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--fresh) 14%, transparent), transparent 58%), var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) 180px auto;align-items:center;gap:12px;padding:14px;display:grid}.paid-plan-card span,.paid-plan-total span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.35;display:block}.paid-plan-total{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px}.paid-plan-total strong{margin-top:3px;font-size:20px;display:block}.paid-client-path{border:1px solid color-mix(in srgb, var(--fresh) 28%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--fresh) 14%, transparent), transparent 58%), var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:14px;padding:14px;display:grid}.paid-client-path p{color:var(--muted);margin:8px 0 0}.paid-client-path ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.paid-client-path li{background:var(--surface-2);color:var(--muted);border-radius:8px;padding:10px 12px;font-weight:850}.paid-client-path li.done{color:#0f766e;background:color-mix(in srgb, var(--fresh) 12%, var(--surface))}.lesson-request-card label{max-width:260px;color:var(--muted);gap:6px;font-size:13px;font-weight:800;display:grid}.lesson-request-card select{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;padding:0 12px}.request-actions{flex-wrap:wrap;gap:10px;display:flex}.request-status{border-radius:8px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.request-status.new{background:color-mix(in srgb, var(--sun) 24%, var(--surface));color:#92400e}.request-status.assigned{background:var(--accent-soft);color:var(--accent-strong)}.request-status.paid{background:color-mix(in srgb, var(--fresh) 16%, var(--surface));color:#047857}.request-status.completed{background:color-mix(in srgb, var(--fresh) 24%, var(--surface));color:#065f46}.request-status.cancelled{background:color-mix(in srgb, var(--rose) 18%, var(--surface));color:#be123c}.homework-queue-row span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.45;display:block}.group-button{border:1px solid var(--line);background:var(--surface);width:100%;min-height:96px;color:var(--text);text-align:left;border-radius:8px;align-content:start;gap:5px;padding:14px;transition:border-color .16s,background-color .16s,box-shadow .16s;display:grid}.group-button.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 12%, transparent)}.group-button>strong{min-width:0;font-size:15px;line-height:1.3;display:block}.group-directory-filters{gap:6px;margin-top:14px;display:grid}.group-directory-filters button{min-height:36px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 9px;display:flex}.group-directory-filters button.active{border-color:color-mix(in srgb, var(--accent) 24%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.group-directory-filters button:disabled{cursor:default;opacity:.48}.group-stage-badge{border-radius:999px;width:fit-content;padding:4px 8px;font-weight:900;margin:0!important;font-size:11px!important;display:inline-flex!important}.group-stage-badge.diagnostic{background:#fff7ed;color:#b45309!important}.group-stage-badge.temporary{background:#eef2ff;color:#4f46e5!important}.group-stage-badge.permanent{background:#ecfdf3;color:#047857!important}.group-stage-badge.archived{background:var(--surface-2);color:var(--muted)!important}.group-button span,.group-student-row span,.group-student-row small{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.45;display:block}.group-button>span:last-child{margin-top:0}.class-empty-state{border:1px dashed color-mix(in srgb, var(--accent) 34%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 40%, transparent), transparent 58%), var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:28px;display:grid}.class-empty-state strong{font-size:22px}.class-empty-state span{max-width:680px;color:var(--muted);line-height:1.5}.class-empty-state div{flex-wrap:wrap;gap:10px;display:flex}.classroom-layout{grid-template-columns:300px minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.group-list-panel{grid-template-rows:auto auto minmax(0,1fr);align-self:start;max-height:calc(100vh - 32px);display:grid;position:sticky;top:16px;overflow:hidden}.group-list-panel .group-list{overscroll-behavior:contain;scrollbar-gutter:stable;gap:10px;min-height:0;max-height:calc(100vh - 300px);margin-top:12px;padding-right:4px;overflow-y:auto}.classroom-page{grid-auto-rows:max-content;align-content:start;gap:16px;min-width:0;display:grid}.create-class-form{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 44%, transparent), transparent 58%), var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:18px;display:grid}.create-class-type-picker{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.create-class-type-picker legend{color:var(--text);margin-bottom:9px;font-size:14px;font-weight:900}.create-class-type-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.create-class-type-picker button{border:1px solid var(--line);background:var(--surface);min-height:94px;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;gap:6px;padding:14px;display:grid}.create-class-type-picker button:hover,.create-class-type-picker button.active{border-color:color-mix(in srgb, var(--accent) 64%, var(--line));background:color-mix(in srgb, var(--accent-soft) 72%, var(--surface));box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 12%, transparent)}.create-class-type-picker button strong{font-size:15px}.create-class-type-picker button span,.create-class-picker-hint{color:var(--muted);font-size:12px;font-weight:600;line-height:1.45}.create-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.create-class-grid label,.create-class-pickers section{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.create-class-grid label.wide{grid-column:1/-1}.create-class-grid input,.create-class-grid select{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--text);border-radius:8px;padding:0 12px}.create-class-pickers{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.create-class-pickers section>div{flex-wrap:wrap;gap:8px;display:flex}.picker-chip{border:1px solid var(--line);background:var(--surface-2);min-height:34px;color:var(--text);border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.picker-chip input{accent-color:var(--accent)}.classroom-hero{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 62%, transparent), transparent 62%), linear-gradient(24deg, color-mix(in srgb, var(--fresh) 12%, transparent), transparent 44%), var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;display:grid}.classroom-hero h2{margin:4px 0 8px}.classroom-hero p{color:var(--muted);margin:0;line-height:1.5}.classroom-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.classroom-more-actions{position:relative}.classroom-more-actions>summary{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;padding:0 16px;font-weight:800;list-style:none;display:inline-flex}.classroom-more-actions>summary::-webkit-details-marker{display:none}.classroom-more-actions[open]>summary{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));color:var(--accent-strong)}.classroom-more-actions>div{z-index:20;border:1px solid var(--line);background:var(--surface);width:max-content;min-width:210px;box-shadow:var(--shadow);border-radius:12px;gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.classroom-more-actions>div button{width:100%}.classroom-tabs{border:1px solid var(--line);background:var(--surface);min-height:50px;box-shadow:var(--shadow);border-radius:8px;align-self:start;align-items:center;gap:8px;padding:6px;display:flex;overflow-x:auto}.classroom-tabs button{height:36px;min-height:36px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:none;padding:0 12px;font-size:13px;font-weight:900}.classroom-tabs button.active,.classroom-tabs button:hover{background:var(--accent-soft);color:var(--accent-strong)}.classroom-modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.classroom-modules article{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px;gap:8px;padding:16px;display:grid}.classroom-modules span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:900}.classroom-modules p{color:var(--muted);margin:0;line-height:1.45}.classroom-tab-panel{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:260px;box-shadow:var(--shadow);border-radius:8px;align-content:start;gap:16px;padding:18px;display:grid}.admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-kpi-card{position:relative;overflow:hidden}.admin-kpi-card:before{content:"";background:color-mix(in srgb, var(--accent) 40%, var(--line));width:4px;position:absolute;inset:0 auto 0 0}.admin-kpi-card.success:before{background:#16a34a}.admin-kpi-card.warning:before{background:#f59e0b}.admin-kpi-card.danger:before{background:#dc2626}.admin-kpi-card.warning{border-color:color-mix(in srgb, #f59e0b 38%, var(--line))}.admin-kpi-card.danger{border-color:color-mix(in srgb, #dc2626 42%, var(--line))}.admin-toolbar{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:12px;display:grid}.admin-tabs{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-wrap:wrap;gap:8px;padding:6px;display:flex}.admin-tabs button{min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 14px;font-weight:900}.admin-tabs button:hover,.admin-tabs button.active{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.admin-search,.admin-panel-head select{color:var(--muted);gap:6px;font-size:13px;font-weight:800;display:grid}.admin-search input,.admin-panel-head select{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--text);border-radius:8px;padding:0 12px}.admin-control-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:12px;display:grid}.admin-task-list,.admin-activity-list,.admin-workload-list,.admin-cabinet-grid{gap:10px;display:grid}.admin-activity-list article{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.admin-activity-list article>div{gap:4px;min-width:0;display:grid}.admin-activity-list strong,.admin-activity-list span,.admin-activity-list small{overflow-wrap:anywhere;min-width:0}.admin-activity-list span,.admin-activity-list small{color:var(--muted);line-height:1.35}.admin-task-row,.admin-workload-row,.admin-cabinet-card{border:1px solid var(--line);background:var(--surface-2);border-radius:8px}.admin-task-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.admin-task-row strong,.admin-workload-row strong,.admin-cabinet-card h3{margin:0;display:block}.admin-task-row span,.admin-workload-row span,.admin-workload-row small,.admin-cabinet-card small,.admin-preview-columns span,.admin-panel-head span{color:var(--muted);line-height:1.45}.admin-task-row.warning,.admin-workload-row.warning,.admin-cabinet-card.warning{border-color:color-mix(in srgb, #d97706 46%, var(--line));background:color-mix(in srgb, #fff7ed 58%, var(--surface))}.admin-task-row.danger,.admin-workload-row.danger,.admin-cabinet-card.danger{border-color:color-mix(in srgb, #dc2626 46%, var(--line));background:color-mix(in srgb, #fef2f2 64%, var(--surface))}.admin-workload-row{gap:8px;padding:14px;display:grid}.admin-workload-bars{background:color-mix(in srgb, var(--line) 54%, transparent);border-radius:999px;height:8px;overflow:hidden}.admin-workload-bars span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #d97706);height:100%;display:block}.admin-panel-head{align-items:end}.admin-panel-head>div{gap:4px;display:grid}.admin-panel-controls{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.admin-panel-controls label{min-width:160px;color:var(--muted);text-transform:uppercase;gap:5px;font-size:12px;font-weight:900;display:grid}.admin-teacher-section-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.admin-teacher-section-summary article{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.admin-teacher-section-summary span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.admin-teacher-section-summary strong{overflow-wrap:anywhere;font-size:24px;line-height:1.05}.admin-teacher-section-summary article.warning{border-color:color-mix(in srgb, var(--warm) 40%, var(--line));background:color-mix(in srgb, var(--warm) 10%, var(--surface))}.admin-teacher-section-summary article.success,.admin-teacher-section-summary article.money{border-color:color-mix(in srgb, var(--fresh) 32%, var(--line))}.admin-teacher-section-summary article.money strong{color:var(--fresh-strong)}.admin-card-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.admin-card-mini-grid span{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--muted);border-radius:8px;padding:8px 10px;font-size:13px;font-weight:800}.admin-cabinet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-cabinet-card{gap:14px;padding:16px;display:grid}.admin-cabinet-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.admin-cabinet-head>div{gap:5px;display:grid}.admin-preview-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.admin-preview-columns>div{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-content:start;gap:6px;min-width:0;padding:12px;display:grid}.admin-preview-columns strong{text-transform:uppercase;color:var(--accent-strong);font-size:13px}.admin-teacher-card,.admin-lead-row{border-color:color-mix(in srgb, var(--accent) 14%, var(--line))}.admin-leads-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:start;gap:12px;display:grid}.admin-leads-board,.admin-lead-detail{min-width:0}.admin-lead-metrics,.admin-lead-pipeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-lead-metrics article,.admin-lead-pipeline button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.admin-lead-metrics span,.admin-lead-pipeline span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.admin-lead-metrics strong,.admin-lead-pipeline strong{color:var(--text);font-size:22px;line-height:1.05}.admin-lead-pipeline{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-lead-pipeline button{cursor:pointer}.admin-lead-pipeline button.active,.admin-lead-pipeline button:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 12%, transparent)}.admin-lead-list{margin-top:4px}.admin-lead-row{cursor:pointer;text-align:left;width:100%}.admin-lead-row.active{border-color:color-mix(in srgb, var(--accent) 62%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.admin-lead-row strong{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-lead-context{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:6px;padding:12px;display:grid}.admin-lead-context p{color:var(--muted);margin:0;line-height:1.55}.admin-field{color:var(--muted);gap:6px;font-size:13px;font-weight:800;display:grid}.admin-field input,.admin-field select,.admin-field textarea{width:100%;min-width:0}.admin-test-lessons{gap:22px;display:grid}.admin-test-lesson-card{border-radius:18px;gap:20px;padding:24px}.admin-test-lesson-head,.admin-lesson-report-title,.admin-test-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-test-student{gap:4px;display:grid}.admin-test-student>span,.admin-lesson-report-title span,.admin-report-section>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.admin-test-student strong{font-size:24px;line-height:1.2}.admin-test-student p,.admin-lesson-report-title h3,.admin-report-section p,.admin-report-empty p{margin:0}.admin-test-student p{color:var(--muted);font-size:15px}.admin-test-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.status-pill.is-ready{border-color:color-mix(in srgb, #21a179 45%, var(--line));background:color-mix(in srgb, #21a179 12%, var(--surface));color:#168365}.admin-test-settings{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, var(--accent-soft));border-radius:14px;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:14px;padding:16px;display:grid}.admin-test-settings .admin-field>strong{color:var(--text);font-size:16px;line-height:1.35}.admin-test-settings .admin-field>small{color:var(--muted);font-size:12px;font-weight:600}.admin-test-settings input,.admin-test-settings select{border-radius:10px;min-height:46px;padding:0 14px;font-size:15px}.admin-lesson-report{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:16px;padding:20px;display:grid}.admin-lesson-report.has-report{border-color:color-mix(in srgb, #21a179 30%, var(--line));box-shadow:0 12px 32px #21a17914}.admin-lesson-report-title h3{margin-top:4px;font-size:21px}.admin-report-sections{gap:12px;display:grid}.admin-report-section,.admin-report-empty{background:color-mix(in srgb, var(--accent-soft) 48%, var(--surface));border-radius:12px;gap:8px;padding:16px 18px;display:grid}.admin-report-section.result{border-left:4px solid var(--accent)}.admin-report-section.recommendation{background:color-mix(in srgb, #21a179 8%, var(--surface));border-left:4px solid #21a179}.admin-report-section p,.admin-report-empty p{color:var(--text);white-space:pre-line;font-size:16px;line-height:1.7}.admin-test-actions{padding-top:2px}.admin-test-actions>span{color:var(--muted);font-size:13px}.admin-test-actions .primary-button{min-width:220px}@media (width<=720px){.admin-test-lesson-card{padding:18px}.admin-test-lesson-head,.admin-lesson-report-title,.admin-test-actions{flex-direction:column;align-items:stretch}.admin-test-badges{justify-content:flex-start}.admin-test-settings{grid-template-columns:1fr}.admin-test-actions .primary-button{width:100%;min-width:0}}.admin-teacher-card{grid-template-columns:minmax(280px,1.2fr) minmax(360px,1fr) auto;align-items:center;gap:18px;padding:16px 18px;display:grid}.admin-teacher-card-main{gap:8px;min-width:0;display:grid}.admin-teacher-card-title{gap:5px;min-width:0;display:grid}.admin-teacher-card-badges{flex-wrap:wrap;gap:6px;display:flex}.admin-priority-pill{border:1px solid var(--line);background:var(--surface);width:max-content;min-height:28px;color:var(--muted);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.admin-priority-pill.danger{border-color:color-mix(in srgb, var(--danger) 42%, var(--line));background:color-mix(in srgb, var(--danger) 9%, var(--surface));color:var(--danger)}.admin-priority-pill.warning{border-color:color-mix(in srgb, var(--warm) 48%, var(--line));background:color-mix(in srgb, var(--warm) 12%, var(--surface));color:color-mix(in srgb, var(--warm) 72%, var(--ink))}.admin-priority-pill.success{border-color:color-mix(in srgb, var(--fresh) 38%, var(--line));background:color-mix(in srgb, var(--fresh) 9%, var(--surface));color:var(--fresh-strong)}.admin-teacher-card-title h3{margin:0;font-size:20px;line-height:1.15}.admin-teacher-card-title p{color:var(--muted);margin:0;line-height:1.45}.admin-teacher-contact-line{flex-wrap:wrap;gap:7px;display:flex}.admin-teacher-contact-line span{border:1px solid var(--line);background:var(--surface);min-height:28px;color:var(--muted);border-radius:8px;padding:5px 9px;font-size:13px;font-weight:800}.admin-teacher-card-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.admin-teacher-card-stats span{border:1px solid color-mix(in srgb, var(--accent) 12%, var(--line));background:var(--surface);min-width:0;color:var(--muted);text-align:center;border-radius:8px;gap:3px;padding:10px;font-size:12px;font-weight:800;line-height:1.2;display:grid}.admin-teacher-card-stats strong{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-size:18px;line-height:1.05}.admin-teacher-card .teacher-application-actions{justify-content:flex-end}.admin-teacher-card .teacher-application-actions .primary-button{white-space:nowrap}.admin-teacher-profile{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:12px;margin-top:12px;display:grid}.admin-teacher-main-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.admin-teacher-main-metrics article,.admin-teacher-focus{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:var(--surface);border-radius:8px;min-width:0;padding:12px}.admin-teacher-main-metrics article{gap:4px;display:grid}.admin-teacher-main-metrics span,.admin-teacher-focus span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.admin-teacher-main-metrics strong{font-size:24px;line-height:1}.admin-teacher-main-metrics article.money{border-color:color-mix(in srgb, var(--fresh) 36%, var(--line));background:color-mix(in srgb, var(--fresh) 10%, var(--surface))}.admin-teacher-main-metrics article.money strong{color:var(--fresh-strong);font-size:20px}.admin-teacher-focus{gap:6px;display:grid}.admin-teacher-focus strong{line-height:1.3}.admin-teacher-focus p{color:var(--muted);margin:0;line-height:1.45}.admin-teacher-detail-backdrop{z-index:80;background:color-mix(in srgb, var(--ink) 34%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.admin-teacher-detail-page{gap:14px;display:grid}.admin-teacher-detail{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:var(--surface);width:100%;box-shadow:var(--shadow);border-radius:12px;gap:16px;padding:20px;display:grid}.admin-teacher-detail-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.admin-teacher-detail-head>div{gap:6px;min-width:0;display:grid}.admin-teacher-detail-head h2{margin:0;font-size:clamp(24px,3vw,38px);line-height:1.08}.admin-teacher-detail-head p{color:var(--muted);margin:0}.admin-teacher-value-row{grid-template-columns:minmax(280px,1.35fr) repeat(3,minmax(0,1fr));gap:10px;display:grid}.admin-teacher-value-row article,.admin-detail-section{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:14px}.admin-teacher-value-row article{align-content:start;gap:6px;display:grid}.admin-teacher-value-row span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.admin-teacher-value-row strong{font-size:26px;line-height:1}.admin-teacher-value-row small{color:var(--muted);line-height:1.45}.admin-value-score{border-color:color-mix(in srgb, var(--fresh) 32%, var(--line));background:color-mix(in srgb, var(--fresh) 9%, var(--surface))}.admin-value-score strong{color:var(--fresh-strong);font-size:34px}.admin-teacher-detail-grid{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:12px;display:grid}.admin-teacher-detail-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-teacher-management-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:12px;display:grid}.admin-action-plan{gap:8px;display:grid}.admin-action-plan div{border:1px solid var(--line);background:var(--card);border-radius:8px;gap:4px;padding:11px 12px;display:grid}.admin-action-plan div.danger{border-color:color-mix(in srgb, var(--danger) 38%, var(--line));background:color-mix(in srgb, var(--danger) 8%, var(--card))}.admin-action-plan div.warning{border-color:color-mix(in srgb, var(--warm) 44%, var(--line));background:color-mix(in srgb, var(--warm) 10%, var(--card))}.admin-action-plan div.success{border-color:color-mix(in srgb, var(--fresh) 34%, var(--line));background:color-mix(in srgb, var(--fresh) 8%, var(--card))}.admin-action-plan span{color:var(--muted);font-size:13px;line-height:1.45}.admin-note-textarea{resize:vertical;width:100%;min-height:150px}.admin-note-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-note-actions span{color:var(--muted);font-size:13px;font-weight:800}.admin-detail-section{align-content:start;gap:12px;display:grid}.admin-detail-section h3{margin:0;font-size:18px}.admin-detail-list{gap:8px;margin:0;display:grid}.admin-detail-list div{border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);grid-template-columns:116px minmax(0,1fr);gap:10px;padding-bottom:8px;display:grid}.admin-detail-list dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.admin-detail-list dd{min-width:0;margin:0;font-weight:800;line-height:1.35}.admin-detail-note{color:var(--muted);margin:0;line-height:1.55}.admin-detail-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.admin-detail-metric-grid span,.admin-detail-stack span{border:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:var(--card);min-width:0;color:var(--muted);border-radius:8px;padding:9px 10px;font-size:13px;line-height:1.35}.admin-detail-metric-grid strong{color:var(--ink);font-size:20px;line-height:1.05;display:block}.admin-detail-stack{gap:8px;display:grid}.admin-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.admin-funnel-grid,.admin-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-funnel-grid article,.admin-finance-grid article,.admin-ranking-list article{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:5px;min-width:0;padding:12px;display:grid}.admin-funnel-grid span,.admin-finance-grid span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.admin-funnel-grid strong,.admin-finance-grid strong{font-size:22px;line-height:1.05}.admin-funnel-grid small,.admin-finance-grid small,.admin-ranking-list span,.admin-ranking-list small{color:var(--muted);line-height:1.4}.admin-finance-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:12px;display:grid}.admin-finance-layout>.classroom-tab-panel:first-child{grid-row:span 2}.admin-finance-insights{gap:10px;margin-top:12px;display:grid}.admin-finance-insights article{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--accent) 5%, var(--surface));border-radius:8px;gap:5px;min-width:0;padding:12px;display:grid}.admin-finance-insights strong{color:var(--text)}.admin-finance-insights span{color:var(--muted);line-height:1.45}.admin-ranking-list{gap:10px;display:grid}.admin-ranking-list article strong{color:var(--text)}.status-pill.warning{color:#b45309;background:#fff7ed}.status-pill.danger{color:#dc2626;background:#fef2f2}.status-pill.success{color:#027a48;background:#ecfdf3}body.dark .admin-task-row.warning,body.dark .admin-workload-row.warning,body.dark .admin-cabinet-card.warning{background:color-mix(in srgb, #3d2a14 56%, var(--surface))}body.dark .admin-task-row.danger,body.dark .admin-workload-row.danger,body.dark .admin-cabinet-card.danger{background:color-mix(in srgb, #3a1717 62%, var(--surface))}.classroom-schedule-grid,.classroom-assignment-columns,.classroom-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.classroom-assignment-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.class-homework-column{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;align-content:start;gap:10px;min-height:220px;padding:14px;display:grid}.class-homework-column>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.class-homework-column>div:first-child span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:900}.class-homework-column>div:first-child strong{background:var(--surface);width:30px;height:30px;color:var(--text);border-radius:999px;place-items:center;display:grid}.class-homework-column>p{color:var(--muted);margin:0;line-height:1.45}.class-homework-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:10px;padding:12px;display:grid}.class-homework-card span,.class-homework-card small,.class-assignment-seed span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.45;display:block}.class-homework-card button{width:fit-content}.class-journal-panel{align-content:start}.class-journal-empty{min-height:0;margin-top:0;padding:16px}.class-journal-empty-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.class-journal-empty-steps>span{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.class-journal-empty-steps strong{color:var(--text);font-size:13px}.class-journal-empty-steps small{color:var(--muted);font-size:12px;line-height:1.4}.journal-filter-row{flex-wrap:wrap;gap:8px;display:flex}.journal-filter-row button{border:1px solid var(--line);background:var(--surface-2);min-height:36px;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 12px;font-size:13px;font-weight:900;display:inline-flex}.journal-filter-row button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.journal-filter-row strong{background:var(--surface);min-width:24px;height:24px;color:var(--text);border-radius:999px;place-items:center;font-size:12px;display:grid}.class-journal-list{gap:12px;display:grid}.class-journal-card{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:10px;padding:14px;display:grid}.class-journal-card.open{border-color:color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--accent-soft) 16%, var(--surface))}.class-journal-head{grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.class-journal-head time{color:var(--accent-strong);font-size:13px;font-weight:900}.class-journal-head div{gap:3px;min-width:0;display:grid}.class-journal-head span,.class-journal-detail small,.class-journal-people span{color:var(--muted);font-size:13px;font-weight:800;line-height:1.45}.class-journal-metrics{flex-wrap:wrap;gap:6px;display:flex}.class-journal-metrics span{border:1px solid var(--line);background:var(--surface);width:fit-content;min-height:28px;color:var(--text);border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.class-journal-detail{border-top:1px solid var(--line);gap:10px;padding-top:10px;display:grid}.class-journal-detail p{color:var(--text);margin:0;line-height:1.45}.class-journal-people{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.class-journal-people div{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:4px;min-width:0;padding:10px;display:grid}.class-journal-people strong{font-size:13px}.class-assignment-seed{border:1px dashed color-mix(in srgb, var(--accent) 34%, var(--line));background:color-mix(in srgb, var(--accent-soft) 18%, var(--surface));border-radius:8px;gap:10px;padding:14px;display:grid}.classroom-schedule-grid article,.classroom-assignment-columns article,.classroom-material-grid article{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:8px;padding:16px;display:grid}.classroom-schedule-grid span,.classroom-assignment-columns span,.classroom-material-grid span,.classroom-board-preview span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:900}.classroom-schedule-grid p,.classroom-assignment-columns p,.classroom-material-grid p,.classroom-board-preview p{color:var(--muted);margin:0;line-height:1.45}.class-material-form{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:color-mix(in srgb, var(--accent-soft) 16%, var(--surface));border-radius:8px;grid-template-columns:180px minmax(0,1fr);gap:12px;padding:16px;display:grid}.class-material-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.class-material-form label.wide{grid-column:1/-1}.class-material-form input,.class-material-form select{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--text);border-radius:8px;padding:0 12px}.class-material-form button{width:fit-content}.classroom-material-grid article a{color:var(--accent-strong);font-weight:800;text-decoration:none}.classroom-material-grid article button{width:fit-content}.classroom-board-preview{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 58%, transparent), transparent 58%), radial-gradient(circle at 86% 20%, color-mix(in srgb, var(--fresh) 20%, transparent), transparent 34%), var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:220px}.classroom-board-preview strong{margin:8px 0;font-size:24px;display:block}.class-board-overview{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:stretch;gap:12px;width:100%;min-width:0;display:grid}.class-board-overview article,.class-board-support-grid section{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;align-content:start;gap:10px;min-width:0;padding:16px;display:grid}.class-board-overview .class-board-preview-card{grid-row:span 2}.class-board-overview span,.class-board-materials span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:900}.class-board-overview p{color:var(--muted);margin:0;line-height:1.45}.board-preview-surface{border:1px solid var(--line);background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), #fbfcff;background-size:28px 28px;border-radius:8px;min-height:170px;position:relative;overflow:hidden}.board-preview-surface i,.board-preview-surface b,.board-preview-surface em{border-radius:999px;display:block;position:absolute}.board-preview-surface i{background:var(--accent);width:160px;height:3px;top:42px;left:34px;transform:rotate(-8deg)}.board-preview-surface b{border:3px solid var(--fresh);width:72px;height:72px;top:48px;right:42px}.board-preview-surface em{background:var(--rose);width:190px;height:3px;bottom:38px;left:70px;transform:rotate(8deg)}.class-notebook-list,.class-board-materials{flex-wrap:wrap;gap:8px;display:flex}.class-notebook-list small,.class-board-materials article{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.class-board-support-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);align-items:start;gap:12px;width:100%;min-width:0;display:grid}.class-board-empty-copy{border:1px dashed var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);border-radius:8px;align-content:center;gap:5px;min-height:90px;padding:12px;display:grid}.class-board-empty-copy span{color:var(--muted);line-height:1.45}@media (width<=1300px){.class-board-overview,.class-board-support-grid{grid-template-columns:minmax(0,1fr)}.class-board-overview .class-board-preview-card{grid-row:auto}}.class-board-materials article{border-radius:8px;gap:2px;padding:10px;display:grid}.class-schedule-form{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 34%, transparent), transparent 58%), var(--surface);border-radius:8px;gap:14px;padding:16px;display:grid}.class-schedule-form>div:first-child{gap:4px;display:grid}.class-schedule-form>div:first-child span{color:var(--muted);font-size:13px}.schedule-days{flex-wrap:wrap;gap:8px;display:flex}.schedule-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.schedule-fields label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.schedule-fields input,.schedule-fields select{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--text);border-radius:8px;padding:0 12px}.class-lesson-list{gap:12px;display:grid}.class-lesson-row{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.class-lesson-row time{color:var(--accent-strong);font-weight:900}.class-lesson-row span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.class-lesson-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.class-lesson-meta small{border:1px solid var(--line);background:var(--surface);min-height:26px;color:var(--muted);border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.classroom-progress-row{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(140px,220px) 52px;align-items:center;gap:14px;padding:12px;display:grid}.classroom-progress-row span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.classroom-progress-row b{text-align:right}.class-progress-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}@media (width<=1400px){.class-progress-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}.class-progress-table{gap:10px;display:grid}.next-lesson-preview{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--accent-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.next-lesson-preview div{gap:4px;display:grid}.next-lesson-preview span,.next-lesson-preview small,.next-lesson-preview p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.next-lesson-preview strong{font-size:18px}.class-progress-overview,.class-progress-insights{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.class-progress-overview>article,.class-progress-insights>section{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:16px;display:grid}.class-progress-overview>article>span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.class-status-bars{gap:8px;display:grid}.class-status-bar{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:10px;padding:10px 12px;display:grid}.class-status-bar span{color:var(--muted);font-size:13px;font-weight:800}.class-status-bar strong{justify-self:end;font-size:20px}.class-status-bar.review{border-color:color-mix(in srgb, var(--accent) 38%, var(--line))}.class-status-bar.revision{border-color:color-mix(in srgb, var(--sun) 54%, var(--line));background:color-mix(in srgb, var(--sun) 10%, var(--surface))}.class-status-bar.done{border-color:color-mix(in srgb, var(--fresh) 34%, var(--line))}.class-next-actions{gap:8px;margin:0;padding-left:20px;display:grid}.class-next-actions li,.class-progress-overview p{color:var(--muted);line-height:1.45}.class-topic-progress-list{gap:10px;display:grid}.class-topic-progress-row{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(120px,180px) 48px;align-items:center;gap:12px;padding:12px;display:grid}.class-topic-progress-row span,.class-topic-progress-row small{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.35;display:block}.class-topic-progress-row b{text-align:right}.class-recommendation-list{flex-wrap:wrap;gap:8px;display:flex}.class-recommendation-list span{border:1px solid var(--line);background:var(--surface-2);min-height:34px;color:var(--muted);border-radius:8px;align-items:center;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex}.class-progress-row{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(180px,1.2fr) repeat(4,minmax(76px,.55fr)) minmax(120px,.7fr) 52px 118px;align-items:center;gap:10px;padding:12px;display:grid}.class-progress-row.ok{border-color:color-mix(in srgb, var(--fresh) 26%, var(--line))}.class-progress-row.warning{border-color:color-mix(in srgb, var(--sun) 54%, var(--line));background:color-mix(in srgb, var(--sun) 10%, var(--surface))}.class-progress-row.muted{opacity:.78}.class-progress-row span,.class-progress-row em{color:var(--muted);font-size:13px;font-style:normal}.class-progress-row div:first-child span{margin-top:4px;line-height:1.35;display:block}.class-progress-row b{text-align:right}.class-progress-row em{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;justify-self:end;padding:6px 9px;font-weight:800}.group-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.group-student-row{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:12px;padding:12px;display:grid}.group-student-actions,.class-material-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.class-overdue-note{color:#b45309;margin-top:10px;line-height:1.45;display:block}.group-student-row select{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text);border-radius:8px;padding:0 10px}.group-task-row{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:6px;padding:10px;display:grid}.group-task-row p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.group-task-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.group-task-actions .primary-button,.group-task-actions .ghost-button{min-height:30px;padding:0 10px;font-size:12px}.task-source-tabs{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:6px;display:flex}.task-source-tabs button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 12px;font-weight:900}.task-source-tabs button.active,.task-source-tabs button:hover{background:var(--accent-soft);color:var(--accent-strong)}.group-lesson-layout{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.class-board-layout{align-items:stretch;min-height:calc(100vh - 230px);display:block;position:relative}.class-board-header{align-items:flex-start;gap:10px;margin-bottom:8px;padding:8px 10px}.class-board-commandbar{grid-template-rows:auto auto;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:6px 10px;display:grid}.class-board-commandbar-main{align-items:center;gap:10px;min-width:0;display:flex}.class-board-commandbar-title{gap:2px;min-width:180px;max-width:320px;display:grid}.class-board-commandbar-title h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-flow-steps{scrollbar-width:none;grid-column:1/-1;align-items:center;gap:5px;min-width:0;display:flex;overflow:auto hidden}.lesson-flow-steps::-webkit-scrollbar{display:none}.lesson-flow-steps button{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);min-width:104px;min-height:34px;color:var(--muted);white-space:nowrap;border-radius:8px;flex:none;grid-template-columns:auto auto;align-items:center;gap:0 5px;padding:0 8px;display:inline-grid;position:relative}.lesson-flow-steps button:after{content:"";background:var(--line);width:6px;height:1px;position:absolute;right:-6px}.lesson-flow-steps button:last-child:after{display:none}.lesson-flow-steps button span{background:var(--surface-2);width:17px;height:17px;color:var(--muted);border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.lesson-flow-steps button b{text-overflow:ellipsis;font-size:12px;overflow:hidden}.lesson-flow-steps button small{text-overflow:ellipsis;color:inherit;grid-column:2;font-size:11px;line-height:1;overflow:hidden}.lesson-flow-steps button.current{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.lesson-flow-steps button.current span{background:var(--accent);color:#fff}.lesson-flow-steps button.done{border-color:color-mix(in srgb, #16a34a 42%, var(--line));background:color-mix(in srgb, #dcfce7 70%, var(--surface));color:#166534}.lesson-flow-steps button.done span{color:#fff;background:#16a34a}.class-board-header .eyebrow{margin-bottom:3px;font-size:11px}.class-board-header h2{font-size:20px;line-height:1.12}.class-board-header .tools{flex-wrap:wrap;justify-content:flex-start;justify-self:start;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.class-board-header .tools button,.class-board-header .tools summary{flex:none;min-height:35px;padding:0 11px;font-size:12px}.class-board-header .tools button.active{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.class-board-switcher{border:1px solid var(--line);background:var(--surface);box-shadow:none;border-radius:8px;gap:8px;margin:0 0 8px;padding:4px;display:flex}.class-board-switcher button{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:900}.class-board-switcher button.active,.class-board-switcher button:hover{background:var(--accent-soft);color:var(--accent-strong)}.student-notebook-switcher{border:1px solid var(--line);background:var(--surface);min-height:42px;box-shadow:none;overscroll-behavior-inline:contain;scrollbar-width:thin;border-radius:8px;flex-wrap:nowrap;align-items:center;gap:6px;margin:0 0 8px;padding:4px 6px;display:flex;overflow-x:auto}.student-notebook-switcher>span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex:none;padding:0 4px 0 2px;font-size:10px;font-weight:900}.student-notebook-tab{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;flex:none;align-items:center;gap:3px;min-height:32px;padding:2px;transition:border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.student-notebook-tab:hover,.student-notebook-tab.active{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));background:var(--accent-soft)}.student-notebook-tab.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.student-notebook-tab.attention:not(.active){border-color:color-mix(in srgb, #f59e0b 55%, var(--line))}.student-notebook-tab-main{min-height:26px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:7px minmax(66px,auto);align-items:center;gap:7px;padding:2px 7px;display:grid}.student-notebook-tab-main>span{text-transform:none;gap:1px;min-width:0;display:grid}.student-notebook-tab-main b{color:var(--text);white-space:nowrap;font-size:11px;font-weight:900;line-height:1.1}.student-notebook-tab-main small{max-width:150px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;line-height:1.1;overflow:hidden}.student-notebook-status{background:#94a3b8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #94a3b82e}.student-notebook-status.solving,.student-notebook-status.question{background:#3b82f6;box-shadow:0 0 0 2px #3b82f62e}.student-notebook-status.submitted,.student-notebook-status.ready{background:#22c55e;box-shadow:0 0 0 2px #22c55e2e}.student-notebook-status.help,.student-notebook-status.mistake{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.student-notebook-status.review{background:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.student-notebook-tab-action{background:color-mix(in srgb, #f59e0b 14%, var(--surface));color:#a16207;cursor:pointer;border:0;border-radius:6px;min-height:24px;padding:0 7px;font-size:9px;font-weight:900}.student-notebook-tab-action.review{background:color-mix(in srgb, #8b5cf6 13%, var(--surface));color:#6d28d9}.student-notebook-tab-action:hover{filter:brightness(.97)}.group-board canvas{height:min(58vh,680px)}.class-board-canvas{grid-template-rows:minmax(0,1fr);height:calc(100vh - 120px);min-height:0;display:grid;position:relative;overflow:hidden}.class-board-stage{grid-area:1/1;height:auto;min-height:0;display:block;position:relative}.class-board-coach-panel{z-index:44;border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));gap:12px;width:min(320px,100% - 28px);max-height:calc(100% - 28px);padding:14px;display:none;position:absolute;top:14px;right:14px;overflow:auto;box-shadow:0 18px 48px #24133f2e}.class-board-coach-panel.open{display:grid}.class-board-coach-panel .panel-head{align-items:flex-start;gap:10px}.class-board-coach-panel .panel-head h2{margin-bottom:2px;font-size:16px}.class-board-coach-panel .panel-head span{color:var(--muted);font-size:12px}.class-board-coach-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.class-board-coach-actions button,.class-board-coach-focus button,.class-board-coach-tasks button{border:1px solid var(--line);background:var(--surface-2);min-height:32px;color:var(--text);border-radius:8px;padding:0 9px;font-size:12px;font-weight:900}.class-board-coach-actions button:hover,.class-board-coach-focus button:hover,.class-board-coach-tasks button:hover{border-color:color-mix(in srgb, var(--accent) 32%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.class-board-coach-actions button:disabled{cursor:not-allowed;opacity:.55}.class-board-coach-plan{gap:8px;display:grid}.class-board-coach-plan article{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:4px;padding:10px;display:grid}.class-board-coach-plan span,.class-board-coach-focus strong,.class-board-coach-tasks strong{color:var(--accent-strong);font-size:12px;font-weight:900}.class-board-coach-plan p{color:var(--text);margin:0;font-size:13px;line-height:1.38}.class-board-coach-focus,.class-board-coach-tasks{gap:8px;padding-top:2px;display:grid}.class-board-coach-focus>div{flex-wrap:wrap;gap:7px;display:flex}.class-board-coach-focus>span{color:var(--muted);font-size:13px}.class-board-coach-tasks article{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.class-board-coach-tasks article span,.class-board-coach-tasks article b{display:block}.class-board-coach-tasks article span{color:var(--muted);font-size:11px}.class-board-coach-tasks article b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.class-board-coach-tasks article>div:last-child{gap:6px;display:flex}.excalidraw-board-shell{width:auto;height:auto;min-height:0;position:absolute;inset:0}.vector-excalidraw-surface .excalidraw{height:100%!important}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .App-top-bar{z-index:var(--zIndex-layerUI);pointer-events:none;align-items:flex-start;width:auto;position:absolute;top:52px;left:12px}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .App-toolbar{width:auto}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .App-toolbar-content{flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;padding:6px}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .shapes-section{flex-direction:column;justify-content:flex-start;align-items:center;position:absolute;top:48px;left:0;pointer-events:none!important;width:auto!important}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .App-toolbar__divider{width:28px;height:1px;margin:3px 0}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .App-toolbar__extra-tools-dropdown{margin-top:0!important;position:fixed!important;top:100px!important;left:auto!important;right:18px!important}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .App-toolbar__extra-tools-trigger{position:fixed!important;top:258px!important;left:auto!important;right:18px!important;transform:none!important}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .layer-ui__wrapper__top-right{width:auto!important;position:fixed!important;top:202px!important;left:auto!important;right:18px!important;transform:none!important}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .App-menu__left{scrollbar-width:thin;max-height:calc(100vh - 190px);overflow:auto;margin-left:74px!important}.group-lesson-view.hide-excalidraw-library .vector-excalidraw-surface .excalidraw .App-toolbar__extra-tools-trigger,.group-lesson-view.hide-excalidraw-library .vector-excalidraw-surface .excalidraw .App-toolbar__extra-tools-dropdown{display:none!important}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .App-toolbar-container{gap:4px;display:grid}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .App-toolbar{max-width:none;width:auto!important;min-width:0!important}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .App-toolbar .Stack_horizontal{align-items:center;grid-auto-rows:auto!important;grid-auto-columns:auto!important;grid-auto-flow:row!important;width:auto!important}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .App-toolbar-container .ToolIcon__icon{width:34px;height:34px}.vector-excalidraw-surface .excalidraw:not(.excalidraw--mobile) .ToolIcon__keybinding,.vector-excalidraw-surface .excalidraw .HintViewer{display:none}.group-lesson-view.board-fullscreen{z-index:160;box-sizing:border-box;background:linear-gradient(180deg, #fff4fb 0, var(--bg) 440px), var(--bg);flex-direction:column;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:12px;display:flex;position:fixed;inset:0;overflow:hidden}:is(html:has(.group-lesson-view.board-fullscreen),body:has(.group-lesson-view.board-fullscreen)){overflow:hidden!important}.group-lesson-view.board-fullscreen .class-board-header{max-width:none;box-shadow:none;pointer-events:auto;background:0 0;border:0;margin:0 0 3px;padding:3px 5px;position:static}.group-lesson-view.board-fullscreen .class-board-commandbar{gap:3px 6px;min-height:56px}.group-lesson-view.board-fullscreen .class-board-commandbar-main{gap:4px}.group-lesson-view.board-fullscreen .class-board-commandbar-title{min-width:150px;max-width:250px}.group-lesson-view.board-fullscreen .class-board-header h2{font-size:14px;line-height:1.12}.group-lesson-view.board-fullscreen .class-board-header .tools{flex-wrap:nowrap;place-content:center flex-end;justify-self:stretch;gap:4px;min-width:0;max-width:100%;overflow:visible}.group-lesson-view.board-fullscreen .class-board-header .tools button,.group-lesson-view.board-fullscreen .class-board-header .tools summary{min-height:28px;padding:0 7px;font-size:10px}.group-lesson-view.board-fullscreen .class-board-switcher{flex:none;gap:3px;margin:0;padding:2px;display:flex}.group-lesson-view.board-fullscreen .class-board-switcher button{min-height:24px;padding:0 7px;font-size:10px}.group-lesson-view.board-fullscreen .lesson-flow-steps{gap:3px;padding:0 1px 1px}.group-lesson-view.board-fullscreen .lesson-flow-steps button{column-gap:3px;min-width:88px;min-height:26px;padding:0 5px}.group-lesson-view.board-fullscreen .lesson-flow-steps button b,.group-lesson-view.board-fullscreen .lesson-flow-steps button small{font-size:10px}.group-lesson-view.board-fullscreen .student-notebook-switcher{margin-bottom:6px;padding:4px 6px}.group-lesson-view.board-fullscreen .student-notebook-tab{min-height:30px}.group-lesson-view.board-fullscreen .class-board-layout,.group-lesson-view.board-fullscreen .class-board-canvas{flex:auto;height:100%;min-height:0}.group-lesson-view.board-fullscreen .class-board-layout{overflow:hidden}.group-lesson-view.board-fullscreen .class-board-stage{height:auto;min-height:0}.group-lesson-view.board-fullscreen .class-board-canvas{border:1px solid var(--line);background:var(--surface);min-height:0;box-shadow:var(--shadow);border-radius:8px;grid-template-rows:minmax(0,1fr);display:grid}.group-lesson-view.board-fullscreen .excalidraw-board-shell{background:#fffdf8;width:auto;height:auto;min-height:0;position:absolute;inset:0}.group-lesson-view.board-fullscreen .class-board-sidebar,.group-lesson-view.board-fullscreen .class-board-task-panel,.group-lesson-view.board-fullscreen .class-board-chat-panel,.group-lesson-view.board-fullscreen .class-board-invite-panel,.group-lesson-view.board-fullscreen .class-board-prep-panel{max-height:none;top:104px;bottom:12px}.group-lesson-view.board-fullscreen .class-board-call-panel{width:min(620px,100% - 24px);height:min(720px,100vh - 142px);top:50%;right:12px;transform:translateY(-50%)}.group-lesson-view.board-fullscreen .class-board-call-minimized{bottom:12px}.group-lesson-view.board-fullscreen .lesson-now-metrics{flex:none;align-items:center;gap:6px;min-width:0;display:flex}.group-lesson-view.board-fullscreen .lesson-now-metrics button{border:1px solid var(--line);background:var(--surface);max-width:220px;min-height:28px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.group-lesson-view.board-fullscreen .lesson-now-metrics span,.group-lesson-view.board-fullscreen .lesson-now-metrics b{font-size:11px}.group-lesson-view.board-fullscreen .lesson-now-task-status{flex-wrap:nowrap;flex:auto;min-width:160px;overflow:hidden}.group-lesson-view.board-fullscreen .class-board-empty-layer{display:grid;position:absolute}.vector-board-tool-rail{z-index:18;scrollbar-width:thin;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);max-height:calc(100% - 24px);box-shadow:var(--shadow);border-radius:10px;gap:7px;padding:8px;display:grid;position:absolute;top:12px;left:12px;overflow-y:auto}.vector-board-tool-rail button{width:38px;height:38px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;font-size:17px;font-weight:900;display:grid}.vector-board-tool-rail button:hover,.vector-board-tool-rail button.active{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.class-board-empty-layer{z-index:5;border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--surface) 92%, transparent);max-width:min(420px,100% - 48px);box-shadow:var(--shadow);pointer-events:none;border-radius:8px;gap:8px;padding:16px;display:grid;position:absolute;top:84px;left:24px}.class-board-empty-layer span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:900}.class-board-empty-layer strong{font-size:22px}.class-board-empty-layer p{color:var(--muted);margin:0;line-height:1.45}.class-board-empty-layer div{flex-wrap:wrap;gap:6px;display:flex}.class-board-empty-layer .class-board-math-ready{margin-top:4px}.class-board-empty-layer small{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:5px 8px;font-weight:800}.class-board-empty-layer .class-board-math-ready small{border:1px solid color-mix(in srgb, var(--fresh) 34%, var(--line));background:color-mix(in srgb, var(--fresh) 10%, var(--surface));color:#0f766e}.class-board-pages{z-index:20;border:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:color-mix(in srgb, var(--surface) 94%, transparent);min-width:0;max-width:min(360px,100% - 32px);box-shadow:var(--shadow);border-radius:8px;justify-content:flex-start;align-items:center;gap:6px;padding:5px;display:flex;position:absolute;bottom:12px;left:70px;overflow:visible}.class-board-pages>span{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:900}.class-board-page-tabs{gap:4px;display:flex}.class-board-pages button{border:1px solid var(--line);background:var(--surface);width:30px;min-width:30px;height:30px;min-height:30px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:900;display:inline-flex}.class-board-pages button.active{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.class-board-pages>.ghost-button{background:color-mix(in srgb, var(--surface-2) 88%, transparent);color:var(--muted)}.class-board-page-menu{position:relative}.class-board-page-menu summary{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-weight:900;list-style:none;display:inline-flex}.class-board-page-menu summary::-webkit-details-marker{display:none}.class-board-page-menu[open] summary{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.class-board-page-menu-panel{border:1px solid var(--line);background:var(--surface);width:238px;max-height:min(540px,100vh - 180px);box-shadow:var(--shadow);scrollbar-width:thin;border-radius:8px;gap:6px;padding:9px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto}.class-board-page-menu-panel>strong{color:var(--text);font-size:13px;line-height:1.1}.class-board-page-menu-panel>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.class-board-page-menu-panel button{justify-content:flex-start;gap:7px;width:100%;min-width:0;padding:0 10px;font-size:12px}.class-board-page-menu-panel button span{width:16px;color:var(--muted);justify-content:center;display:inline-flex}.class-board-page-menu-group{border-top:1px solid color-mix(in srgb, var(--line) 68%, transparent);gap:5px;padding-top:7px;display:grid}.class-board-page-menu-group>span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:900}.class-board-pages .class-board-clear-page{color:#be123c;width:auto;min-width:0;padding:0 10px}.class-board-caption{border-bottom:1px solid var(--line);background:var(--surface);grid-area:1/1;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.lesson-now-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.lesson-now-metrics button{border:1px solid var(--line);background:var(--surface-2);min-width:0;min-height:38px;color:var(--text);text-align:left;border-radius:8px;gap:1px;padding:5px 7px;display:grid}.lesson-now-metrics button:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--accent-soft)}.lesson-now-metrics b,.lesson-now-metrics span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-now-metrics b{font-size:12px;line-height:1.2}.lesson-now-metrics span{color:var(--muted);font-size:11px;font-weight:800}.lesson-now-task-status{flex-wrap:wrap;gap:7px;display:flex}.lesson-now-task-status span{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--surface) 82%, transparent);min-height:29px;color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.lesson-now-task-status b{color:var(--text);font-size:13px}.lesson-now-task-status span.attention{border-color:color-mix(in srgb, var(--rose) 36%, var(--line));background:color-mix(in srgb, var(--peach-soft) 72%, var(--surface));color:#be123c}.math-quick-menu,.lesson-more-menu{flex:none;align-items:center;display:inline-flex;position:relative}.math-quick-menu summary,.lesson-more-menu summary{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--surface) 92%, transparent);width:auto;min-width:32px;height:32px;min-height:32px;color:var(--accent-strong);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:900;list-style:none;display:inline-flex}.lesson-more-menu summary{color:var(--text);letter-spacing:1px;font-size:12px}.class-board-more-menu summary{letter-spacing:0;width:auto;padding:0 10px}.math-quick-menu summary::-webkit-details-marker{display:none}.lesson-more-menu summary::-webkit-details-marker{display:none}.math-quick-menu[open] summary,.lesson-more-menu[open] summary{background:var(--accent-soft)}.math-quick-menu:not([open])>div,.lesson-more-menu:not([open])>div{display:none}.math-quick-menu>div{z-index:190;border:1px solid var(--line);background:var(--surface);width:340px;max-height:min(560px,100vh - 210px);box-shadow:var(--shadow);scrollbar-width:thin;border-radius:8px;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.lesson-more-menu>div{z-index:96;border:1px solid var(--line);background:var(--surface);width:190px;box-shadow:var(--shadow);border-radius:8px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.lesson-more-menu>div>button{background:var(--surface-2);width:100%;min-height:30px;color:var(--text);justify-content:flex-start}.group-lesson-view.board-fullscreen .math-quick-menu>div{z-index:210;position:fixed;top:58px;right:clamp(118px,14vw,230px)}.group-lesson-view.board-fullscreen .lesson-more-menu>div{z-index:210;width:min(320px,100vw - 36px);max-width:calc(100vw - 36px);position:fixed;top:58px;right:18px}.group-lesson-view.board-fullscreen .lesson-private-note{width:auto;min-width:0}.math-quick-settings{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:8px;display:grid}.math-quick-section{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--accent-soft) 22%, var(--surface));border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;display:grid}.math-quick-section-wide{grid-column:1/-1}.math-quick-section>span{color:var(--accent-strong);text-transform:uppercase;grid-column:1/-1;font-size:11px;font-weight:900}.math-quick-settings legend{color:var(--muted);padding:0 4px;font-size:11px;font-weight:900}.math-quick-settings label{min-width:0;color:var(--muted);gap:4px;font-size:11px;font-weight:900;display:grid}.math-quick-settings label.wide{grid-column:1/-1}.math-quick-settings input{border:1px solid var(--line);background:var(--surface);width:100%;height:28px;color:var(--text);font:inherit;border-radius:8px;padding:0 6px}.math-quick-menu>div button{background:var(--surface-2);justify-content:center;width:100%;min-width:0}.lesson-status-indicator,.cabinet-save-indicator{border:2px solid var(--surface);width:11px;height:11px;box-shadow:0 0 0 1px color-mix(in srgb, var(--line) 78%, transparent);border-radius:50%;flex:none;place-items:center;display:inline-grid}.lesson-status-indicator.save.saved,.lesson-status-indicator.connection.online,.lesson-status-indicator.connection.restored,.cabinet-save-indicator.saved{background:#22c55e}.lesson-status-indicator.save.idle,.lesson-status-indicator.save.error,.lesson-status-indicator.connection.reconnecting,.lesson-status-indicator.connection.offline,.cabinet-save-indicator.saving,.cabinet-save-indicator.error{background:#ef4444}.lesson-test-timer{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--line));background:color-mix(in srgb, var(--primary) 8%, var(--surface));min-width:62px;min-height:34px;color:var(--primary);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.lesson-private-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--sun) 9%, var(--surface));gap:7px;width:260px;padding:10px;display:grid}.lesson-private-note span{color:var(--text);font-size:12px;font-weight:900}.lesson-private-note textarea{resize:vertical;border:1px solid var(--line);background:var(--surface);width:100%;min-height:76px;color:var(--text);font:inherit;border-radius:8px;padding:8px}.lesson-private-note small{color:var(--muted);font-size:11px;line-height:1.35}.lesson-now-task-popover{z-index:30;border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:var(--surface);width:min(420px,100vw - 36px);max-height:min(620px,100vh - 220px);box-shadow:var(--shadow);border-radius:8px;gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.lesson-now-task-popover-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-now-current-task,.lesson-now-task-list article{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:7px;padding:10px;display:grid}.lesson-now-current-task{border-color:color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--accent-soft) 36%, var(--surface))}.lesson-now-current-task span,.lesson-now-task-list span{color:var(--accent-strong);text-transform:uppercase;font-size:11px;font-weight:900}.lesson-now-current-task strong,.lesson-now-task-list strong{color:var(--text);font-size:15px;line-height:1.2}.lesson-now-current-task p,.lesson-now-task-list p{color:var(--muted);margin:0;font-size:13px;line-height:1.35}.lesson-now-current-task div,.lesson-now-task-list article div{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.lesson-now-task-list{gap:8px;display:grid}.lesson-now-task-list button,.lesson-now-current-task button{min-height:30px;padding:0 10px;font-size:12px}.class-board-caption-main{gap:5px;min-width:0;display:grid}.class-board-caption span{color:var(--muted);font-size:13px}.class-board-call-summary{flex-wrap:wrap;gap:6px;display:flex}.class-board-call-summary span{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.class-board-quick-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.class-board-quick-actions .math-template-button{min-height:34px;padding:0 11px;font-size:13px}.class-board-quick-actions .finish-lesson-button{border-color:color-mix(in srgb, var(--fresh) 34%, var(--line));background:color-mix(in srgb, var(--mint-soft) 55%, var(--surface));color:var(--accent-strong)}.geometry-lab-backdrop{z-index:220;background:#0f172a1f;justify-content:flex-end;align-items:stretch;padding:12px}.geometry-lab-modal{scrollbar-width:thin;grid-template-rows:auto auto auto minmax(260px,1fr) auto;gap:10px;width:min(720px,100vw - 24px);max-height:calc(100vh - 24px);padding:14px;display:grid;overflow:auto}.geometry-lab-head,.geometry-lab-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.geometry-lab-head h2{margin:2px 0 0;font-size:20px}.class-board-empty-layer{position:relative}.class-board-empty-close{border:1px solid var(--line);pointer-events:auto;width:32px;height:32px;color:var(--text);cursor:pointer;background:#ffffffeb;border-radius:999px;place-items:center;font-size:22px;line-height:1;display:grid;position:absolute;top:10px;right:10px}.class-board-empty-close:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--line));background:#fff}.geometry-lab-tabs{border:1px solid var(--line);background:var(--surface-2);scrollbar-width:thin;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-height:124px;padding:4px;display:grid;overflow:auto}.geometry-lab-tabs button{min-width:0;min-height:30px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:0 8px;font-size:12px;font-weight:900;overflow:hidden}.geometry-lab-tabs button.active,.geometry-lab-tabs button:hover{background:var(--accent-soft);color:var(--accent-strong)}.geometry-lab-measurements{border:1px solid var(--line);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px;display:flex}.geometry-lab-measurements label{min-height:34px;color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:900;display:inline-flex}.geometry-lab-measurements input{border:1px solid var(--line);background:var(--surface);width:78px;height:32px;color:var(--ink);font:inherit;border-radius:8px;padding:0 8px}.geometry-lab-measurements em{color:var(--muted);font-style:normal}.geometry-lab-board{border:1px solid var(--line);background:#fffdf8;border-radius:8px;overflow:hidden}.geometry-lab-jxg{background:#fffdf8;width:100%;height:min(46vh,430px);min-height:300px;position:relative;overflow:hidden;border:0!important}.geometry-lab-jxg svg{width:100%;height:100%}.geometry-lab-actions{justify-content:flex-end}.class-board-chat-panel,.class-board-task-panel,.class-board-invite-panel,.class-board-prep-panel,.class-board-sidebar{z-index:70;opacity:0;visibility:hidden;pointer-events:none;width:min(340px,100% - 32px);max-height:calc(100vh - 320px);transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:74px;bottom:18px;overflow:auto}.class-board-sidebar{left:16px;transform:none}.class-board-task-panel{box-sizing:border-box;overscroll-behavior:contain;border-color:color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--surface) 98%, white);flex-direction:column;gap:10px;width:min(420px,100% - 32px,100vw - 32px);max-width:calc(100vw - 32px);display:flex;left:auto;right:16px;overflow-x:hidden;transform:none;box-shadow:0 24px 58px #24133f38}.group-lesson-view.board-fullscreen .class-board-task-panel{width:min(420px,100vw - 24px);max-width:calc(100vw - 24px);left:auto;right:12px}.class-board-chat-panel{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;width:min(390px,100% - 36px);height:min(460px,100% - 36px);max-height:min(460px,100% - 36px);padding:12px;display:grid;top:auto;bottom:18px;right:18px;overflow:hidden;transform:none;box-shadow:0 24px 58px #24133f2e}.class-board-invite-panel{width:min(420px,100% - 32px);right:16px;transform:none}.class-board-prep-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 97%, white);border-radius:8px;gap:12px;width:min(390px,100% - 32px);display:grid;right:16px;transform:none;box-shadow:0 24px 58px #24133f2e}.class-board-sidebar.open,.class-board-chat-panel.open,.class-board-task-panel.open,.class-board-invite-panel.open,.class-board-prep-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.class-board-task-panel.open{z-index:260;contain:layout paint;min-width:0;overflow:hidden auto;inset-inline-start:auto!important;inset-inline-end:max(8px, env(safe-area-inset-right))!important;top:max(80px, env(safe-area-inset-top))!important;bottom:max(8px, env(safe-area-inset-bottom))!important;width:min(420px,100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:auto!important;max-height:none!important;margin:0!important;position:fixed!important}.lesson-task-delivery-status{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:8px;padding:10px 12px;font-size:13px;font-weight:800}.lesson-task-delivery-status.sending{color:#7357d6}.lesson-task-delivery-status.sent{color:#176a46;background:#ecf9f1;border-color:#9bd8bd}.lesson-task-delivery-status.error{color:#a32f28;background:#fff1ef;border-color:#f0aaa5}@media (width<=560px),(height<=560px){.class-board-task-panel.open{inset-inline-end:4px!important;width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important;top:4px!important;bottom:4px!important}}.class-board-prep-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.class-board-prep-summary article{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:4px;min-width:0;padding:10px;display:grid}.class-board-prep-summary span,.class-board-prep-pages>strong,.class-board-prep-objects>strong{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.class-board-prep-summary strong{color:var(--text);font-size:20px}.class-board-prep-actions,.class-board-prep-pages,.class-board-prep-objects{gap:8px;display:grid}.class-board-prep-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.class-board-prep-actions button{min-width:0}.class-board-prep-pages button,.class-board-prep-objects button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text);text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.class-board-prep-pages button.active,.class-board-prep-pages button:hover,.class-board-prep-objects button:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft)}.class-board-prep-pages button span,.class-board-prep-objects button span{background:var(--surface-2);min-width:24px;height:24px;color:var(--muted);border-radius:999px;place-items:center;font-size:10px;font-weight:900;display:grid}.class-board-prep-pages button b,.class-board-prep-objects button b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-board-chat-panel .panel-head span{color:var(--muted);font-size:11px;font-weight:800}.class-board-chat-panel .panel-head{align-items:center;gap:8px;padding-bottom:8px}.class-board-chat-panel .panel-head h2{font-size:16px}.teacher-chat-title{gap:1px;display:grid}.teacher-chat-launcher{z-index:72;border:1px solid color-mix(in srgb, var(--accent) 25%, var(--line));background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:900;display:inline-flex;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 30px #261b422e}.teacher-chat-launcher:hover{border-color:var(--accent);color:var(--accent)}.teacher-chat-launcher b{color:#fff;background:#ef5b66;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:grid}.teacher-chat-recipient{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;display:grid}.teacher-chat-recipient span{color:var(--muted);font-size:12px;font-weight:900}.teacher-chat-recipient select{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:32px;color:var(--text);border-radius:8px;padding:0 9px;font-weight:800}.class-board-chat-head-actions{align-items:center;gap:8px;display:flex}.class-board-chat-head-actions .ghost-button{min-height:32px;padding:0 10px;font-size:12px}.class-board-task-panel .panel-head{z-index:2;background:color-mix(in srgb, var(--surface) 98%, white);border-bottom:1px solid color-mix(in srgb, var(--line) 76%, transparent);order:0;align-items:flex-start;margin:-1px -1px 0;padding:1px 1px 10px;position:sticky;top:0}.class-board-task-panel .panel-head>div:first-child{gap:2px;display:grid}.class-board-task-panel .panel-head h2{margin:0}.class-board-panel-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.class-board-panel-actions .primary-button{min-height:34px;padding:0 12px;font-size:13px}.class-board-invite-link,.class-board-invite-qr,.class-board-invite-roster{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:10px;margin-top:12px;padding:12px;display:grid}.class-board-invite-link span,.class-board-invite-roster>strong,.class-board-invite-roster-head>strong{color:var(--muted);font-size:13px;font-weight:900}.class-board-invite-link input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:8px;padding:0 10px;font-size:13px}.class-board-invite-link div{flex-wrap:wrap;gap:8px;display:flex}.class-board-invite-link button{min-height:34px}.class-board-invite-qr{text-align:center;justify-items:center}.class-board-invite-qr img{border:1px solid var(--line);background:#fff;border-radius:8px;width:180px;height:180px;padding:8px}.class-board-invite-qr p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.class-board-invite-roster div{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;display:grid}.class-board-invite-roster .class-board-invite-roster-head{background:0 0;border:0;padding:0}.class-board-invite-roster div.selected{border-color:color-mix(in srgb, var(--violet) 54%, var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--violet) 24%, transparent)}.class-board-invite-student{text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;min-width:0;padding:0;display:grid}.class-board-invite-roster div.online{border-color:color-mix(in srgb, var(--fresh) 42%, var(--line));background:color-mix(in srgb, var(--mint-soft) 72%, var(--surface))}.class-board-invite-roster span{color:var(--text);font-weight:900}.class-board-invite-roster small{color:var(--muted);font-size:12px;font-weight:800}.class-board-chat-list{align-content:start;gap:7px;padding-right:3px;display:grid;overflow:auto}.class-board-chat-list article{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:5px;width:100%;padding:12px;display:grid}.class-board-chat-list article.teacher{background:color-mix(in srgb, #dcf8f6 86%, var(--surface));border-color:#84d8d4;border-radius:4px 14px 14px}.class-board-chat-list article.student{background:color-mix(in srgb, #eee5ff 88%, var(--surface));border-color:#cbb5f3;border-radius:14px 4px 14px 14px}.class-board-chat-list article.system{background:color-mix(in srgb, var(--surface-2) 70%, transparent);border-style:dashed}.class-board-chat-list article>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.class-board-chat-list span{color:var(--muted);font-size:11px;font-weight:800}.class-board-chat-list p{color:var(--text);margin:0;font-size:15px;line-height:1.45}.class-board-chat-replies{flex-wrap:wrap;gap:6px;display:flex}.class-board-chat-replies button{border:1px solid var(--line);background:var(--surface);min-height:26px;color:var(--muted);border-radius:999px;padding:0 8px;font-size:11px;font-weight:900}.class-board-chat-replies button:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.class-board-chat-form{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;padding-top:8px;display:grid}.class-board-chat-form label{gap:5px;display:grid}.class-board-chat-form span{color:var(--muted);font-size:11px;font-weight:900}.class-board-chat-form select,.class-board-chat-form textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:8px}.class-board-chat-form select{min-height:32px;padding:0 8px;font-weight:800}.class-board-chat-form textarea{resize:vertical;min-height:40px;max-height:80px;padding:9px 10px}.class-board-chat-form button{min-height:40px;padding:0 13px}.live-task-summary{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--accent-soft) 28%, var(--surface));border-radius:8px;order:1;gap:5px;margin-bottom:0;padding:12px;display:grid}.lesson-task-recipient{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--accent-soft) 34%, var(--surface));border-radius:10px;order:0;gap:9px;padding:11px;display:grid}.lesson-task-recipient>div:first-child{gap:2px;display:grid}.lesson-task-recipient strong{color:var(--text);font-size:14px}.lesson-task-recipient span{color:var(--muted);font-size:11px;font-weight:800}.lesson-task-recipient-options{flex-wrap:wrap;gap:7px;display:flex}.lesson-task-recipient-options button{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--muted);border-radius:8px;padding:0 11px;font-weight:900}.lesson-task-recipient-options button.active{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));background:var(--accent);color:#fff}.live-task-summary.active{gap:8px}.live-task-control-details{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:var(--surface);border-radius:8px}.live-task-control-details>summary{color:var(--accent-strong);cursor:pointer;padding:9px 10px;font-size:12px;font-weight:900}.live-task-control-details[open]>summary{border-bottom:1px solid var(--line)}.live-task-control-details>:not(summary){margin:9px}.lesson-new-task-form{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--accent-soft) 26%, var(--surface));border-radius:8px;order:2;gap:12px;margin-bottom:12px;padding:12px;display:grid}.lesson-new-task-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.lesson-new-task-head strong,.lesson-new-task-head span{display:block}.lesson-new-task-head span{color:var(--muted);margin-top:3px;font-size:12px}.lesson-new-task-form label{color:var(--muted);gap:5px;font-size:12px;font-weight:800;display:grid}.lesson-new-task-form input,.lesson-new-task-form select,.lesson-new-task-form textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:36px;color:var(--text);font:inherit;border-radius:8px;padding:8px 10px}.lesson-new-task-form textarea{resize:vertical;line-height:1.35}.lesson-new-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lesson-new-task-advanced{border:1px solid var(--line);background:var(--surface);border-radius:8px}.lesson-new-task-advanced summary{color:var(--muted);cursor:pointer;padding:9px 10px;font-size:12px;font-weight:900}.lesson-new-task-advanced .lesson-new-task-grid{padding:0 10px 10px}.class-board-clear-all-button{border-color:color-mix(in srgb, var(--rose) 30%, var(--line))!important;color:#be123c!important}.class-board-clear-all-button:hover{background:color-mix(in srgb, var(--peach-soft) 74%, var(--surface))!important}.lesson-new-task-actions{gap:7px;display:grid}.lesson-new-task-actions label{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:7px 9px;display:flex}.lesson-new-task-actions input{width:16px;min-height:16px}.lesson-task-bank-panel{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;order:3;gap:10px;margin-bottom:0;padding:12px;display:grid}.lesson-task-bank-head{gap:8px;display:grid}.lesson-task-bank-head>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.lesson-task-bank-head strong{color:var(--text);font-size:14px}.lesson-task-bank-head span{color:var(--muted);font-size:12px;font-weight:800}.lesson-task-bank-head input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:36px;color:var(--text);font:inherit;border-radius:8px;padding:0 10px}.lesson-task-bank-list{gap:8px;max-height:430px;padding-right:2px;display:grid;overflow:auto}.class-board-task-panel .group-task-row{background:var(--surface);gap:5px;padding:9px}.class-board-task-panel .group-task-row p{-webkit-line-clamp:2;margin:0}.class-board-task-panel .group-task-actions{margin-top:4px}.class-board-task-panel .group-task-actions .primary-button,.class-board-task-panel .group-task-actions .ghost-button{min-height:28px;padding:0 9px;font-size:11px}.class-board-task-panel .group-task-list{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 80%, transparent);border-radius:8px;order:5;gap:8px;padding:10px;display:grid}.group-task-list-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.group-task-list-head strong{color:var(--text);font-size:13px}.group-task-list-head span{color:var(--muted);font-size:11px;font-weight:800}.lesson-task-bank-meta{flex-wrap:wrap;gap:5px;display:flex}.live-task-summary-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.live-task-summary-head .ghost-button{min-height:30px;padding:0 10px;font-size:12px}.live-task-summary span,.live-task-summary small{color:var(--muted);font-size:12px;font-weight:800}.live-task-summary p{color:var(--text);margin:0;font-size:14px;line-height:1.45}.live-task-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.live-task-metrics span{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:8px;min-width:0;padding:8px;line-height:1.2}.class-board-task-panel .live-task-metrics span{padding:6px 7px}.live-task-metrics b{color:var(--text);margin-bottom:2px;font-size:18px;line-height:1;display:block}.live-task-status-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.live-task-status-board article{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--surface) 84%, transparent);border-radius:8px;gap:6px;min-width:0;padding:9px;display:grid}.class-board-task-panel .live-task-status-board article{gap:4px;padding:7px}.live-task-status-board article.attention{border-color:color-mix(in srgb, var(--rose) 34%, var(--line));background:color-mix(in srgb, var(--peach-soft) 70%, var(--surface))}.live-task-status-board strong{color:var(--text);font-size:20px;line-height:1}.class-board-task-panel .live-task-status-board strong{font-size:16px}.live-task-status-board div{flex-wrap:wrap;gap:5px;display:flex}.live-task-status-board small{background:var(--surface);min-width:0;max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:5px 7px;overflow:hidden}.class-board-task-panel .live-task-status-board small{padding:4px 6px}.class-board-task-panel .live-task-status-board{display:none}.teacher-live-control{border:1px solid color-mix(in srgb, var(--fresh) 28%, var(--line));background:color-mix(in srgb, var(--mint-soft) 46%, var(--surface));border-radius:8px;gap:7px;padding:9px;display:grid}.teacher-live-control-head,.teacher-live-control-main,.teacher-live-control-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.teacher-live-control-head strong{color:var(--text);font-size:14px}.teacher-live-control-head span,.teacher-live-control-main span,.teacher-live-control-state span,.teacher-live-control-state small{color:var(--muted);font-size:12px;font-weight:800}.teacher-live-control-list{gap:6px;max-height:190px;padding-right:2px;display:grid;overflow:auto}.teacher-live-control-list article{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:5px;padding:8px;display:grid}.teacher-live-control-list article.attention{border-color:color-mix(in srgb, var(--warm) 42%, var(--line));background:color-mix(in srgb, var(--warm) 12%, var(--surface))}.teacher-live-control-main{align-items:flex-start}.teacher-live-control-main strong{min-width:0;color:var(--text);font-size:14px;line-height:1.2}.teacher-live-control-main span{text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:46%;overflow:hidden}.teacher-live-control-state{gap:3px;display:grid}.teacher-live-control-state span{color:var(--accent-strong);text-transform:uppercase}.teacher-live-control-state small{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.teacher-live-control-actions{flex-wrap:wrap;justify-content:flex-start}.teacher-live-control-actions button{border:1px solid var(--line);background:var(--surface-2);min-height:27px;color:var(--text);border-radius:999px;padding:0 9px;font-size:12px;font-weight:900}.teacher-live-control-actions button:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.live-task-missing{border:1px dashed color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--surface) 72%, transparent);border-radius:8px;gap:7px;padding:9px;display:grid}.class-board-task-panel .live-task-missing{display:none}.live-task-missing div,.live-task-summary-actions{flex-wrap:wrap;gap:7px;display:flex}.live-task-missing small{background:var(--surface);color:var(--text);border-radius:999px;padding:5px 8px}.live-task-summary-actions .ghost-button{min-height:32px;padding:0 11px;font-size:12px}.ghost-button.danger{border-color:color-mix(in srgb, #ef4444 28%, var(--line));color:#b91c1c}.ghost-button.danger:hover{background:color-mix(in srgb, #fee2e2 72%, var(--surface));color:#991b1b}.live-answer-list{order:2;gap:8px;margin-bottom:0;display:grid}.live-answer-list article{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:6px;padding:10px;display:grid}.live-answer-list article.unchecked{border-color:color-mix(in srgb, var(--warm) 46%, var(--line));background:color-mix(in srgb, var(--warm) 12%, var(--surface))}.live-answer-list article.correct{border-color:color-mix(in srgb, var(--fresh) 40%, var(--line));background:color-mix(in srgb, var(--mint-soft) 68%, var(--surface))}.live-answer-list article.incorrect,.live-answer-list article.review{border-color:color-mix(in srgb, var(--rose) 34%, var(--line));background:color-mix(in srgb, var(--peach-soft) 72%, var(--surface))}.live-answer-list article>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.live-answer-list span,.live-answer-list small{color:var(--muted);font-size:12px;font-weight:800}.live-answer-list p{color:var(--text);margin:0;font-size:14px;line-height:1.45}.live-answer-actions{flex-wrap:wrap;gap:6px;display:flex}.live-answer-actions button{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--muted);border-radius:999px;padding:0 9px;font-size:12px;font-weight:900}.live-answer-actions button:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.class-board-call-panel{z-index:24;width:min(620px,100% - 32px);height:min(720px,100% - 22px);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.class-board-call-panel.is-minimized{opacity:0;visibility:hidden;pointer-events:none;width:1px;height:1px;top:auto;bottom:0;right:-9999px;overflow:hidden;transform:none}.class-board-call-actions,.class-board-call-note-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.class-board-call-panel>.panel-head{align-items:center;min-height:40px}.class-board-call-panel>.panel-head h2{margin:0;font-size:20px}.class-board-call-link-button{color:var(--accent-strong)!important}.vector-livekit-call.is-teacher .vector-camera-picker select{width:min(160px,22vw)}.class-board-call-dashboard{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.class-board-call-dashboard article{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:8px;gap:4px;min-width:0;padding:8px;display:grid}.class-board-call-dashboard span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.class-board-call-dashboard strong{overflow-wrap:anywhere;font-size:14px}.class-board-video-frame{border:1px solid var(--line);background:#0f172a;border-radius:8px;flex:auto;width:100%;height:100%;min-height:320px;position:relative;overflow:hidden}.class-board-call-placeholder{color:#f8fafc;text-align:center;z-index:2;place-items:center;gap:12px;font-size:14px;font-weight:800;display:grid;position:absolute;inset:0}.class-board-call-note{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.class-board-call-note-actions button{min-height:34px;padding:0 10px;font-size:12px}.class-board-call-note span{color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}.service-shell{background:linear-gradient(180deg, #fff7fb 0, var(--bg) 360px), var(--bg);grid-template-columns:272px minmax(0,1fr);min-height:100vh;display:grid}.service-sidebar{border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);flex-direction:column;gap:18px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.service-brand,.service-topbar,.service-panel-head,.service-topbar-actions,.service-actions{align-items:center;display:flex}.service-brand{gap:12px}.service-brand strong{font-size:18px;display:block}.service-brand span,.service-sidebar-note span,.service-nav small{color:var(--muted);font-size:12px;font-weight:800}.service-nav{gap:8px;display:grid}.service-nav button{min-height:44px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;font-weight:900;display:grid}.service-nav button.active,.service-nav button:hover{border-color:var(--line);background:var(--accent-soft);color:var(--accent-strong)}.service-sidebar-note{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;margin-top:auto;padding:14px}.service-sidebar-note strong{overflow-wrap:anywhere;margin-top:6px;font-size:13px;display:block}.service-workspace{min-width:0;padding:24px}.service-topbar{justify-content:space-between;gap:16px;margin-bottom:20px}.service-topbar h1,.service-panel h2,.service-board-grid h3{margin:0}.service-topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.service-home-grid,.service-two-column{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px;display:grid}.service-panel{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px;padding:18px}.service-panel.accent,.service-hero-panel{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 78%, #fff) 0, var(--surface) 72%), var(--surface)}.service-panel-head{justify-content:space-between;gap:14px;margin-bottom:14px}.service-panel p{color:var(--muted)}.service-actions{flex-wrap:wrap;gap:10px;margin-top:18px}.service-agenda,.service-homework-list,.service-roster,.service-billing-list,.service-help-grid{gap:10px;display:grid}.service-agenda article,.service-homework-list article,.service-roster article,.service-billing-list article,.service-help-grid article,.service-task-row{border:1px solid var(--line);background:var(--surface-2);border-radius:8px}.service-agenda article{grid-template-columns:44px 70px minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.service-agenda span,.service-calendar span{background:var(--surface);width:38px;height:38px;color:var(--accent-strong);border-radius:8px;place-items:center;font-weight:900;display:inline-grid}.service-agenda p,.service-homework-list span,.service-roster span,.service-billing-list span{color:var(--muted);margin:0;font-size:13px;font-weight:800}.service-homework-list article,.service-billing-list article{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.service-homework-list small,.service-roster small,.service-task-row small{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;justify-self:end;padding:5px 9px;font-size:12px;font-weight:900}.service-metrics-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.service-metrics-panel article{background:var(--surface-2);border-radius:8px;padding:14px}.service-metrics-panel strong{font-size:30px;display:block}.service-metrics-panel span{color:var(--muted);font-size:13px;font-weight:800}.service-roster article{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.service-avatar{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.service-task-table{gap:8px;display:grid}.service-task-row{grid-template-columns:minmax(180px,1.4fr) 120px 110px 110px;align-items:center;gap:10px;padding:12px;display:grid}.service-task-row.head{color:var(--muted);text-transform:uppercase;background:0 0;font-size:12px;font-weight:900}.service-calendar{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.service-calendar article{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;min-height:160px;padding:14px}.service-calendar article.active{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:var(--accent-soft)}.service-calendar strong{margin-top:14px;font-size:24px;display:block}.service-board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.service-board-grid article{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:12px}.service-board-preview{background:linear-gradient(#0000 23px, color-mix(in srgb, var(--line) 50%, transparent) 24px), linear-gradient(90deg, #0000 23px, color-mix(in srgb, var(--line) 50%, transparent) 24px), #fffdf8;background-size:24px 24px;border-radius:8px;gap:18px;min-height:138px;margin-bottom:12px;padding:12px;display:grid}.service-board-preview span{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.service-board-preview strong{color:#334155;align-self:end}.service-chat-layout{grid-template-columns:280px minmax(0,1fr);gap:16px;display:grid}.service-chat-list{align-content:start;gap:10px;display:grid}.service-chat-list button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);text-align:left;border-radius:8px;gap:4px;padding:12px;display:grid}.service-chat-list button.active{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));background:var(--accent-soft)}.service-chat-list small{color:var(--muted);font-weight:800}.service-chat-thread{gap:10px;display:grid}.service-chat-thread article{background:var(--surface-2);border-radius:8px;max-width:72%;padding:10px 12px}.service-chat-thread article.teacher{background:var(--accent-soft);justify-self:end}.service-chat-thread p{margin:6px 0}.service-chat-input{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:8px;display:grid}.service-chat-input input{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);border-radius:8px;padding:0 12px}.service-help-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-help-grid article{padding:14px}@media (width<=980px){.service-shell{grid-template-columns:1fr}.service-sidebar{border-right:0;border-bottom:1px solid var(--line);min-width:0;height:auto;position:static;overflow:hidden}.service-nav{scrollbar-width:none;width:100%;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.service-nav button{flex:0 0 136px}.service-nav::-webkit-scrollbar{display:none}.service-sidebar-note{margin-top:0}.service-home-grid,.service-two-column,.service-chat-layout,.service-board-grid,.service-help-grid,.service-calendar{grid-template-columns:1fr}}@media (width<=640px){.service-workspace{padding:16px}.service-topbar,.service-panel-head{flex-direction:column;align-items:flex-start}.service-topbar-actions{justify-content:flex-start}.service-agenda article,.service-roster article,.service-task-row,.service-task-row.head{grid-template-columns:1fr}.service-homework-list small,.service-roster small,.service-task-row small{justify-self:start}.service-metrics-panel{grid-template-columns:1fr}.service-chat-thread article{max-width:100%}.service-chat-input{grid-template-columns:1fr}}.class-board-call-room{color:var(--muted);font-size:12px;font-weight:800;display:block}.class-board-call-actions{align-items:center;gap:8px;display:flex}.class-board-call-minimized{z-index:24;border:1px solid var(--line);background:var(--surface);max-width:min(460px,100% - 32px);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute;bottom:18px;right:16px}.class-board-call-minimized div{gap:2px;min-width:0;display:grid}.class-board-call-minimized span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.class-board-finish-panel{border-color:color-mix(in srgb, var(--fresh) 34%, var(--line));background:color-mix(in srgb, var(--mint-soft) 52%, var(--surface));grid-template-columns:minmax(0,1fr) minmax(260px,.75fr) auto;align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:grid}.class-board-finish-panel h3{margin:0;font-size:18px}.class-board-finish-panel span{color:var(--muted);font-size:13px;font-weight:800;line-height:1.4}.class-board-finish-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.class-board-finish-metrics article{border:1px solid color-mix(in srgb, var(--fresh) 22%, var(--line));background:var(--surface);border-radius:8px;gap:4px;min-width:0;padding:10px;display:grid}.class-board-finish-metrics strong{overflow-wrap:anywhere;font-size:13px}.class-board-finish-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.class-board-finish-actions button{min-height:36px;padding:0 12px;font-size:13px}.lesson-summary-modal{width:min(720px,100%);max-height:calc(100dvh - 48px);box-shadow:var(--shadow);gap:14px;padding:22px;display:grid;position:relative;overflow-y:auto}.lesson-summary-backdrop{z-index:20100}.lesson-summary-modal>div:first-of-type p:not(.eyebrow){color:var(--muted);margin:6px 0 0}.lesson-summary-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.lesson-summary-stats article,.lesson-summary-preview{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:5px;padding:12px;display:grid}.lesson-summary-autofill{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--accent-soft) 36%, var(--surface));border-radius:8px;gap:10px;padding:13px;display:grid}.lesson-summary-autofill>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-summary-autofill strong{color:var(--text)}.lesson-summary-autofill>div:first-child span,.lesson-summary-autofill p{color:var(--muted);margin:0;font-size:13px;font-weight:800;line-height:1.4}.lesson-summary-autofill-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.lesson-summary-autofill-grid article{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:var(--surface);border-radius:8px;gap:4px;padding:9px;display:grid}.lesson-summary-autofill-grid span{color:var(--muted);font-size:11px;font-weight:900}.lesson-summary-autofill-grid strong{font-size:20px;line-height:1}.lesson-summary-stats span,.lesson-summary-preview span{color:var(--muted);font-size:13px;font-weight:800}.lesson-summary-people{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-summary-people article{gap:4px;display:grid}.lesson-summary-modal label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.lesson-summary-modal textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);resize:vertical;border-radius:8px;padding:11px 12px}.lesson-summary-list{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:10px;margin-top:14px;padding:16px;display:grid}.lesson-summary-card{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:8px;padding:12px;display:grid}.lesson-summary-card div{gap:3px;display:grid}.lesson-summary-card span,.lesson-summary-card small{color:var(--muted);font-size:13px;font-weight:800}.lesson-summary-card p{color:var(--text);margin:0;line-height:1.45}.lesson-summary-live{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent-soft) 26%, var(--surface));border-radius:8px;gap:8px;padding:10px;display:grid}.lesson-summary-live>div:first-child{gap:2px;display:grid}.lesson-summary-live p{color:var(--muted);font-size:13px}.lesson-summary-live-stats{flex-wrap:wrap;gap:6px;display:flex}.lesson-summary-live-stats span{background:var(--surface);width:fit-content;color:var(--text);border-radius:999px;padding:4px 8px;font-size:12px;display:inline-flex}.lesson-summary-live ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lesson-summary-live li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:6px;display:flex}.lesson-summary-live li span{color:var(--text);font-weight:800}.lesson-summary-live li small{white-space:nowrap}.lesson-summary-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.lesson-summary-actions .primary-button,.lesson-summary-actions .ghost-button{min-height:34px;padding:0 12px;font-size:13px}.group-task-row.individual{border-color:color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--accent-soft) 24%, var(--surface))}.group-live-panel{align-self:stretch;overflow:auto}.group-student-row.live{grid-template-columns:minmax(0,1fr)}.group-student-row.live.active{border-color:var(--accent);background:var(--accent-soft)}.group-student-row.live.needs-attention{border-color:color-mix(in srgb, var(--warm) 56%, var(--line));background:color-mix(in srgb, var(--warm) 13%, var(--surface));box-shadow:0 12px 26px color-mix(in srgb, var(--warm) 12%, transparent)}.group-student-row.live button{color:var(--text);text-align:left;background:0 0;border:0;padding:0}.call-attendance-controls{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.group-student-row.live .call-attendance-controls button{border:1px solid var(--line);background:var(--surface);color:var(--muted);text-align:center;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.group-student-row.live .call-attendance-controls button:hover,.group-student-row.live .call-attendance-controls button.active{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.group-lesson-tasks{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.lesson-row{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:120px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.lesson-row time{font-weight:800}.lesson-row span,.student-button span,.student-summary span{color:var(--muted);margin-top:3px;font-size:13px;display:block}.lesson-row small{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.35;display:block}.gap-list div{gap:7px;display:grid}meter{width:100%}.students-layout{grid-template-columns:340px 1fr;margin-top:18px}.students-layout.extended{grid-template-columns:300px minmax(0,1fr) 360px}.students-layout.extended.is-viewing{grid-template-columns:360px minmax(0,1fr)}.students-layout.extended.is-editing{grid-template-columns:300px minmax(0,1fr) 380px}.students-view,.students-layout,.students-layout>*{min-width:0}.students-view{width:100%}.students-head-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.student-segment-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.student-segment-tabs button{border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--muted);font:inherit;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:800;display:flex}.student-segment-tabs button strong{background:var(--surface-2);min-width:28px;min-height:28px;color:var(--text);border-radius:999px;place-items:center;padding:0 7px;font-size:12px;display:inline-grid}.student-segment-tabs button.active{border-color:color-mix(in srgb, var(--accent) 64%, var(--line));background:var(--accent-soft);color:var(--text);box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 12%, transparent)}.student-segment-tabs button.active strong{background:color-mix(in srgb, var(--accent) 18%, var(--surface));color:var(--accent-strong)}.students-layout .student-list{scrollbar-width:thin;align-content:start;max-height:min(62vh,640px);padding-right:6px;overflow-y:auto}.student-directory-controls{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:minmax(260px,1fr) minmax(190px,.34fr) minmax(190px,.34fr) auto;align-items:end;gap:12px;margin-top:10px;padding:14px;display:grid}.student-directory-controls label{color:var(--muted);gap:6px;font-size:12px;font-weight:800;display:grid}.student-directory-controls input[type=search],.student-directory-controls select{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));background:color-mix(in srgb, var(--surface) 88%, var(--accent-soft));width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:12px;outline:none;padding:0 14px;font-weight:600;transition:border-color .18s,box-shadow .18s,background .18s}.student-directory-controls input[type=search]::placeholder{color:color-mix(in srgb, var(--muted) 78%, transparent)}.student-directory-controls input[type=search]:focus,.student-directory-controls select:focus{border-color:color-mix(in srgb, var(--accent) 58%, var(--line));background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-soft) 72%, transparent)}.student-directory-controls select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--accent-strong) 50%), linear-gradient(135deg, var(--accent-strong) 50%, transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 12px) 19px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:38px}.student-directory-count{color:var(--muted);padding:0 4px 11px;font-size:13px;font-weight:800}.student-button{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);text-align:left;border-radius:8px;padding:14px}.student-button-head,.student-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.student-button small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.student-stage{text-align:center;border-radius:999px;align-items:center;min-height:25px;padding:0 8px;font-size:10px;font-weight:900;line-height:1.15;display:inline-flex}.student-stage.diagnostic{color:#95570d;background:#fff0d9}.student-stage.permanent{color:#17734d;background:#dff8ec}.student-stage.unassigned{background:var(--surface-2);color:var(--muted)}.student-stage.archived{color:#596273;background:#edf0f5}.student-stage.scheduled{background:color-mix(in srgb, var(--primary) 12%, var(--surface));color:var(--primary)}.student-button.active{border-color:var(--accent);background:var(--accent-soft)}.student-card{min-width:0;padding:24px;scroll-margin-top:16px}.student-card-heading h2{margin-bottom:0}.student-summary .no-data{border-style:dashed}.student-summary .no-data small{color:var(--muted);margin-top:6px;display:block}.student-history-empty{gap:7px;display:grid}.student-history-empty .ghost-button{width:fit-content;margin-top:6px}.student-history-empty .student-actions{justify-content:center}.danger-button.is-armed{color:#fff;background:#b42318}.students-view .danger-button:not(.is-armed){color:#8e560f;border-color:#d28a2f}.student-history{border-top:1px solid var(--line);gap:12px;margin-top:24px;padding-top:18px;display:grid}.student-primary-action{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--line));background:linear-gradient(110deg, color-mix(in srgb, var(--primary) 8%, var(--surface)), var(--surface));border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:16px;display:flex}.student-test-booking-copy{flex:320px;gap:4px;min-width:0;display:grid}.student-test-booking-copy span{color:var(--muted);font-size:13px;line-height:1.4}.student-primary-action>div{gap:3px;min-width:0;display:grid}.student-primary-action span{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.student-primary-action strong{font-size:18px}.student-primary-action small{color:var(--muted)}.student-more-actions{margin-top:12px}.student-more-actions>summary{width:fit-content;color:var(--muted);cursor:pointer;font-size:13px;font-weight:800}.student-more-actions[open]>summary{color:var(--primary)}.student-more-actions .student-actions{margin-top:10px}.student-timeline{gap:0;padding:4px 0 8px;display:grid}.student-timeline-event{border-bottom:1px solid var(--line);grid-template-columns:12px minmax(0,1fr) auto;align-items:start;gap:12px;padding:11px 0;display:grid}.student-timeline-event i{border:2px solid var(--surface);background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 22%, transparent);border-radius:50%;margin-top:5px}.student-timeline-event.lesson i{background:#047857}.student-timeline-event.result i{background:var(--accent-strong)}.student-timeline-event.homework i{background:#95570d}.student-timeline-event>div{gap:3px;display:grid}.student-timeline-event span,.student-timeline-event time{color:var(--muted);font-size:12px;line-height:1.4}.student-timeline-event time{white-space:nowrap}.student-progress-heading{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.student-progress-heading h3{margin:0}.student-progress-heading span{color:var(--muted);font-size:13px;font-weight:800}.student-timeline-empty{min-height:0;padding:18px}@media (width<=1100px){.student-segment-tabs{grid-template-columns:repeat(5,minmax(150px,1fr));padding-bottom:4px;overflow-x:auto}.students-layout .student-list{max-height:min(42vh,420px)}.student-primary-action{flex-direction:column;align-items:stretch}.student-primary-action>button{width:100%}.students-head-actions{justify-content:stretch;width:100%}.students-head-actions>button{flex:220px}}@media (width<=600px){.student-timeline-event{grid-template-columns:12px minmax(0,1fr)}.student-timeline-event time{grid-column:2}}@media (width<=760px){.students-layout.extended.is-viewing,.students-layout.extended.is-editing{grid-template-columns:minmax(0,1fr)}.sidebar{gap:10px;padding:12px 16px;position:relative}.sidebar .nav{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:minmax(108px,max-content);grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.sidebar .nav-item{scroll-snap-align:start}.app-shell .topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-shell .topbar-actions>button,.app-shell .topbar-actions>label{width:100%}}.progress-panel{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:12px;padding:14px;display:grid}.progress-summary{gap:8px;display:grid}.progress-summary div{justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-summary span,.topic-progress-row span,.topic-progress-row small{color:var(--muted);font-size:13px}.topic-progress-row small{margin-top:4px;display:block}.progress-summary strong{font-size:24px}.topic-progress-list{gap:8px;display:grid}.topic-progress-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:12px;padding:10px;display:grid}.topic-score{text-align:right;gap:5px;display:grid}.recommendation-list{flex-wrap:wrap;gap:8px;display:flex}.recommendation-list span{background:var(--surface);min-height:30px;color:var(--text);border:1px solid var(--line);border-radius:8px;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.history-tags{margin-top:0}.student-homework-list{gap:10px;display:grid}.student-homework-row{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.student-homework-row span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.45;display:block}.student-homework-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.student-homework-actions button{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--text);border-radius:8px;padding:0 10px}.student-homework-actions button:hover{background:var(--surface-2)}.student-summary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:18px 0;display:grid}.student-summary div,.topic-card{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:14px}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag,.status-pill{background:var(--accent-soft);min-height:28px;color:var(--accent-strong);border-radius:999px;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.revision-tag{color:#92400e;background:#fef3c7}.section-head select,.form-panel select,.form-panel input,.form-panel textarea,.filter-bar select{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;padding:0 12px}.form-panel textarea{resize:vertical;min-height:96px;padding:10px 12px}.submission-card label,.review-controls label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}.submission-card input,.submission-card textarea,.review-controls select,.review-controls textarea{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;padding:0 12px}.submission-card input:disabled,.submission-card textarea:disabled{cursor:not-allowed;opacity:.72}.submission-card textarea,.review-controls textarea{resize:vertical;min-height:88px;padding:10px 12px}.filter-bar{grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-top:18px;display:grid}.task-filter-bar{grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(150px,1fr)) auto;align-items:end}.task-filter-bar input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:8px;padding:0 12px}.task-reset-filters{white-space:nowrap;min-height:40px}.filter-bar label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}.task-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.task-management-layout{grid-template-columns:minmax(0,1fr) 380px;gap:18px;margin-top:18px;display:grid}.task-card{border:1px solid var(--line);background:var(--surface);min-height:240px;box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:16px;display:grid}.task-card .answer-row button:disabled{cursor:not-allowed;opacity:.58}.task-card.selected{border-color:var(--accent);background:var(--accent-soft)}.task-card.editing{outline:2px solid var(--accent);outline-offset:2px}.task-card h3{margin-bottom:0}.task-card p{color:var(--text);line-height:1.5}.answer-row{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.answer-row span{color:var(--muted);font-size:13px}.task-card-actions{justify-content:flex-start;align-items:center;min-height:40px}.task-readonly-note{color:var(--muted);font-size:12px;line-height:1.35}.task-bank-empty{border:1px dashed var(--line);background:var(--surface);text-align:center;border-radius:12px;grid-column:1/-1;place-items:center;gap:8px;min-height:280px;padding:32px;display:grid}.task-bank-empty span{color:var(--muted)}.task-form{align-self:start;position:sticky;top:18px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.topic-card h3{margin-bottom:8px}.topic-card p{color:var(--muted);line-height:1.5}.lesson-prep-view{width:100%;max-width:none}.lesson-prep-subtitle{color:var(--muted);margin:0;font-size:13px}.diagnostic-prep-banner{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--line));background:linear-gradient(110deg, color-mix(in srgb, var(--primary) 9%, var(--surface)), color-mix(in srgb, var(--fresh) 7%, var(--surface)));border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px;padding:16px 18px;display:flex}.diagnostic-prep-banner>div{gap:4px;display:grid}.diagnostic-prep-banner span{color:var(--muted);font-size:13px}.diagnostic-prep-banner ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.diagnostic-prep-banner li{background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.diagnostic-prep-banner li.done{background:color-mix(in srgb, var(--fresh) 18%, var(--surface));color:var(--text)}.diagnostic-mode .lesson-prep-scenarios,.diagnostic-mode .lesson-prep-grid label:first-child,.diagnostic-mode .lesson-prep-homework-field{display:none}.lesson-prep-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.lesson-prep-status-grid article{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:4px;padding:14px;display:grid}.lesson-prep-status-grid span{color:var(--muted);font-size:12px;font-weight:800}.lesson-prep-status-grid strong{font-size:22px}.lesson-prep-layout{grid-template-columns:minmax(0,1fr) clamp(460px,27vw,620px);align-items:start;gap:18px;margin-top:18px;display:grid}.lesson-prep-main,.lesson-prep-side{gap:14px;min-width:0;display:grid}@media (width>=1101px){.lesson-prep-side{align-self:start;padding-bottom:72px;position:sticky;top:18px;overflow:visible}}@media (width>=1101px) and (width<=1500px){.lesson-prep-layout{grid-template-columns:minmax(0,1fr) clamp(400px,31vw,480px)}}.lesson-prep-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lesson-prep-scenarios{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:6px;display:grid}.lesson-prep-scenarios button,.lesson-prep-focus button{min-height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 10px;font-size:13px;font-weight:900}.lesson-prep-scenarios button:hover,.lesson-prep-scenarios button.active,.lesson-prep-focus button:hover,.lesson-prep-focus button.active{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent-soft) 78%, var(--surface));color:var(--accent-strong)}.lesson-prep-main label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.lesson-prep-main input,.lesson-prep-main select,.lesson-prep-main textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:8px;padding:0 12px}.lesson-prep-main textarea{resize:vertical;min-height:74px;padding:10px 12px;line-height:1.45}.lesson-prep-focus{gap:8px;display:grid}.lesson-prep-focus>span{color:var(--muted);font-size:13px;font-weight:800}.lesson-prep-focus>div{flex-wrap:wrap;gap:8px;display:flex}.lesson-prep-focus button{border-color:var(--line);background:var(--surface)}.lesson-prep-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lesson-prep-actions span{color:var(--accent-strong);font-size:13px;font-weight:800}.lesson-prep-actions .lesson-prep-unsaved{color:#b36a1f}.lesson-prep-optional{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;overflow:hidden}.lesson-prep-optional summary{min-height:44px;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:900;list-style:none;display:flex}.lesson-prep-optional summary::-webkit-details-marker{display:none}.lesson-prep-optional summary:after{content:"＋";color:var(--accent-strong);font-size:18px}.lesson-prep-optional[open] summary:after{content:"−"}.lesson-prep-optional summary small{color:var(--muted);margin-left:auto;font-size:12px;font-weight:800}.lesson-prep-optional>div{gap:14px;padding:0 12px 12px;display:grid}.lesson-prep-task-search{color:var(--muted);gap:6px;font-size:12px;font-weight:800;display:grid}.lesson-prep-task-search input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:9px;padding:0 11px}.lesson-prep-library{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--accent-soft) 30%, var(--surface));border-radius:8px;gap:10px;padding:12px;display:grid}.lesson-prep-library-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-prep-library-head button{min-height:32px;padding:0 10px}.lesson-prep-library-filters{grid-template-columns:minmax(0,1fr) 104px;align-items:end;gap:8px;display:grid}.lesson-prep-library-filters>label:not(.lesson-prep-task-search){color:var(--muted);gap:6px;font-size:12px;font-weight:800;display:grid}.lesson-prep-library-filters select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:9px;padding:0 9px}.lesson-prep-task-list{gap:10px;min-width:0;max-width:100%;max-height:420px;padding-right:4px;display:grid;overflow:auto}.lesson-prep-task-list-empty{border:1px dashed var(--line);min-height:48px;max-height:none;color:var(--muted);border-radius:8px;align-content:center;padding:12px;font-size:13px;line-height:1.4}.lesson-prep-history{border-bottom:1px solid var(--line);align-content:start;gap:10px;min-width:0;max-width:100%;min-height:220px;padding-bottom:18px;scroll-margin-top:24px;display:grid}.lesson-prep-history-empty{border:1px dashed var(--line);background:var(--surface-2);min-height:120px;color:var(--muted);border-radius:10px;align-content:center;padding:18px;font-size:13px;line-height:1.45;display:grid}.lesson-prep-history-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.lesson-prep-history-head-actions .ghost-button{white-space:nowrap;min-height:34px;padding:0 12px}.lesson-prep-history-row{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:12px;padding:15px;display:grid}.lesson-prep-history-row strong,.lesson-prep-history-row span{display:block}.lesson-prep-history-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.lesson-prep-history-row span{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.35}.lesson-prep-history-row>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.lesson-prep-history-row button{border:1px solid var(--line);background:var(--surface-2);min-height:36px;color:var(--text);border-radius:8px;flex:110px;padding:0 12px;font-size:12px;font-weight:900}.lesson-prep-history-row button:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.lesson-prep-history-row button.danger{color:#ad3535}.lesson-prep-history-more{border:1px dashed var(--line);min-height:38px;color:var(--accent-strong);background:0 0;border-radius:9px;font-weight:900}.lesson-prep-task{border:1px solid var(--line);background:var(--surface-2);min-height:112px;color:var(--text);text-align:left;border-radius:8px;gap:6px;padding:12px;display:grid}.lesson-prep-task:hover,.lesson-prep-task.selected,.lesson-prep-task-card.selected .lesson-prep-task{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:color-mix(in srgb, var(--accent-soft) 72%, var(--surface))}.lesson-prep-task-card{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:0;display:grid;overflow:hidden}.lesson-prep-task-card .lesson-prep-task{cursor:default;border:0;border-radius:0}.lesson-prep-task-add{width:calc(100% - 20px);min-height:32px;margin:0 10px 10px}.lesson-prep-task-add.added{color:var(--accent-strong)}.lesson-prep-task-delete{justify-self:end;min-height:28px;margin:0 10px 10px;padding:0 10px}.lesson-prep-task span,.lesson-prep-task small{color:var(--muted);font-size:12px;line-height:1.35;overflow:hidden}.lesson-prep-task strong{font-size:14px}.lesson-prep-task small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.lesson-prep-task-actions{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.lesson-prep-task-actions button{flex:150px;min-height:34px}.lesson-prep-add-task-button{border-radius:9px;justify-content:center;align-items:center;gap:6px;font-weight:800;display:inline-flex}.lesson-prep-add-task-button span{font-size:18px;line-height:1}.lesson-prep-file-picker input[type=file]{border:1px dashed var(--line);background:var(--surface);border-radius:8px;min-height:36px;padding:7px}.lesson-prep-own-task{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--accent-soft) 36%, var(--surface));border-radius:10px;gap:8px;margin:8px 0 12px;padding:12px;display:grid}.lesson-prep-own-task label{color:var(--muted);gap:4px;font-size:12px;font-weight:800;display:grid}.lesson-prep-own-task input,.lesson-prep-own-task textarea,.lesson-prep-own-task select{width:100%;min-width:0}.lesson-prep-own-task>div{flex-wrap:wrap;gap:6px;display:flex}.lesson-prep-own-task>.lesson-prep-own-task-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lesson-prep-selected,.lesson-prep-checklist{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:8px;padding:12px;display:grid}.lesson-prep-selected>span,.lesson-prep-checklist>span{color:var(--muted);font-size:13px;line-height:1.4}.lesson-prep-selected div{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.lesson-prep-order-actions{gap:4px;display:flex}.lesson-prep-order-actions button{border:1px solid var(--line);background:var(--surface);width:28px;height:28px;color:var(--text);border-radius:7px;place-items:center;padding:0;display:grid}.lesson-prep-order-actions .lesson-prep-remove-task{width:auto;color:var(--rose);padding:0 8px}.lesson-prep-order-actions button:disabled{opacity:.35}.lesson-prep-selected b{background:var(--accent-soft);width:24px;height:24px;color:var(--accent-strong);border-radius:999px;place-items:center;font-size:12px;display:grid}.lesson-prep-selected div span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.lesson-prep-checklist span{padding-left:20px;position:relative}.lesson-prep-checklist span:before{content:"";border:1px solid var(--line);border-radius:999px;width:12px;height:12px;position:absolute;top:2px;left:0}.lesson-prep-checklist span.done{color:var(--text)}.lesson-prep-checklist span.done:before{border-color:var(--fresh);background:var(--fresh);box-shadow:inset 0 0 0 3px var(--surface)}.lesson-prep-result,.lesson-prep-empty{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:8px;padding:16px;display:grid}.lesson-prep-empty{background:var(--surface);max-width:620px;box-shadow:var(--shadow);margin:60px auto}.lesson-prep-result span,.lesson-prep-empty p{color:var(--muted);line-height:1.5}.lesson-prep-submit{z-index:2;width:100%;box-shadow:0 -10px 18px color-mix(in srgb, var(--surface) 82%, transparent)}.lesson-prep-error{background:color-mix(in srgb, #c84b4b 9%, var(--surface));color:#a62f2f;border:1px solid #c84b4b47;border-radius:10px;padding:11px 12px;font-size:13px;line-height:1.45}.lesson-prep-schedule-warning{background:color-mix(in srgb, #f1a33d 11%, var(--surface));color:var(--text);border:1px solid #d88a2552;border-radius:10px;gap:3px;padding:11px 12px;display:grid}.lesson-prep-schedule-warning strong{font-size:13px}.lesson-prep-schedule-warning span{color:var(--muted);font-size:12px;line-height:1.45}.lesson-prep-confirm-backdrop{z-index:20200}.lesson-prep-confirm{gap:12px;width:min(560px,100vw - 32px);display:grid}.lesson-prep-confirm h3,.lesson-prep-confirm p{margin:0}.lesson-prep-confirm>p:not(.eyebrow){color:var(--muted);line-height:1.5}.lesson-prep-confirm>div{flex-wrap:wrap;gap:9px;display:flex}.review-finish-confirm{width:min(600px,100vw - 32px)}.review-finish-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;display:grid!important}.review-finish-summary span{border:1px solid var(--line);background:var(--surface-2);min-width:0;color:var(--muted);border-radius:8px;gap:3px;padding:12px;font-size:13px;display:grid}.review-finish-summary strong{color:var(--text);font-size:22px}.homework-layout{grid-template-columns:320px minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.homework-mode-tabs{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:6px;margin-top:14px;padding:5px;display:inline-flex}.homework-mode-tabs button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:0 12px;font-size:13px;font-weight:900}.homework-mode-tabs button.active{background:var(--accent-soft);color:var(--accent-strong)}.homework-notification-banner{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent-soft) 42%, var(--surface));border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:12px 14px;display:flex}.homework-notification-banner>div{gap:3px;display:grid}.homework-notification-banner span,.homework-group-hint{color:var(--muted);font-size:13px;line-height:1.45}.homework-group-hint{background:var(--surface-2);border-radius:8px;padding:10px 12px}.homework-builder{grid-template-columns:360px 1fr;align-items:start;min-width:0}.homework-builder:not(.open){grid-template-columns:minmax(0,1fr)}.homework-list-panel{align-self:start;max-height:calc(100vh - 260px);position:sticky;top:18px;overflow:hidden}.homework-summary-strip{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-top:14px;display:grid}.homework-summary-strip button{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:58px;color:var(--text);text-align:left;border-radius:8px;gap:3px;padding:7px;display:grid}.homework-summary-strip button.active{border-color:var(--accent);background:var(--accent-soft)}.homework-summary-strip strong{font-size:20px;line-height:1}.homework-summary-strip span{color:var(--muted);overflow-wrap:anywhere;font-size:11px;font-weight:800;line-height:1.2}.homework-list{gap:10px;max-height:calc(100vh - 510px);margin-top:16px;padding-right:2px;display:grid;overflow:auto}.homework-search{color:var(--muted);gap:6px;margin-top:14px;font-size:12px;font-weight:800;display:grid}.homework-search input{width:100%}.status-filter{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.status-filter button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text);border-radius:8px;padding:0 12px;font-size:13px;font-weight:700}.status-filter button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.homework-row{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:8px;padding:10px;display:grid}.homework-row.active{border-color:var(--accent);background:var(--accent-soft)}.homework-row>button:first-child{color:var(--text);text-align:left;background:0 0;border:0;gap:4px;padding:0;display:grid}.homework-row span{color:var(--muted);font-size:13px}.homework-row small{color:var(--muted);font-size:12px;font-weight:800}.homework-row-actions,.homework-form-actions{flex-wrap:wrap;gap:8px;display:flex}.homework-row-actions>*{flex:110px}.homework-instructions{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--text);border-radius:0 8px 8px 0;margin:14px 0 0;padding:12px 14px;line-height:1.5}.homework-journal-focus{min-height:340px}.homework-focus-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.homework-focus-grid article{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.homework-focus-grid span{color:var(--muted);font-size:12px;font-weight:800}.homework-focus-grid strong{overflow-wrap:anywhere;font-size:18px}.homework-journal-actions,.homework-builder-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.homework-create-panel{position:sticky;top:18px}.homework-form-actions>*{flex:150px}.homework-locked-note,.homework-share-placeholder{border:1px dashed color-mix(in srgb, var(--accent) 38%, var(--line));background:color-mix(in srgb, var(--accent-soft) 44%, var(--surface));border-radius:8px;gap:7px;padding:14px;display:grid}.homework-locked-note span,.homework-share-placeholder span{color:var(--muted);font-size:13px;line-height:1.45}.homework-locked-note button{width:fit-content}.homework-state-badge{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:900}.homework-state-badge.locked{background:color-mix(in srgb, var(--fresh) 14%, var(--surface));color:var(--fresh-strong)}.homework-share-placeholder{margin-top:18px}.form-panel{align-content:start;gap:14px;display:grid}.form-panel label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}.student-form{align-self:start;position:sticky;top:18px}.student-form textarea{resize:vertical}.student-progress-explainer{border:1px dashed color-mix(in srgb, var(--accent) 34%, var(--line));background:color-mix(in srgb, var(--accent-soft) 28%, var(--surface));border-radius:10px;gap:5px;padding:12px;display:grid}.student-progress-explainer span{color:var(--muted);font-size:12px;line-height:1.4}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.task-list{padding-left:22px}.task-list li{border-bottom:1px solid var(--line);padding:10px 0}.selected-task-list{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.selected-task-list li{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.selected-task-list span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.45;display:block}.empty-state{border:1px dashed var(--line);color:var(--muted);border-radius:8px;gap:6px;margin-top:16px;padding:18px;display:grid}.empty-state strong{color:var(--text)}.homework-lifecycle,.student-homework-status{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:14px;display:flex}.student-homework-brief{grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:10px;margin-top:12px;display:grid}.student-homework-brief>div{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:5px;min-width:0;padding:13px 14px;display:grid}.student-homework-brief span{color:var(--muted);font-size:12px;font-weight:800}.student-homework-brief p{margin:0;line-height:1.5}.homework-submit-error{border:1px solid color-mix(in srgb, #c84b4b 30%, var(--line));background:color-mix(in srgb, #c84b4b 9%, var(--surface));color:#a62f2f;border-radius:8px;padding:11px 12px;font-size:13px;font-weight:800}.homework-lifecycle div,.student-homework-status div{gap:4px;display:grid}.homework-lifecycle span,.student-homework-status p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.student-review-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.student-review-summary div{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:4px;padding:12px;display:grid}.student-review-summary span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.student-review-summary strong{font-size:24px}.revision-focus-note{border:1px solid color-mix(in srgb, var(--warm) 44%, var(--line));background:color-mix(in srgb, var(--warm) 12%, var(--surface));border-radius:8px;gap:4px;margin-top:12px;padding:12px 14px;display:grid}.revision-focus-note span{color:var(--muted);font-size:13px;line-height:1.45}.submission-card,.review-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:18px;display:grid}.submission-card p,.review-card p{line-height:1.5}.review-card{grid-template-columns:minmax(0,1fr) 320px}.answer-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.answer-compare div{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:5px;padding:12px;display:grid}.answer-compare span,.answer-compare small{color:var(--muted);font-size:13px}.review-controls{align-content:start;gap:12px;display:grid}.review-summary{flex-wrap:wrap;gap:8px;margin:14px 0 4px;display:flex}.review-summary span{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--muted);border-radius:8px;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.review-queue-view,.review-detail-view{width:100%;max-width:none}.review-queue-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.review-queue-metrics button{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);text-align:left;border-radius:8px;gap:4px;padding:14px;display:grid}.review-queue-metrics button.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow)}.review-queue-metrics button.attention strong{color:#b45309}.review-queue-metrics button.success strong{color:var(--fresh-strong)}.review-queue-metrics span,.review-queue-metrics small{color:var(--muted);font-weight:800}.review-queue-metrics strong{font-size:30px;line-height:1}.review-queue-toolbar{justify-content:space-between;align-items:end;gap:14px;margin-top:14px;display:flex}.review-queue-toolbar .homework-mode-tabs{margin-top:0}.review-queue-search{width:min(360px,100%);color:var(--muted);gap:5px;font-size:12px;font-weight:800;display:grid}.review-queue-list{gap:10px;margin-top:14px;display:grid}.review-queue-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px;display:grid}.review-queue-card.submitted{border-left:4px solid var(--warm)}.review-queue-card.revision{border-left:4px solid var(--accent)}.review-queue-card.reviewed{border-left:4px solid var(--fresh)}.review-queue-card-main{min-width:0}.review-queue-card h3{margin:8px 0 2px}.review-queue-card p{color:var(--muted);margin:0}.review-queue-card-stats{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:13px;display:flex}.review-queue-card-stats span{gap:4px;display:inline-flex}.review-queue-card-stats strong{color:var(--text)}.review-overdue-tag{background:color-mix(in srgb, #c84b4b 12%, var(--surface));color:#a62f2f}.review-queue-empty{justify-items:start}.review-progress-panel,.review-homework-context{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:13px 14px;display:flex}.review-progress-panel>div{gap:4px;display:grid}.review-progress-panel span,.review-homework-context{color:var(--muted);font-size:13px;line-height:1.45}.review-homework-context{flex-wrap:wrap;justify-content:flex-start}.review-homework-context strong{color:var(--text)}.review-control-error{color:#a62f2f;font-size:12px;font-weight:800}.student-result-card{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:var(--accent-soft);border-radius:8px;gap:8px;margin-top:12px;padding:12px;display:grid}.student-result-card span,.student-result-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.student-result-card .ghost-button{justify-self:start;min-height:32px;padding:0 11px;font-size:12px}.student-result-card.correct{border-color:color-mix(in srgb, var(--fresh) 46%, var(--line));background:color-mix(in srgb, var(--mint-soft) 72%, var(--surface))}.student-result-card.incorrect,.student-result-card.review{border-color:color-mix(in srgb, var(--warm) 50%, var(--line));background:color-mix(in srgb, var(--warm) 14%, var(--surface))}.attempt-history{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:12px;margin-top:14px;padding:16px;display:grid}.attempt-history.empty{color:var(--muted)}.attempt-list{gap:10px;display:grid}.attempt-card{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:10px;padding:12px;display:grid}.attempt-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.attempt-head span,.attempt-answer span,.attempt-answer small{color:var(--muted);font-size:13px}.attempt-answer-list{gap:8px;display:grid}.attempt-answer{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:4px;padding:10px;display:grid}.notice{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;margin-top:14px;padding:12px 14px}.share-box{border:1px dashed var(--accent);background:var(--accent-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:12px;display:flex}.homework-share-panel{grid-template-columns:minmax(180px,.7fr) minmax(240px,1.3fr);align-items:stretch;display:grid}.homework-share-panel small{color:var(--muted);grid-column:1/-1;font-size:13px}.share-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:8px;min-width:0;padding:12px;display:grid}.share-item span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.share-item strong{overflow-wrap:anywhere;min-width:0;font-size:16px}.lesson-toolbar{margin-bottom:16px}.tool.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.lesson-workspace{grid-template-columns:300px 1fr;align-items:stretch}.standalone-board-hint{color:var(--muted);margin-top:6px;display:block}.standalone-board-workspace{grid-template-columns:minmax(0,1fr)}.standalone-board-view .board-wrap canvas{height:min(72vh,760px)}.standalone-excalidraw-view .class-board-commandbar{justify-content:space-between;align-items:center;display:flex}.standalone-board-save-status{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--muted);border-radius:999px;align-items:center;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.standalone-board-save-status.saving{color:var(--accent-strong)}.group-lesson-view.board-fullscreen .standalone-excalidraw-canvas{height:calc(100vh - 106px)}.problem-panel{padding:18px}.problem{text-align:left;width:100%;height:auto;min-height:48px;margin-top:10px}.problem.active{border-color:var(--accent);background:var(--accent-soft)}.board-wrap{border:1px solid var(--line);box-shadow:var(--shadow);background:#fbfcff;border-radius:8px;overflow:hidden}canvas{touch-action:none;width:100%;height:min(66vh,720px);display:block}@media (width<=1100px){.group-list-panel{max-height:none;display:grid;position:static;overflow:visible}.group-list-panel .group-list{max-height:min(44vh,420px)}.task-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.task-reset-filters{width:100%}.metrics,.topic-grid,.task-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.teacher-start-panel,.teacher-next-steps,.teacher-class-grid,.pricing-proof-grid,.pricing-result-strip,.students-layout,.students-layout.extended,.homework-layout,.homework-builder,.lesson-workspace,.groups-layout,.classroom-layout,.classroom-hero,.create-class-grid,.create-class-pickers,.create-class-type-picker>div,.classroom-modules,.classroom-schedule-grid,.schedule-fields,.classroom-assignment-board,.classroom-assignment-columns,.classroom-material-grid,.class-journal-empty-steps,.classroom-board-preview,.class-board-overview,.class-board-support-grid,.classroom-progress-row,.class-progress-metrics,.class-progress-overview,.class-progress-insights,.class-progress-row,.class-topic-progress-row,.class-lesson-row,.class-material-form,.group-columns,.group-lesson-layout,.class-board-layout,.admin-kpi-grid,.admin-toolbar,.admin-control-grid,.admin-cabinet-grid,.admin-teacher-section-summary,.admin-teacher-card,.admin-preview-columns,.admin-teacher-profile,.admin-teacher-value-row,.admin-teacher-detail-grid,.admin-teacher-detail-grid.three,.admin-teacher-management-grid,.admin-detail-metric-grid,.admin-leads-layout,.admin-lead-metrics,.admin-lead-pipeline,.admin-finance-layout,.admin-finance-grid,.admin-funnel-grid,.group-lesson-tasks,.task-management-layout,.lesson-prep-layout,.lesson-prep-grid,.lesson-prep-status-grid,.lesson-prep-scenarios,.review-card,.home-hero,.landing-hero,.landing-metrics-strip,.clarity-bridge-section,.parent-proof-section,.educator-offer-section,.educator-benefit-grid,.teacher-demo-section,.landing-stack-section,.stack-compare,.platform-modules-grid,.growth-grid,.pricing-grid,.pricing-guide-grid,.blog-directory-grid,.blog-article-grid,.deep-seo-grid,.landing-scenario-section,.landing-scenario-panels,.clarity-bridge-compare,.landing-proof-map-section,.landing-proof-map,.thank-you-section,.thank-you-steps,.seo-text-section,.seo-landing-section,.seo-landing-grid,.seo-hub-group,.seo-hub-grid,.solutions-directory-grid,.for-everyone-grid,.learning-steps-grid,.inside-platform-section,.inside-platform-board article,.home-testimonials-grid,.free-lesson-section,.faq-layout,.faq-grid,.testimonial-grid,.replace-chaos-compare,.landing-audience-grid,.landing-route-grid,.landing-conversion-grid,.diagnostic-section,.diagnostic-steps,.diagnostic-quiz-section,.quiz-grid,.flow-steps,.revenue-section,.proof-section,.final-cta-section,.login-dock,.home-feature-grid,.marketplace-layout,.teacher-profile-section,.teacher-catalog,.student-hero,.filter-bar{grid-template-columns:1fr}.login-role-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-card-mini-grid{grid-template-columns:1fr}.admin-panel-head{align-items:stretch}.admin-panel-controls{justify-content:stretch}.admin-panel-controls label{flex:180px}.admin-teacher-card{align-items:stretch}.admin-teacher-card-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-teacher-card .teacher-application-actions,.admin-teacher-card .teacher-application-actions .primary-button{width:100%}.classroom-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow-x:visible}.classroom-tabs button{white-space:normal;width:100%;min-height:38px}.admin-teacher-main-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-teacher-detail-backdrop{align-items:start;padding:10px}.admin-teacher-detail{border-radius:12px;max-height:calc(100vh - 20px);padding:14px}.admin-detail-list div{grid-template-columns:1fr;gap:3px}.admin-task-row{grid-template-columns:1fr}.admin-finance-layout>.classroom-tab-panel:first-child{grid-row:auto}.inside-platform-board:before{display:none}.inside-platform-board article{padding-left:18px}.inside-platform-board article:before{display:none}.teacher-demo-preview{min-height:auto}.teacher-demo-card{width:100%;margin-top:12px;position:static}.teacher-onboarding-panel{flex-direction:column;align-items:stretch}.teacher-onboarding-actions{justify-content:stretch}.teacher-onboarding-actions button{flex:180px}.class-board-layout{display:block}.class-board-canvas{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;height:auto;min-height:auto;overflow:visible}.class-board-stage{grid-area:1/1;min-height:0}.class-board-pages{max-width:min(320px,100% - 20px);padding:6px;bottom:54px;left:10px}.excalidraw-board-shell{width:100%;height:68vh;min-height:520px;margin-left:0;position:relative;inset:auto}.vector-board-tool-rail{top:10px;left:10px}.lesson-now-task-popover{left:0;right:auto}.class-board-quick-actions{justify-content:flex-start}.class-board-call-panel{width:auto;height:min(76vh,680px);bottom:10px;left:10px;right:10px}.class-board-video-frame{min-height:300px}.class-board-call-minimized{max-width:none;bottom:10px;left:10px;right:10px}.landing-scenario-panels{padding-top:0}.homework-share-panel,.lesson-entry-hero,.lesson-entry-grid,.lesson-video-shell,.lesson-entry-current{grid-template-columns:1fr}.lesson-entry-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-entry-current-actions{justify-content:flex-start}.lesson-entry-call .class-board-video-frame,.lesson-entry-board-frame{height:58vh;min-height:300px}.lesson-entry-call .lesson-video-frame{height:52vh;min-height:320px}.class-board-call-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.class-board-finish-panel{grid-template-columns:1fr;align-items:stretch}.class-board-finish-actions{justify-content:flex-start}.home-topbar{grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:12px;padding:10px 14px;display:grid;position:sticky}.mobile-menu-toggle{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:color-mix(in srgb, var(--surface) 92%, var(--accent-soft));width:46px;height:42px;color:var(--accent-strong);box-shadow:0 12px 24px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:inline-flex}.mobile-menu-toggle span{background:currentColor;border-radius:999px;width:20px;height:2px;transition:transform .18s,opacity .18s;display:block}.home-topbar.menu-open .mobile-menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.home-topbar.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.home-topbar.menu-open .mobile-menu-toggle span:last-child{transform:translateY(-7px)rotate(-45deg)}.home-nav,.home-topbar .topbar-actions{grid-column:1/-1;width:100%;display:none}.home-topbar.menu-open .home-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 0 0;display:grid;overflow:visible}.home-topbar.menu-open .topbar-actions{display:grid}.home-nav a{border:1px solid var(--line);background:var(--surface);min-height:42px}.home-topbar .topbar-actions{flex-wrap:initial;grid-template-columns:minmax(110px,1fr) 48px minmax(0,1fr) minmax(0,1fr);padding-top:2px}.home-topbar:not(.menu-open) .topbar-actions{display:none}.home-topbar .topbar-actions>button,.home-topbar .topbar-actions>label{width:100%}.task-form{position:static}}@media (width<=760px){.class-board-chat-panel{z-index:96;border:1px solid var(--line);border-radius:8px;grid-row:auto;width:auto;height:auto;max-height:min(62vh,440px);position:fixed;bottom:10px;left:10px;right:10px;transform:translateY(18px);box-shadow:0 -18px 44px #24133f2e}.class-board-chat-panel.open{transform:translateY(0)}.class-board-chat-list{grid-auto-columns:auto;grid-auto-flow:row;overflow:hidden auto}.class-board-chat-form,.app-shell{grid-template-columns:1fr}.sidebar{z-index:5;border-right:0;border-bottom:1px solid var(--line);width:100%;min-width:0;position:sticky;top:0}.sidebar>*{min-width:0}.nav{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px;padding-bottom:0;overflow:visible}.nav-item{text-align:center;justify-content:center;min-height:38px;padding:0 10px}.workspace,.student-workspace,.home-workspace{width:100%;padding:16px}.lesson-prep-task-list{max-height:none;overflow:visible}.panel{padding:16px}.lesson-prep-main,.lesson-prep-side,.lesson-prep-layout>*{width:100%;max-width:100%}.lesson-prep-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-prep-scenarios button,.lesson-prep-focus button{white-space:normal;min-height:38px;padding:0 8px}.topbar,.section-head,.lesson-toolbar,.panel-head,.share-box,.teacher-offer,.homework-lifecycle,.student-homework-status{flex-direction:column;align-items:stretch}.lesson-entry-status-bar{flex-direction:column;align-items:stretch;position:static}.lesson-entry-status-bar>div:last-child{justify-content:flex-start}.lesson-prep-view .panel-head{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;min-width:0;max-width:100%}.lesson-prep-view .panel-head>div{flex:1 1 0;min-width:0}.lesson-prep-view .panel-head .status-pill{flex:none;width:auto;max-width:100%}.lesson-prep-side .panel-head{grid-template-columns:1fr;place-items:flex-start;width:100%;display:grid}.metrics,.metrics.compact,.lesson-now-metrics,.live-task-status-board,.class-journal-people,.lesson-summary-stats,.lesson-summary-autofill-grid,.lesson-summary-people,.student-review-summary,.group-status-grid,.request-status-grid,.request-detail-grid,.quiz-request-summary,.payment-summary,.paid-plan-card,.topic-grid,.task-bank-grid,.student-summary,.student-summary-grid,.home-stats,.teacher-profile-facts,.answer-compare,.diagnostic-form-grid{grid-template-columns:1fr}.diagnostic-form-grid .diagnostic-field-wide{grid-column:auto}.test-lesson-before{flex-direction:column;align-items:stretch}.home-topbar{grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:12px;padding:10px 14px;display:grid;position:sticky}.student-topbar{flex-direction:column;align-items:stretch;display:flex;position:static}.mobile-menu-toggle{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:color-mix(in srgb, var(--surface) 92%, var(--accent-soft));width:46px;height:42px;color:var(--accent-strong);box-shadow:0 12px 24px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:inline-flex}.mobile-menu-toggle span{background:currentColor;border-radius:999px;width:20px;height:2px;transition:transform .18s,opacity .18s;display:block}.home-topbar.menu-open .mobile-menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.home-topbar.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.home-topbar.menu-open .mobile-menu-toggle span:last-child{transform:translateY(-7px)rotate(-45deg)}.home-nav,.home-topbar .topbar-actions{grid-column:1/-1;width:100%;display:none}.home-topbar.menu-open .home-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 0 0;display:grid;overflow:visible}.home-topbar.menu-open .topbar-actions{display:grid}.home-nav a{border:1px solid var(--line);background:var(--surface);min-height:42px}.floating-contact-actions{display:none}.home-topbar .topbar-actions{flex-wrap:initial;grid-template-columns:minmax(82px,1fr) 48px minmax(0,1fr) minmax(0,1fr);padding-top:2px;display:grid}.home-topbar:not(.menu-open) .topbar-actions{display:none}.home-topbar .topbar-actions>button,.home-topbar .topbar-actions>label{width:100%}.landing-footer{grid-template-columns:1fr;align-items:start}.landing-footer nav{justify-content:flex-start}.footer-contact,.footer-contact small{text-align:left;justify-self:start;justify-items:start}.lesson-row,.homework-queue-row,.selected-task-list li,.student-homework-row,.group-student-row,.topic-progress-row,.teacher-card-actions,.answer-row{grid-template-columns:1fr}.topic-score{text-align:left}.student-homework-actions{justify-content:flex-start}.topbar-actions,.home-actions,.educator-actions,.form-actions,.student-homework-actions,.topbar-actions>button,.topbar-actions>label,.home-actions>button,.home-actions>a,.inline-trial-cta>button,.teacher-start-actions>button,.teacher-card-actions>button,.final-cta-actions>button,.final-cta-actions>a,.free-lesson-section>a,.seo-hub-actions>a,.landing-route-grid button,.landing-route-grid a,.form-actions>button,.student-homework-actions>button{width:100%}.inline-trial-cta{gap:16px;display:grid}.lead-toast{width:auto;top:10px;left:10px;right:10px}.trial-modal-backdrop{align-items:flex-start;padding:10px}.trial-modal{width:100%}.modal-trial-form{grid-template-columns:1fr;gap:14px;padding:58px 16px 16px}.modal-trial-intro{padding:16px}.trial-form-fields{grid-template-columns:1fr}.home-copy,.landing-copy,.marketplace-section,.teacher-profile-section,.hero-preview,.hero-family-shot,.student-card,.panel,.metric,.submission-card,.review-card{padding:16px}.home-copy h1,.landing-copy h1,.student-hero h1,.topbar h1{font-size:28px;line-height:1.15}.landing-copy h1{overflow-wrap:anywhere;display:block}.landing-copy h1 span,.landing-copy p{overflow-wrap:anywhere}.hero-family-shot{width:100%;height:260px;min-height:0}.landing-hero,.landing-hero.hero-teachers,.landing-hero.hero-problem,.landing-hero.hero-exam{grid-template-columns:1fr}.landing-hero{gap:16px;margin-bottom:34px}.for-everyone-grid:before,.for-everyone-grid article:after,.learning-steps-grid:before{display:none}.hero-scenario-actions{grid-template-columns:1fr;display:grid}.hero-scenario-actions a,.hero-scenario-actions button{white-space:normal;min-height:68px}.chapter-divider{grid-template-columns:1fr;gap:8px;margin:0 0 18px}.chapter-divider:before{display:none}.chapter-divider strong{background:0 0;padding:0;font-size:14px}.landing-copy{gap:0}.landing-copy p{font-size:16px;line-height:1.45}.landing-trust-row{gap:6px;margin-top:16px}.landing-trust-row span{min-height:30px;padding:6px 9px;font-size:12px}.parent-note{margin-top:12px;padding:11px 12px}.parent-note span{font-size:13px}.hero-floating-card{padding:10px 12px}.hero-floating-card.top{top:14px;left:14px}.hero-floating-card.bottom{bottom:14px;right:14px}.attempt-head{flex-direction:column;align-items:flex-start}canvas{height:min(58vh,520px)}}@media (width<=900px){.teacher-operating-grid,.teacher-funnel-steps,.diagnostic-report-hero,.diagnostic-report-grid,.diagnostic-report-topic-list,.diagnostic-report-two-columns,.diagnostic-report-plan,.paid-client-path,.paid-plan-card{grid-template-columns:1fr}.diagnostic-report-hero aside,.diagnostic-report-plan-card{align-content:start}.teacher-schedule-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=460px){.diagnostic-report-page{padding:14px 12px 32px}.diagnostic-report-topbar{flex-direction:column;align-items:flex-start}.diagnostic-report-topbar .topbar-actions,.diagnostic-report-actions,.diagnostic-report-topbar .topbar-actions>button,.diagnostic-report-actions>button,.diagnostic-report-hero aside .primary-button{width:100%}.diagnostic-report-hero,.diagnostic-report-section,.diagnostic-report-plan,.diagnostic-report-missing{padding:16px}.diagnostic-report-meta span{width:100%}.brand{align-items:flex-start}.brand-mark{width:48px;min-width:48px;height:40px}.brand-mark-svg{width:48px;height:40px}.metrics,.home-stats,.student-summary-grid{gap:10px}.metric strong{font-size:26px}.status-filter button{flex:130px}}.admin-shell{min-width:320px;padding-bottom:48px;display:block}.admin-shell>:not(.marketing-header){width:min(1480px,100% - 48px);margin-left:auto;margin-right:auto}.admin-shell>.section-head{margin-top:28px;margin-bottom:18px}.admin-shell>.admin-kpi-grid,.admin-shell>.admin-toolbar,.admin-shell>.admin-control-grid,.admin-shell>.classroom-tab-panel,.admin-shell>.admin-finance-layout,.admin-shell>.admin-leads-layout,.admin-shell>.admin-cabinet-panel,.admin-shell>.access-notice,.admin-shell>.empty-state{margin-top:16px}.admin-shell .marketing-header{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:12px max(24px,50vw - 740px);display:flex;position:relative;box-shadow:0 8px 24px #573a780f}.admin-shell .marketing-header nav,.admin-shell .brand-button{align-items:center;gap:10px;display:flex}.admin-shell .brand-button{color:var(--text);background:0 0;border:0;padding:4px 8px;font-size:18px;font-weight:900}.admin-shell .brand-button svg{width:48px;height:40px}.admin-shell .metric-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-content:start;gap:7px;min-width:0;min-height:126px;padding:18px 18px 16px 22px;display:grid;box-shadow:0 12px 30px #573a7812}.admin-shell .metric-card>span,.admin-shell .metric-card>small{color:var(--muted);line-height:1.35;display:block}.admin-shell .metric-card>span{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:900}.admin-shell .metric-card>strong{overflow-wrap:anywhere;color:var(--text);font-size:clamp(24px,2vw,32px);line-height:1.05;display:block}.admin-shell .admin-toolbar{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:stretch;padding:12px;box-shadow:0 10px 26px #573a780f}.admin-shell .admin-search{align-content:end}.admin-shell .portal-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:18px;max-width:620px;margin-top:clamp(48px,10vh,110px);padding:clamp(24px,4vw,42px);display:grid;box-shadow:0 24px 70px #573a7824}.admin-shell .lead-form.compact{gap:14px;display:grid}.admin-shell .lead-form.compact label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.admin-shell .lead-form.compact input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:46px;color:var(--text);border-radius:10px;padding:0 14px}@media (width<=1100px){.admin-shell>:not(.marketing-header){width:min(100% - 32px,900px)}.admin-shell .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.admin-shell>:not(.marketing-header){width:calc(100% - 24px)}.admin-shell .marketing-header{flex-direction:column;align-items:stretch;padding:10px 12px}.admin-shell .marketing-header nav{flex-wrap:wrap;justify-content:flex-start}.admin-shell .admin-kpi-grid,.admin-shell .admin-teacher-section-summary{grid-template-columns:1fr}.admin-shell .admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-shell .admin-tabs button,.admin-shell .admin-panel-controls label{width:100%}.admin-shell .portal-card{margin-top:28px;padding:22px 18px}}body[data-role=teacher] .dashboard-duplicate-block{display:none}body[data-role=teacher] .teacher-class-hub{padding:22px}body[data-role=teacher] .teacher-class-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.teacher-next-test{border-left:5px solid #7c4dff;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;display:flex}body[data-role=teacher] .teacher-onboarding-panel{padding:18px 24px}body[data-role=teacher] .teacher-funnel-steps button{text-align:left;cursor:pointer;background:linear-gradient(145deg,#fff,#f7f2ff);border:1px solid #704eaa29;border-radius:16px;padding:16px}.workspace-view{min-width:0;padding:28px}.lesson-workspace-switcher{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.lesson-workspace-switcher button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 12px}.lesson-workspace-switcher button.active{background:var(--accent);color:#fff;font-weight:800}@media (width<=1500px){.simple-lesson-board-navigation{width:min(520px,100% - 510px);left:calc(50% - 245px)}.group-lesson-view.board-fullscreen .class-board-commandbar{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto}.group-lesson-view.board-fullscreen .class-board-commandbar-main{flex-wrap:nowrap;grid-column:1}.group-lesson-view.board-fullscreen .class-board-header .tools{flex-wrap:nowrap;grid-area:1/2;max-width:min(760px,58vw)}.group-lesson-view.board-fullscreen .lesson-status-indicator,.group-lesson-view.board-fullscreen .lesson-pointer-button{display:none}.group-lesson-view.board-fullscreen .lesson-flow-steps{grid-area:2/1/auto/-1}}@media (width<=1250px){.group-lesson-view.board-fullscreen .lesson-pointer-button,.group-lesson-view.board-fullscreen .lesson-status-indicator{display:none}.group-lesson-view.board-fullscreen .class-board-commandbar-title{min-width:130px;max-width:190px}.group-lesson-view.board-fullscreen .class-board-header .tools{max-width:min(560px,52vw)}}@media (width>=1280px) and (width<=2200px){.group-lesson-view.board-fullscreen{padding:16px 18px}.group-lesson-view.board-fullscreen .class-board-header{margin-bottom:12px;padding:7px 10px}.group-lesson-view.board-fullscreen .class-board-commandbar{grid-template-columns:max-content minmax(0,1fr);column-gap:14px}.group-lesson-view.board-fullscreen .class-board-commandbar-main{gap:14px}.group-lesson-view.board-fullscreen .class-board-header .tools{justify-content:flex-start;justify-self:start;gap:9px;max-width:100%}.group-lesson-view.board-fullscreen .lesson-flow-steps{gap:8px}.group-lesson-view.board-fullscreen .lesson-flow-steps button:after{width:8px;right:-9px}}@media (width<=980px){.simple-lesson-board-navigation{width:auto;min-width:0;left:14px;right:14px;transform:none}}@media (width<=900px){.group-lesson-view.board-fullscreen .class-board-commandbar{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr)}.group-lesson-view.board-fullscreen .class-board-commandbar-main,.group-lesson-view.board-fullscreen .class-board-header .tools,.group-lesson-view.board-fullscreen .lesson-flow-steps{grid-column:1;max-width:100%}.group-lesson-view.board-fullscreen .class-board-header .tools{flex-wrap:wrap;grid-row:2}.group-lesson-view.board-fullscreen .lesson-flow-steps{grid-row:3}}@media (width<=700px){.simple-lesson-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.simple-lesson-topbar .brand div{display:grid}.simple-lesson-topbar .topbar-actions{flex-wrap:nowrap;width:auto}.simple-lesson-topbar .topbar-actions>button{width:auto}.student-video-room-button{min-height:36px;padding:0 10px}.simple-lesson-board-navigation{width:auto;min-width:0;left:8px;right:8px;transform:none}.simple-lesson-board-tabs button{font-size:11px}.student-follow-control{padding:0 9px;font-size:11px}}@media (width<=900px){.student-directory-controls{grid-template-columns:1fr;align-items:stretch}.student-directory-count{padding:0 4px 2px}.teacher-today-panel{grid-template-columns:1fr;gap:14px}.teacher-today-panel .primary-button,.dashboard-clear-state .ghost-button{width:100%}.dashboard-clear-state{flex-direction:column;align-items:stretch}.nav-group-label{display:none}}.lesson-workspace-video .class-board-call-panel:not(.is-minimized){grid-template-rows:auto auto auto minmax(0,1fr);overflow:hidden;z-index:20000!important;background:var(--surface)!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:18px 22px 22px!important;display:grid!important;position:fixed!important;inset:0!important;transform:none!important}.group-lesson-view.board-fullscreen.lesson-workspace-video .class-board-call-panel:not(.is-minimized){width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:18px 22px 22px!important;inset:0!important}.group-lesson-view.board-fullscreen .class-board-chat-panel{width:min(390px,100% - 36px);height:min(460px,100% - 36px);max-height:min(460px,100% - 36px);top:auto;bottom:18px;right:18px}.group-lesson-view.board-fullscreen .class-board-call-panel:not(.is-minimized){top:18px;bottom:auto;transform:none}.teacher-chat-call-open:not(.lesson-workspace-video) .class-board-chat-panel.open{z-index:26;left:auto;right:18px}.teacher-chat-call-open:not(.lesson-workspace-video) .class-board-call-panel:not(.is-minimized){width:min(620px,100% - 448px);height:min(720px,100% - 36px);top:18px;bottom:auto;right:18px;transform:none}@media (width<=1100px),(width>=1101px) and (height<=900px){.teacher-chat-call-open:not(.lesson-workspace-video) .class-board-call-panel:not(.is-minimized){width:auto;height:calc(50% - 18px);top:12px;left:12px;right:12px}.teacher-chat-call-open:not(.lesson-workspace-video) .class-board-chat-panel.open{z-index:26;width:auto;height:auto;max-height:none;inset:calc(50% + 6px) 12px 12px}}.group-lesson-view.board-fullscreen .class-board-call-minimized{width:min(300px,100% - 36px);max-width:min(300px,100% - 36px);top:18px;bottom:auto;right:18px}.teacher-chat-call-open .teacher-chat-launcher{bottom:18px}@media (width<=700px){.group-lesson-view.board-fullscreen .class-board-call-minimized{width:min(300px,100% - 24px);max-width:min(300px,100% - 24px);top:12px;right:12px}}.lesson-workspace-video .class-board-call-panel:not(.is-minimized) .class-board-video-frame{border-radius:16px;height:100%;min-height:0;overflow:hidden}.lesson-workspace-video .class-board-call-panel:not(.is-minimized) .vector-livekit-shell,.lesson-workspace-video .class-board-call-panel:not(.is-minimized) .vector-livekit-stage{height:100%;min-height:0}@media (width<=700px){.lesson-workspace-video .class-board-call-panel:not(.is-minimized){padding:12px!important}.lesson-workspace-video .class-board-call-panel:not(.is-minimized) .class-board-call-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-workspace-video .class-board-call-panel:not(.is-minimized) .class-board-call-note{display:none}}.workspace-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.workspace-head h1{margin:2px 0 8px;font-size:clamp(28px,3vw,42px)}.workspace-head>div:first-child>p:last-child{max-width:760px;color:var(--muted);margin:0}.workspace-head-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.calendar-toolbar,.library-toolbar,.global-search{border:1px solid var(--line);background:var(--panel);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:12px;display:flex}.calendar-toolbar>div,.library-toolbar>div,.global-search>div{gap:6px;display:flex}.calendar-toolbar button,.library-toolbar button,.global-search button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 12px}.calendar-toolbar button.active,.library-toolbar button.active,.global-search button.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.workspace-search-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.workspace-search-summary article{border:1px solid var(--line);background:var(--panel);border-radius:15px;gap:4px;padding:15px 17px;display:grid}.workspace-search-summary span{color:var(--muted);font-size:12px;font-weight:800}.workspace-search-summary strong{font-size:22px}.workspace-global-search{flex-wrap:wrap}.workspace-global-search>select{border:1px solid var(--line);background:var(--panel);min-width:160px;color:inherit;border-radius:10px;padding:10px 12px}.workspace-global-search>div{flex-wrap:wrap}.workspace-global-search>.workspace-search-clear{border:1px solid var(--line);background:var(--soft,var(--panel))}.workspace-search-hint{background:var(--soft,var(--accent-soft));color:var(--muted);border-radius:11px;margin:-2px 0 14px;padding:10px 14px;font-size:13px}.calendar-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.calendar-summary article{border:1px solid var(--line);background:var(--panel);border-radius:16px;gap:3px;min-height:98px;padding:16px 18px;display:grid;position:relative;overflow:hidden}.calendar-summary article:before{content:"";background:var(--accent);width:4px;position:absolute;inset:0 auto 0 0}.calendar-summary article.planned:before{background:#7357d6}.calendar-summary article.overdue:before{background:#d97832}.calendar-summary article.completed:before{background:#2d9d73}.calendar-summary span,.calendar-summary small{color:var(--muted)}.calendar-summary strong{font-size:26px;line-height:1}.calendar-grid{gap:8px;display:grid}.calendar-grid.week{grid-template-columns:repeat(7,minmax(130px,1fr));overflow-x:auto}.calendar-grid.month{grid-template-columns:repeat(7,minmax(110px,1fr))}.calendar-grid.day{grid-template-columns:minmax(280px,760px);justify-content:center}.calendar-grid>article{border:1px solid var(--line);background:var(--panel);border-radius:14px;min-height:150px;overflow:hidden}.calendar-grid.month>article{min-height:112px}.calendar-grid>article.today{box-shadow:inset 0 0 0 2px var(--accent)}.calendar-grid>article.today>header{background:var(--accent-soft);color:var(--accent)}.calendar-grid>article.outside{opacity:.45}.calendar-grid article>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.calendar-grid article>div{gap:6px;padding:8px;display:grid}.calendar-grid article>div>button{text-align:left;background:var(--accent-soft);color:inherit;cursor:pointer;border:1px solid #0000;border-left-width:3px;border-radius:10px;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;padding:8px;display:grid}.calendar-grid article>div>button b{color:var(--accent);grid-row:1/3}.calendar-grid article>div>button span{font-weight:700}.calendar-grid article>div>button small{min-width:0;color:var(--muted)}.calendar-grid article>div>button:disabled{cursor:default;opacity:.8}.calendar-event[draggable=true]{cursor:grab}.calendar-event[draggable=true]:active{cursor:grabbing}.calendar-event.planned{border-left-color:#7357d6}.calendar-event.overdue{background:color-mix(in srgb, #d97832 12%, var(--panel));border-color:#d9783247 #d9783247 #d9783247 #d97832}.calendar-event.overdue b{color:#b85b1c}.calendar-event.completed{background:color-mix(in srgb, #2d9d73 10%, var(--panel));border-color:#2d9d7338 #2d9d7338 #2d9d7338 #2d9d73}.calendar-event.completed b{color:#22805d}.calendar-grid.month .calendar-event{grid-template-columns:1fr;gap:2px;padding:6px 7px}.calendar-grid.month .calendar-event b{grid-row:auto}.calendar-grid.month .calendar-event span,.calendar-grid.month .calendar-event small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-grid article>div>.calendar-more-button{text-align:left;width:100%;color:var(--accent);background:0 0;border:0;padding:5px 7px;font-weight:800;display:block}.calendar-empty{color:var(--muted);padding:12px}.calendar-repeat-hint{color:var(--muted);margin:-4px 0 14px;display:block}.calendar-form-error{background:color-mix(in srgb, #d94b4b 10%, var(--panel));color:#b52d2d;border-radius:10px;margin:-2px 0 14px;padding:10px 12px;display:block}.student-form .form-error{background:color-mix(in srgb, #d94b4b 10%, var(--panel));color:#b52d2d;border-radius:10px;margin:0;padding:10px 12px;display:block}.calendar-drop-message{background:color-mix(in srgb, #2d9d73 9%, var(--panel));color:#227453;border:1px solid #2d9d733d;border-radius:12px;margin:0 0 12px;padding:10px 14px}.calendar-event-actions{flex-wrap:wrap;gap:9px;display:flex}.calendar-event-actions>button{flex:160px}.calendar-readonly-note{border:1px solid var(--line);background:var(--soft,var(--accent-soft));border-radius:13px;gap:8px;padding:14px;display:grid}.calendar-readonly-note p{color:var(--muted);margin:0}.calendar-view .workspace-head{margin-bottom:18px}.calendar-commandbar{min-height:62px;box-shadow:0 8px 24px color-mix(in srgb, var(--text) 4%, transparent);border-radius:12px;margin-bottom:10px;padding:9px 10px}.calendar-commandbar>strong{letter-spacing:.01em;font-size:16px}.calendar-period-nav,.calendar-view-switch{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;align-items:center;padding:4px}.calendar-period-nav button:first-child,.calendar-period-nav button:last-child{min-width:38px;font-size:18px}.calendar-period-nav button:nth-child(2){border-inline:1px solid var(--line);border-radius:0}.calendar-view-switch button{min-width:76px}.calendar-view-switch button.active{box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 12%, transparent)}.calendar-view .calendar-summary{gap:8px;margin-bottom:10px}.calendar-view .calendar-summary article{border-radius:12px;min-height:78px;padding:12px 16px}.calendar-view .calendar-summary article:before{width:3px}.calendar-view .calendar-summary span{font-size:12px;font-weight:800}.calendar-view .calendar-summary strong{font-size:24px}.calendar-view .calendar-summary small{font-size:12px}.calendar-legend{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 82%, transparent);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;padding:9px 12px;display:flex}.calendar-legend>div{flex-wrap:wrap;gap:12px;display:flex}.calendar-legend span{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.calendar-legend span:before{content:"";background:var(--accent);border-radius:999px;flex:none;width:8px;height:8px}.calendar-legend span.planned:before{background:#7357d6}.calendar-legend span.overdue:before{background:#d97832}.calendar-legend span.completed:before{background:#2d9d73}.calendar-legend small{color:var(--muted);text-align:right;font-size:12px}.calendar-view .calendar-grid{gap:7px}.calendar-view .calendar-grid.week{grid-template-columns:repeat(7,minmax(150px,1fr));padding-bottom:2px}.calendar-view .calendar-grid>article{min-height:270px;box-shadow:0 8px 22px color-mix(in srgb, var(--text) 3%, transparent);border-radius:10px}.calendar-view .calendar-grid.month>article{min-height:124px}.calendar-view .calendar-grid.day{grid-template-columns:minmax(440px,920px)}.calendar-view .calendar-grid.day>article{min-height:360px}.calendar-view .calendar-grid>article.weekend{background:color-mix(in srgb, var(--accent-soft) 18%, var(--panel))}.calendar-view .calendar-grid>article.today{box-shadow:inset 0 0 0 2px var(--accent), 0 10px 26px color-mix(in srgb, var(--accent) 10%, transparent)}.calendar-view .calendar-grid article>header{background:color-mix(in srgb, var(--surface-2) 72%, var(--panel));grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;min-height:62px;padding:10px 11px;display:grid;position:relative}.calendar-view .calendar-grid article>header>div{align-content:center;gap:2px;min-width:0;display:grid}.calendar-view .calendar-grid article>header span{color:var(--text);text-transform:uppercase;font-size:12px;font-weight:900}.calendar-view .calendar-grid article>header small{color:var(--muted);white-space:nowrap;font-size:11px}.calendar-view .calendar-grid article>header strong{border-radius:10px;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.calendar-view .calendar-grid article>header em{width:fit-content;color:var(--accent);text-transform:uppercase;grid-column:1/-1;font-size:10px;font-style:normal;font-weight:900}.calendar-view .calendar-grid>article.today>header strong{background:var(--accent);color:#fff}.calendar-view .calendar-grid article>div{align-content:start;gap:7px;min-height:0;padding:8px}.calendar-view .calendar-event{border-radius:8px;min-height:66px;padding:9px;transition:transform .16s,box-shadow .16s,border-color .16s}.calendar-view .calendar-event:hover{box-shadow:0 8px 18px color-mix(in srgb, var(--text) 8%, transparent);transform:translateY(-1px)}.calendar-view .calendar-event b{font-size:13px}.calendar-view .calendar-event span{text-overflow:ellipsis;min-width:0;font-size:13px;line-height:1.25;overflow:hidden}.calendar-view .calendar-event small{text-overflow:ellipsis;font-size:11px;line-height:1.3;overflow:hidden}.calendar-view .calendar-empty-add{align-content:center;place-items:center;min-height:104px;display:grid;border:1px dashed var(--line)!important;text-align:center!important;color:var(--muted)!important;background:0 0!important;border-left-width:1px!important;border-radius:8px!important;grid-template-columns:1fr!important;gap:7px!important;padding:14px 8px!important}.calendar-view .calendar-empty-add:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line))!important;background:color-mix(in srgb, var(--accent-soft) 34%, transparent)!important;color:var(--accent-strong)!important}.calendar-view .calendar-empty-add b{background:var(--accent-soft);border-radius:999px;place-items:center;width:30px;height:30px;font-size:20px;line-height:1;display:grid;color:var(--accent-strong)!important}.calendar-view .calendar-empty-add span{font-weight:800;font-size:12px!important}.calendar-view .calendar-empty-past{border:1px dashed var(--line);min-height:104px;color:var(--muted);text-align:center;opacity:.72;border-radius:8px;place-items:center;padding:14px 8px;font-size:12px;display:grid}.calendar-view .calendar-grid.month article>header{min-height:48px;padding:7px 9px}.calendar-view .calendar-grid.month article>header small,.calendar-view .calendar-grid.month article>header em{display:none}.calendar-view .calendar-grid.month article>header strong{width:28px;height:28px;font-size:15px}.calendar-view .calendar-grid.month .calendar-empty-add{opacity:.5;min-height:36px;padding:4px!important}.calendar-view .calendar-grid.month .calendar-empty-add:hover{opacity:1}.calendar-view .calendar-grid.month .calendar-empty-add b{width:24px;height:24px;font-size:16px}.calendar-view .calendar-grid.month .calendar-empty-add span{display:none}.calendar-agenda-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.calendar-agenda-panel{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:0 10px 28px color-mix(in srgb, var(--text) 4%, transparent);border-radius:12px;align-content:start;gap:10px;padding:16px;display:grid}.calendar-agenda-panel.attention{border-color:color-mix(in srgb, #d97832 24%, var(--line))}.calendar-agenda-panel>.panel-head{margin:0}.calendar-agenda-panel h2{margin:2px 0 0;font-size:18px}.calendar-agenda-panel>p{color:var(--muted);margin:-4px 0 0;font-size:12px}.calendar-agenda-list{gap:7px;display:grid}.calendar-agenda-event{border:1px solid var(--line);text-align:left;background:var(--surface-2);width:100%;min-width:0;color:var(--text);cursor:pointer;border-radius:9px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.calendar-agenda-event:hover{border-color:color-mix(in srgb, var(--accent) 32%, var(--line));background:var(--accent-soft)}.calendar-agenda-event time{color:var(--muted);gap:2px;font-size:11px;display:grid}.calendar-agenda-event time strong{color:var(--text);font-size:14px}.calendar-agenda-event>span{gap:3px;min-width:0;display:grid}.calendar-agenda-event>span strong,.calendar-agenda-event>span small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-agenda-event>span strong{font-size:13px}.calendar-agenda-event>span small{color:var(--muted);font-size:11px}.calendar-agenda-event em{background:var(--accent-soft);color:var(--accent-strong);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:900}.calendar-agenda-event.overdue em{background:color-mix(in srgb, #d97832 13%, var(--panel));color:#a84e16}.calendar-agenda-event.completed em{background:color-mix(in srgb, #2d9d73 13%, var(--panel));color:#207553}.calendar-agenda-empty{border:1px dashed var(--line);border-radius:9px;align-content:center;gap:4px;min-height:64px;padding:10px 12px;display:grid}.calendar-agenda-empty span{color:var(--muted);font-size:12px}.calendar-agenda-empty button{width:fit-content;margin-top:7px}.calendar-form-section{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;gap:11px;padding:14px;display:grid}.calendar-form-section>strong{color:var(--accent-strong);text-transform:uppercase;font-size:12px}.calendar-event-overview{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;gap:12px;padding:14px;display:grid}.calendar-event-status{background:var(--accent-soft);width:fit-content;color:var(--accent-strong);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.calendar-event-status.overdue{background:color-mix(in srgb, #d97832 14%, var(--panel));color:#a84e16}.calendar-event-status.completed{background:color-mix(in srgb, #2d9d73 14%, var(--panel));color:#207553}.calendar-event-overview>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.calendar-event-overview>div>span{gap:3px;min-width:0;display:grid}.calendar-event-overview small{color:var(--muted);font-size:11px}.calendar-event-overview strong{overflow-wrap:anywhere;font-size:13px}.calendar-event-modal .calendar-readonly-note{padding:14px}.calendar-event-modal .calendar-readonly-note>strong{font-size:14px}.workspace-form-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ghost-button.success{color:#207553}.workspace-modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#181028a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.workspace-modal{isolation:isolate;border:1px solid color-mix(in srgb, var(--line) 82%, var(--surface));background:var(--surface);border-radius:22px;width:min(620px,100%);max-height:calc(100vh - 40px);padding:24px;overflow:auto;box-shadow:0 32px 90px #140c2861}.workspace-modal form,.workspace-modal>form{gap:16px;display:grid}.workspace-modal label{gap:7px;font-weight:700;display:grid}.workspace-modal input,.workspace-modal select,.workspace-modal textarea{border:1px solid var(--line);background:var(--input,#fff);width:100%;color:inherit;border-radius:11px;padding:11px 12px}.workspace-form-row{grid-template-columns:1fr 1fr .8fr;gap:12px;display:grid}.cabinet-chat-layout{border:1px solid var(--line);background:var(--panel);border-radius:18px;grid-template-columns:minmax(260px,330px) 1fr;height:clamp(590px,100vh - 290px,760px);min-height:0;display:grid;overflow:hidden}.cabinet-chat-layout>aside{border-right:1px solid var(--line);background:var(--soft,#faf8ff);grid-template-rows:auto 1fr;min-width:0;display:grid}.cabinet-chat-search{border-bottom:1px solid var(--line);color:var(--muted);gap:6px;padding:13px;font-size:12px;font-weight:800;display:grid}.cabinet-chat-search input{border:1px solid var(--line);background:var(--input,#fff);width:100%;min-width:0;color:inherit;border-radius:10px;padding:10px 11px}.cabinet-chat-conversations{min-height:0;padding:8px;overflow:auto}.cabinet-chat-conversations>button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.cabinet-chat-conversations>button:hover{background:color-mix(in srgb, var(--accent-soft) 45%, transparent)}.cabinet-chat-conversations>button.active{background:var(--accent-soft)}.cabinet-chat-conversations>button>span:last-child{gap:3px;min-width:0;display:grid}.cabinet-chat-conversations strong,.cabinet-chat-conversations small,.cabinet-chat-conversations em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cabinet-chat-conversations small,.cabinet-chat-conversations em{color:var(--muted);font-size:12px;font-style:normal}.cabinet-chat-conversations>p{color:var(--muted);padding:14px;font-size:13px}.cabinet-chat-avatar{background:var(--panel);width:38px;height:38px;color:var(--accent);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;place-items:center;font-weight:900;display:grid}.cabinet-chat-main{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.cabinet-chat-main>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.cabinet-chat-main>header>div{gap:3px;display:grid}.cabinet-chat-main>header span{color:var(--muted);font-size:13px}.cabinet-chat-status{align-items:center;gap:7px;display:flex}.cabinet-chat-status:before{content:"";background:#a6a0ae;border-radius:50%;flex:none;width:7px;height:7px}.cabinet-chat-status.online:before{background:#23a875;box-shadow:0 0 0 3px #23a87521}.cabinet-chat-status.reconnecting:before{background:#d98b2b;animation:1.1s ease-in-out infinite chat-status-pulse}.cabinet-chat-status.error:before{background:#cf4c58}@keyframes chat-status-pulse{50%{opacity:.35}}.cabinet-chat-target{min-width:190px;color:var(--muted);gap:4px;font-size:11px;font-weight:800;display:grid}.cabinet-chat-main select{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:10px;padding:9px}.cabinet-chat-messages{scroll-behavior:smooth;flex-direction:column;gap:10px;min-height:0;padding:18px;display:flex;overflow:auto}.cabinet-chat-messages article{background:var(--soft,#f4f1fa);border-radius:14px 14px 14px 4px;align-self:flex-start;max-width:min(720px,86%);padding:12px 14px}.cabinet-chat-messages article.teacher{background:var(--accent-soft);border-radius:14px 14px 4px;align-self:flex-end}.cabinet-chat-messages article.system{opacity:.82;max-width:min(620px,82%)}.cabinet-chat-messages article>div{justify-content:space-between;gap:18px;display:flex}.cabinet-chat-messages article p{white-space:pre-wrap;margin:7px 0}.cabinet-chat-messages article time,.cabinet-chat-messages article small{color:var(--muted);font-size:12px}.cabinet-chat-attachment,.lesson-chat-attachment{color:inherit;background:#ffffffa6;border:1px solid #7c3aed2e;border-radius:10px;align-items:center;gap:9px;margin:6px 0 8px;padding:9px 11px;text-decoration:none;display:inline-flex}.cabinet-chat-attachment:hover,.lesson-chat-attachment:hover{border-color:#7c3aed73}.cabinet-chat-attachment>span:last-child{gap:2px;display:grid}.cabinet-chat-attachment small{display:block}.cabinet-chat-main>form .cabinet-chat-attach{white-space:nowrap;align-self:center}.cabinet-chat-main>form{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px 14px;display:grid}.cabinet-chat-compose{gap:4px;min-width:0;display:grid}.cabinet-chat-main textarea{resize:none;border:1px solid var(--line);background:var(--input,#fff);color:inherit;border-radius:12px;padding:12px}.cabinet-chat-compose>div{min-height:15px;color:var(--muted);justify-content:space-between;gap:10px;padding:0 3px;font-size:11px;display:flex}.cabinet-chat-compose>div strong{color:#b52d3d;font-weight:700}.cabinet-chat-retry{align-self:stretch}.library-toolbar>input,.global-search>input{min-width:180px;color:inherit;background:0 0;border:0;outline:0;flex:1;padding:11px 14px;font-size:16px}.library-toolbar>select{border:1px solid var(--line);background:var(--panel);min-width:190px;color:inherit;border-radius:10px;padding:10px 12px}.materials-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.materials-summary article{border:1px solid var(--line);background:var(--panel);border-radius:15px;gap:4px;padding:15px 17px;display:grid}.materials-summary span{color:var(--muted);font-size:12px;font-weight:800}.materials-summary strong{font-size:20px}.materials-notice{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:11px 14px;display:flex}.materials-notice.success{background:color-mix(in srgb, #2d9d73 9%, var(--panel));color:#227453;border-color:#2d9d7347}.materials-notice.error{background:color-mix(in srgb, #cf4c58 9%, var(--panel));color:#a52f3b;border-color:#cf4c5847}.materials-notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.material-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.material-grid>article{border:1px solid var(--line);background:var(--panel);border-radius:16px;grid-template-columns:58px 1fr;gap:14px;padding:16px;display:grid}.material-grid>article.archived{opacity:.78}.material-kind{background:var(--accent-soft);width:58px;height:58px;color:var(--accent);border-radius:14px;place-items:center;font-size:12px;font-weight:900;display:grid}.material-kind.recording{color:#b31c50;background:#ffe8ef}.material-kind.image{color:#087a68;background:#e5f8f3}.material-kind.pdf{color:#b95b23;background:#fff0e7}.material-kind.document{color:#315eaf;background:#e8f0ff}.material-info{gap:4px;min-width:0;display:grid}.material-info>div{align-items:center;gap:7px;min-width:0;display:flex}.material-info>div>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.material-info>div>span{color:#c58b00}.material-info>span,.material-info>small{color:var(--muted)}.material-info>p{color:var(--text);margin:3px 0;line-height:1.4}.material-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.material-actions button,.search-sections article>div button{background:var(--soft,#f3eff9);color:inherit;cursor:pointer;border:0;border-radius:9px;padding:8px 10px}.material-actions button.active,.search-sections article>div button.active{color:#c58b00;background:#fff6d5}.material-actions button.danger{color:#b52d3d;margin-left:auto}.materials-file-note{border:1px solid var(--line);background:var(--soft,var(--accent-soft));border-radius:11px;gap:4px;padding:12px 14px;display:grid}.materials-file-note span{color:var(--muted);font-size:13px}.materials-form-error{background:color-mix(in srgb, #cf4c58 10%, var(--panel));color:#a52f3b;border-radius:10px;padding:10px 12px}.materials-form-actions,.materials-delete-dialog>div:last-child{flex-wrap:wrap;gap:9px;display:flex}.materials-delete-dialog{gap:14px;display:grid}.materials-delete-dialog>p{color:var(--muted);margin:0;line-height:1.5}.workspace-empty{text-align:center;min-height:180px;color:var(--muted);grid-column:1/-1;place-items:center;gap:8px;padding:30px;display:grid}.workspace-empty strong{color:inherit;font-size:18px}.search-sections{gap:20px;display:grid}.search-sections>section{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:18px}.search-sections h2{margin:0 0 10px}.search-sections h2 span{color:var(--muted);font-size:14px}.search-sections article{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.search-sections article.archived{opacity:.78}.search-sections article>button,.search-sections article>a,.search-sections article>div:first-child{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;flex:1;gap:3px;text-decoration:none;display:grid}.search-sections article>button>small,.search-sections article>a>small{background:var(--accent-soft);width:fit-content;color:var(--accent);text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900}.search-sections article span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-sections article>div:last-child{gap:6px;display:flex}.help-view{max-width:1260px;margin:0 auto}.help-mode-tabs{border:1px solid var(--line);background:var(--panel);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:6px;display:grid}.help-mode-tabs button{min-height:46px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:10px 14px;font-weight:900;display:flex}.help-mode-tabs button.active{background:var(--accent-soft);color:var(--accent)}.help-mode-tabs small{background:color-mix(in srgb, var(--panel) 68%, transparent);min-width:28px;color:inherit;border-radius:999px;padding:3px 7px;font-size:11px}.help-reset-row{justify-content:flex-end;margin-bottom:10px;display:flex}.help-video-card{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 62%, var(--panel)), var(--panel));border-radius:20px;grid-template-columns:minmax(240px,.72fr) minmax(480px,1.28fr);align-items:center;gap:24px;margin-bottom:16px;padding:24px;display:grid}.help-video-card h2{margin:5px 0 8px;font-size:clamp(22px,2.5vw,30px)}.help-video-card p:last-child{color:var(--muted);margin:0;line-height:1.55}.help-video-card video{aspect-ratio:16/9;background:#171329;border-radius:15px;width:100%;display:block;box-shadow:0 16px 44px #1c183033}.help-video-card.full{padding:clamp(16px,2.5vw,30px);display:block}.help-video-card.full .help-video-copy{grid-template-columns:minmax(260px,.75fr) minmax(320px,1.25fr);align-items:end;gap:24px;margin-bottom:20px;display:grid}.help-video-card.full .help-video-copy h2{margin-bottom:0}.help-tutorial-player{width:100%}.help-tutorial-player video{object-fit:contain;width:100%;height:auto;max-height:calc(100dvh - 110px)}.help-tutorial-player video:fullscreen{object-fit:contain;background:#000;border-radius:0;width:100vw;height:100vh;max-height:none}.help-video-toolbar{justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.help-video-toolbar span{color:var(--muted);font-size:14px}.help-video-toolbar button{flex:none}.help-next-step{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 82%, var(--panel)), var(--panel));border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:12px;padding:24px;display:flex}.help-next-step.complete{border-color:color-mix(in srgb, #2f9b68 30%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, #2f9b68 10%, var(--panel)), var(--panel))}.help-next-step>div{gap:5px;display:grid}.help-next-step span{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:900}.help-next-step strong{font-size:clamp(20px,2.3vw,28px)}.help-next-step p{color:var(--muted);margin:0;line-height:1.5}.onboarding-progress{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-bottom:16px;padding:14px 16px;position:relative;overflow:hidden}.onboarding-progress>span{opacity:.16;background:var(--accent);transition:width .3s;position:absolute;inset:0 auto 0 0}.onboarding-progress strong{font-size:14px;position:relative}.onboarding-steps{gap:10px;display:grid}.onboarding-steps article{border:1px solid var(--line);background:var(--panel);border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;transition:border-color .2s,background .2s;display:grid}.onboarding-steps article.done{border-color:color-mix(in srgb, #2f9b68 32%, var(--line));background:color-mix(in srgb, #2f9b68 5%, var(--panel))}.help-step-check{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;font-weight:900;display:grid}.onboarding-steps article.done .help-step-check{color:#fff;background:#2f9b68}.onboarding-steps p{color:var(--muted);margin:4px 0 0}.onboarding-steps small{color:color-mix(in srgb, var(--muted) 88%, var(--text));margin-top:6px;display:block}.help-step-actions{gap:8px;display:flex}.help-step-actions>button{background:var(--soft,#f3eff9);color:inherit;cursor:pointer;border:0;border-radius:10px;padding:9px 12px;font-weight:800}.help-step-actions>.ghost-button{border:1px solid var(--line);background:0 0}.help-course{gap:16px;display:grid}.help-course-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 92%, #1c1830), color-mix(in srgb, var(--accent) 52%, #302a51));color:#fff;border-radius:19px;justify-content:space-between;align-items:center;gap:24px;padding:26px;display:flex}.help-course-hero h2{max-width:720px;margin:4px 0 7px;font-size:clamp(23px,3vw,34px)}.help-course-hero p{color:#ffffffc7;max-width:760px;margin:0;line-height:1.5}.help-course-hero .eyebrow{color:#ffffffad}.help-course-score{background:#ffffff1a;border:1px solid #ffffff38;border-radius:16px;flex:none;justify-items:center;gap:4px;min-width:150px;padding:18px;display:grid}.help-course-score strong{font-size:34px}.help-course-score span{color:#ffffffc2;font-size:12px}.help-course-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.help-course-module{border:1px solid var(--line);background:var(--panel);border-radius:17px;overflow:hidden}.help-course-module>header{background:color-mix(in srgb, var(--accent-soft) 45%, var(--panel));grid-template-columns:46px minmax(0,1fr) auto;align-items:start;gap:12px;padding:18px;display:grid}.help-course-module>header>span{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.help-course-module>header h3{margin:0 0 4px;font-size:18px}.help-course-module>header p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.help-course-module>header>small{background:var(--panel);color:var(--accent);border-radius:999px;padding:4px 8px;font-weight:900}.help-course-module details{border-top:1px solid var(--line)}.help-course-module details.done{background:color-mix(in srgb, #2f9b68 5%, var(--panel))}.help-course-module summary{cursor:pointer;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px 18px;list-style:none;display:grid}.help-course-module summary::-webkit-details-marker{display:none}.help-course-check{background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:50%;place-items:center;font-weight:900;display:grid}.help-course-module details.done .help-course-check{color:#fff;background:#2f9b68}.help-course-module summary>span:nth-child(2){gap:3px;display:grid}.help-course-module summary small{color:var(--muted);font-size:11px}.help-course-module summary em{color:var(--accent);font-size:12px;font-style:normal;font-weight:800}.help-course-content{gap:14px;padding:0 18px 18px 54px;display:grid}.help-course-content>p{color:var(--muted);margin:0;line-height:1.5}.help-course-content ol{gap:8px;margin:0;padding-left:21px;line-height:1.45;display:grid}.help-course-result{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 11px 11px 0;gap:4px;padding:12px 14px;display:grid}.help-course-result span{color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:900}.help-course-result strong{font-size:13px;line-height:1.4}.help-course-actions{flex-wrap:wrap;gap:8px;display:flex}.help-course-actions button{flex:1}.help-troubleshooting{margin-top:28px}.help-section-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px;display:flex}.help-section-head h2{margin:0}.help-section-head .eyebrow{margin-bottom:4px}.help-problem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.help-problem-grid article{border:1px solid var(--line);background:var(--panel);border-radius:16px;align-content:start;gap:8px;min-height:210px;padding:18px;display:grid}.help-problem-grid article>span{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:11px;place-items:center;font-size:20px;font-weight:900;display:grid}.help-problem-grid article>strong{font-size:17px}.help-problem-grid article>p{color:var(--muted);margin:0;line-height:1.45}.help-problem-grid article>button{width:fit-content;color:var(--accent);cursor:pointer;background:0 0;border:0;margin-top:auto;padding:0;font-weight:900}.help-service-status{justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:20px;display:flex}.help-service-status>div{gap:4px;display:grid}.help-service-status h2,.help-service-status p{margin:0}.help-service-status>div>p:last-child{color:var(--muted)}.help-service-status.ready{border-color:color-mix(in srgb, #2f9b68 36%, var(--line))}.help-service-status.ready>div>p:last-child{color:#278058}.help-service-status.error{border-color:color-mix(in srgb, #cf4c58 40%, var(--line))}.help-service-status.error>div>p:last-child{color:#b52d3d}.help-faq{margin-top:20px;padding:20px}.help-faq details{border-top:1px solid var(--line);padding:12px 0}.help-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;font-weight:800;display:flex}.help-faq summary small{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;border-radius:999px;flex:none;padding:4px 8px;font-size:10px}.help-faq details p{max-width:860px;color:var(--muted);line-height:1.55}.help-faq input{border:1px solid var(--line);background:var(--panel);min-width:290px;color:inherit;border-radius:11px;padding:11px 13px}.help-no-results{color:var(--muted);justify-items:start;gap:8px;padding:28px 0 10px;display:grid}.help-no-results strong{color:var(--text)}@media (width<=900px){.workspace-view{padding:18px}.workspace-head,.calendar-toolbar,.library-toolbar,.global-search{flex-direction:column;align-items:stretch}.calendar-summary,.workspace-search-summary,.materials-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-head-actions{justify-content:flex-start}.calendar-grid.month,.calendar-grid.week{grid-template-columns:repeat(7,minmax(120px,1fr));overflow-x:auto}.calendar-commandbar>strong{order:-1}.calendar-period-nav,.calendar-view-switch{justify-content:center}.calendar-legend{flex-direction:column;align-items:flex-start}.calendar-legend small{text-align:left}.calendar-agenda-grid{grid-template-columns:1fr}.calendar-event-overview>div{grid-template-columns:repeat(2,minmax(0,1fr))}.cabinet-chat-layout{grid-template-columns:1fr}.cabinet-chat-layout>aside{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto auto}.cabinet-chat-conversations{display:flex;overflow-x:auto}.cabinet-chat-conversations>button{min-width:250px}.workspace-form-row,.workspace-form-row.two,.help-problem-grid{grid-template-columns:1fr}.help-problem-grid article{min-height:0}.help-course-modules{grid-template-columns:1fr}}@media (width<=560px){.task-filter-bar{grid-template-columns:1fr}.tasks-view .section-head,.tasks-view .topbar-actions{align-items:stretch}.tasks-view .topbar-actions>button,.tasks-view .topbar-actions>label{width:100%}.task-card{min-height:0}.answer-row{flex-direction:column;align-items:stretch}.answer-row button{width:100%}.calendar-summary{grid-template-columns:1fr}.calendar-period-nav,.calendar-view-switch{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid!important}.calendar-agenda-event{grid-template-columns:64px minmax(0,1fr)}.calendar-agenda-event em{grid-column:2;width:fit-content}.calendar-event-overview>div,.workspace-search-summary{grid-template-columns:1fr}.workspace-global-search>select,.workspace-global-search>div,.workspace-global-search>button{width:100%}.workspace-global-search>div{grid-template-columns:1fr;display:grid}.search-sections>section{padding:14px}.search-sections article{flex-direction:column;align-items:stretch}.search-sections article>div:last-child{width:100%}.search-sections article>div:last-child button{flex:1}.materials-summary{grid-template-columns:1fr}.library-toolbar>div{grid-template-columns:1fr;display:grid}.material-grid{grid-template-columns:1fr}.material-grid>article{grid-template-columns:48px minmax(0,1fr)}.material-kind{border-radius:12px;width:48px;height:48px}.help-next-step,.help-service-status,.help-section-head{flex-direction:column;align-items:stretch}.help-video-card{grid-template-columns:1fr;padding:18px}.help-video-card.full .help-video-copy{grid-template-columns:1fr;gap:6px}.help-video-toolbar{flex-direction:column;align-items:stretch}.help-video-toolbar button{width:100%}.help-mode-tabs{grid-template-columns:1fr}.help-mode-tabs button{justify-content:space-between}.help-course-hero{flex-direction:column;align-items:stretch;padding:20px}.help-course-score{min-width:0}.help-course-module>header{grid-template-columns:42px minmax(0,1fr)}.help-course-module>header>small{grid-column:2;width:fit-content}.help-course-module summary{grid-template-columns:26px minmax(0,1fr)}.help-course-module summary em{grid-column:2}.help-course-content{padding-left:18px}.help-next-step>button,.help-service-status>button{width:100%}.onboarding-steps article{grid-template-columns:38px minmax(0,1fr);align-items:start}.help-step-actions{grid-column:1/-1}.help-step-actions>button{flex:1}.help-faq input{width:100%;min-width:0}.help-faq summary{flex-direction:column;align-items:flex-start;gap:7px}.material-actions>a,.material-actions>button{text-align:center;flex:calc(50% - 8px)}.material-actions button.danger{margin-left:0}.homework-notification-banner{flex-direction:column;align-items:stretch}.student-homework-brief,.review-queue-metrics{grid-template-columns:1fr}.review-queue-toolbar,.review-progress-panel{flex-direction:column;align-items:stretch}.review-queue-card{grid-template-columns:1fr;align-items:stretch}.review-finish-summary{grid-template-columns:1fr}.cabinet-chat-layout{height:calc(100dvh - 185px);min-height:560px}.cabinet-chat-main>header{flex-direction:column;align-items:stretch}.cabinet-chat-target{min-width:0}.cabinet-chat-main>form{grid-template-columns:1fr}.cabinet-chat-main>form>button{width:100%}.cabinet-chat-compose>div{flex-direction:column;align-items:flex-start}}.app-error-boundary{color:#2e2638;background:#f7f3fb;place-items:center;min-height:100dvh;padding:24px;display:grid}.app-error-boundary>div{background:#fff;border:1px solid #e4d9ef;border-radius:20px;justify-items:start;gap:12px;width:min(100%,560px);padding:32px;display:grid;box-shadow:0 18px 55px #3423431f}.app-error-boundary span{color:#7850a6;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.app-error-boundary h1,.app-error-boundary p{margin:0}.app-error-boundary p{color:#746b7d;line-height:1.55}.app-error-boundary button{color:#fff;cursor:pointer;background:#7850a6;border:0;border-radius:11px;padding:11px 16px;font-weight:800}.lesson-invite-error-page{background:radial-gradient(circle at top, #7f5cff29, transparent 42%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.lesson-invite-error-card{border:1px solid var(--line);background:var(--card);width:min(560px,100%);box-shadow:var(--shadow);text-align:center;border-radius:28px;padding:clamp(28px,6vw,48px)}.lesson-invite-error-card h1{margin:12px 0 10px}.lesson-invite-error-card p{max-width:46ch;color:var(--muted);margin:0 auto 24px;line-height:1.6}@media (width<=1100px) and (width>=601px){.lesson-prep-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-prep-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}}body:has(.class-board-chat-panel.open) .class-board-call-panel:not(.is-minimized){height:min(420px,50dvh - 124px)!important;max-height:min(420px,50dvh - 124px)!important;inset:112px 12px auto auto!important}body:has(.class-board-call-panel:not(.is-minimized)) .class-board-chat-panel.open{height:min(410px,50dvh - 20px)!important;max-height:min(410px,50dvh - 20px)!important;inset:auto 12px 12px auto!important}@media (width<=900px),(height<=720px){body:has(.class-board-chat-panel.open) .class-board-call-panel:not(.is-minimized){height:calc(50dvh - 108px)!important;max-height:calc(50dvh - 108px)!important;inset:96px 8px auto auto!important}body:has(.class-board-call-panel:not(.is-minimized)) .class-board-chat-panel.open{height:calc(50dvh - 12px)!important;max-height:calc(50dvh - 12px)!important;inset:auto 8px 8px auto!important}}@media (width<=600px){.lesson-prep-status-grid{grid-template-columns:1fr}.lesson-prep-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}}.lesson-stage-control{grid-template-columns:repeat(5,minmax(112px,1fr));gap:5px;width:100%;display:grid}.lesson-stage-control button{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:var(--surface);color:var(--muted);cursor:pointer;border-radius:10px;justify-content:flex-start;align-items:center;gap:7px;display:flex;position:relative;min-height:38px!important}.lesson-stage-control button span{background:color-mix(in srgb, var(--accent) 10%, var(--surface));border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.lesson-stage-control button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent-strong);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 8%, transparent)}.lesson-stage-control button.active span{background:var(--accent);color:#fff}.lesson-stage-control button:disabled{cursor:wait;opacity:.72}.lesson-stage-error{border:1px solid color-mix(in srgb, #dc2626 36%, var(--line));background:color-mix(in srgb, #dc2626 9%, var(--surface));color:#b91c1c;border-radius:9px;margin-top:6px;padding:7px 10px;font-size:12px;font-weight:700}.lesson-group-work-status{z-index:8;place-self:center end;position:relative}.lesson-group-work-status>summary{border:1px solid var(--line);background:var(--surface);min-height:24px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;padding:3px 8px;font-size:8px;font-weight:850;list-style:none;display:flex}.lesson-group-work-status>summary::-webkit-details-marker{display:none}.lesson-group-work-status>summary.has-help{color:#8a4b00;background:#fff7ed;border-color:#f59e0b}.lesson-group-work-status>div{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:10px;grid-template-columns:repeat(2,max-content);gap:4px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.lesson-group-work-status:not([open])>div{display:none}.lesson-group-work-status>div>span{border:1px solid var(--line);background:var(--surface-2);min-height:22px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:2px 6px;font-size:8px;font-weight:800;display:inline-flex}.lesson-group-work-status>div>span b{color:var(--text);font-size:9px}.lesson-group-work-status>div>span.help{color:#8a4b00;background:#fff7ed;border-color:#f59e0b}.lesson-group-work-status>div>span.help b{color:#8a4b00}.teacher-class-monitor{border:1px solid color-mix(in srgb, var(--accent) 14%, var(--line));background:color-mix(in srgb, var(--surface) 94%, var(--accent) 6%);border-radius:9px;flex:0 0 38px;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;margin:0 0 3px;padding:3px 5px;display:grid;position:relative;overflow:visible}.teacher-class-monitor.expanded{flex-basis:92px}.teacher-class-monitor>header{z-index:4;grid-template-columns:minmax(64px,1fr) auto auto;align-items:center;gap:3px;padding:0 2px;display:grid;position:relative}.teacher-class-monitor>header div{gap:1px;min-width:0;display:grid}.teacher-class-monitor>header strong{font-size:11px}.teacher-class-monitor>header span,.teacher-class-monitor>header small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.2;overflow:hidden}.teacher-class-monitor-filter-menu{position:relative}.teacher-class-monitor-filter-menu>summary,.teacher-class-monitor-expand{border:1px solid var(--line);background:var(--surface);min-height:23px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 5px;font-size:8px;font-weight:850;list-style:none;display:flex}.teacher-class-monitor-filter-menu>summary::-webkit-details-marker{display:none}.teacher-class-monitor-filter-menu>summary b{background:var(--accent-soft);min-width:14px;height:14px;color:var(--accent-strong);border-radius:999px;place-items:center;padding:0 3px;font-size:8px;display:grid}.teacher-class-monitor-expand[aria-expanded=true]{border-color:var(--accent);color:var(--accent-strong)}.teacher-class-monitor-filters{z-index:30;border:1px solid var(--line);background:var(--surface);width:174px;box-shadow:var(--shadow);border-radius:10px;gap:4px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.teacher-class-monitor-filters button{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:27px;color:var(--muted);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:4px;padding:3px 6px;font-size:9px;font-weight:800;display:flex}.teacher-class-monitor-filters button>span{background:var(--surface-2);min-width:17px;height:17px;color:var(--text);border-radius:999px;place-items:center;padding:0 4px;font-size:9px;display:grid}.teacher-class-monitor-filters button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent-strong)}.teacher-class-monitor-grid{grid-auto-columns:minmax(96px,116px);grid-auto-flow:column;gap:4px;min-width:0;display:grid;overflow:auto hidden}.teacher-class-monitor-grid>article{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:2px;padding:2px 4px;display:grid;position:relative;overflow:hidden}.teacher-class-monitor-grid>article:not(.attention) .teacher-notebook-card-open{grid-column:1/-1}.teacher-class-monitor-grid>article:hover,.teacher-class-monitor-grid>article.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.teacher-class-monitor-grid>article.attention{background:color-mix(in srgb, #fff7ed 70%, var(--surface));border-color:#f59e0b}.teacher-class-monitor-grid>article.attention.review{background:color-mix(in srgb, #f5f3ff 76%, var(--surface));border-color:#8b5cf6}.teacher-notebook-card-open{min-width:0;min-height:30px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 6px;align-items:center;gap:5px;padding:0;display:grid}.teacher-notebook-card-label{gap:1px;min-width:0;display:grid}.teacher-notebook-card-label>b,.teacher-notebook-card-label>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-notebook-card-label>b{font-size:9px;font-weight:850}.teacher-notebook-card-label>small{color:var(--muted);font-size:8px;font-weight:750}.teacher-class-monitor-grid>article.attention .teacher-notebook-card-label>small{color:#8a4b00}.teacher-notebook-presence{border:1px solid var(--surface);background:#cbd5e1;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 1px #64748b52}.teacher-notebook-presence.online{background:#22c55e;box-shadow:0 0 0 2px #22c55e2e}.teacher-notebook-reaction{justify-content:flex-end;align-items:center;min-width:0;display:flex}.teacher-notebook-reaction>span{color:#8a4b00;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:850;display:none;overflow:hidden}.teacher-notebook-reaction>button{color:#431407;cursor:pointer;background:#f59e0b;border:0;border-radius:6px;place-items:center;width:20px;min-width:20px;height:20px;padding:0;font-size:9px;font-weight:950;display:grid}.teacher-notebook-reaction>button i{font-style:normal}.teacher-notebook-reaction>button b{display:none}.teacher-notebook-reaction.review>button{background:var(--accent);color:#fff}.teacher-notebook-reaction.review>span{color:var(--accent-strong)}.teacher-class-monitor-empty{min-width:210px;color:var(--muted);text-align:center;place-content:center;gap:3px;display:grid}.teacher-class-monitor-empty strong{color:var(--text);font-size:12px}.teacher-class-monitor-empty span{font-size:10px}.teacher-notebook-card-meta{gap:2px;min-width:0;display:grid}.teacher-notebook-card-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.teacher-notebook-card-meta small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:none;overflow:hidden}.teacher-class-monitor.expanded .teacher-class-monitor-grid>article{grid-template-columns:minmax(0,1fr);align-content:start;padding:5px}.teacher-class-monitor.expanded .teacher-notebook-card-open{grid-column:1}.teacher-class-monitor.expanded .teacher-notebook-card-meta small{display:block}.teacher-class-monitor.expanded .teacher-notebook-reaction{grid-template-columns:minmax(0,1fr) auto;gap:4px;display:grid}.teacher-class-monitor.expanded .teacher-notebook-reaction>span{display:block}.teacher-class-monitor.expanded .teacher-notebook-reaction>button{width:auto;padding:0 6px;font-size:8px;display:flex}.teacher-class-monitor.expanded .teacher-notebook-reaction>button i{display:none}.teacher-class-monitor.expanded .teacher-notebook-reaction>button b{display:inline}.student-lesson-stage-banner{border-bottom:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;padding:8px 18px;display:grid}.student-lesson-stage-banner>span{background:var(--accent);color:#fff;text-transform:uppercase;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.student-lesson-stage-banner>div{gap:2px;display:grid}.student-lesson-stage-banner strong{font-size:15px}.student-lesson-stage-banner small{color:var(--muted);font-size:12px}.student-lesson-stage-banner button{border:1px solid var(--accent);background:var(--surface);min-height:34px;color:var(--accent-strong);cursor:pointer;border-radius:9px;padding:0 12px;font-weight:800}.student-stage-independent .simple-lesson-task{border-width:2px;border-color:var(--accent);box-shadow:0 12px 36px color-mix(in srgb, var(--accent) 18%, transparent)}.student-task-sequence{gap:7px;max-height:190px;margin:10px 0 12px;padding:2px 1px 5px;display:grid;overflow-y:auto}.student-task-sequence button{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);min-height:52px;color:var(--muted);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;padding:7px 9px;font-weight:900;display:grid}.student-task-sequence button>span:first-child{background:color-mix(in srgb, var(--accent) 11%, var(--surface));width:30px;height:30px;color:var(--accent-strong);border-radius:9px;place-items:center;display:grid}.student-task-sequence button>span:last-child{gap:2px;min-width:0;display:grid}.student-task-sequence button strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.student-task-sequence button small{color:var(--muted);font-size:10px}.student-task-sequence button.active{border-color:var(--accent);background:var(--accent);color:#fff}.student-task-sequence button.active>span:first-child{color:#fff;background:#fff3}.student-task-sequence button.active strong,.student-task-sequence button.active small{color:#fff}.student-task-sequence button.task-status-accepted:not(.active){background:#eaf8f0;border-color:#4aa87a}.student-task-sequence button.task-status-help:not(.active){background:#fff7ed;border-color:#f59e0b}.student-task-sequence button.task-status-waiting:not(.active){background:#f5f3ff;border-color:#8b5cf6}.student-task-sequence button.task-status-correction:not(.active){background:#fef2f2;border-color:#ef4444}.status-pill.task-status-help{color:#8a4b00;background:#fff1d6}.status-pill.task-status-waiting{color:#5b35b4;background:#eee9ff}.status-pill.task-status-accepted{color:#17613f;background:#e2f6e9}.status-pill.task-status-correction{color:#991b1b;background:#fee2e2}.simple-lesson-floating-task .simple-floating-head>div:first-child{gap:2px;min-width:0;display:grid}.simple-lesson-floating-task .simple-floating-head>div:first-child small{color:var(--muted);font-size:11px;font-weight:700}.student-task-stage-heading{gap:4px;margin:2px 0 8px;display:grid}.student-task-stage-heading span{color:var(--accent-strong);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:900}.student-task-stage-heading strong{font-size:16px;line-height:1.3}.student-task-navigation-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.student-task-navigation-actions button{min-height:38px}.teacher-task-set{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--surface) 94%, var(--accent) 6%);border-radius:14px;gap:10px;margin:12px 0;padding:12px;display:grid}.teacher-task-set>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.teacher-task-set>div:first-child span{color:var(--muted);font-size:12px}.teacher-task-set-list{gap:7px;display:grid}.teacher-task-set-list button{border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;border-radius:11px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:8px;display:grid}.teacher-task-set-list button:hover,.teacher-task-set-list button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.teacher-task-set-list button>span{background:color-mix(in srgb, var(--accent) 12%, var(--surface));width:30px;height:30px;color:var(--accent-strong);border-radius:9px;place-items:center;font-weight:900;display:grid}.teacher-task-set-list button>div{gap:3px;min-width:0;display:grid}.teacher-task-set-list button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-task-set-list button small{color:var(--muted)}@media (width>=981px){.simple-lesson-board-card{width:auto;bottom:0;right:0}.simple-lesson-floating-chat{width:390px;height:min(460px,100% - 96px);max-height:min(460px,100% - 96px);top:auto;bottom:18px;right:18px}.student-stage-independent .simple-lesson-floating-task{width:min(390px,100% - 390px);max-height:none;top:70px;bottom:14px}.student-stage-independent .simple-lesson-floating-task:not(.is-collapsed){display:block}}@media (width>=981px) and (height<=900px){.simple-lesson-floating-call:not(.is-expanded):not(.is-collapsed){width:min(420px,100% - 420px);min-width:0;height:min(420px,50% - 32px);min-height:0;max-height:min(420px,50% - 32px)}.simple-lesson-floating-chat{height:min(410px,50% - 32px);max-height:min(410px,50% - 32px);left:auto;right:14px}}@media (width<=1100px){.teacher-class-monitor{flex-basis:116px;grid-template-columns:120px minmax(0,1fr)}.teacher-class-monitor-grid{grid-auto-columns:140px}.teacher-notebook-preview{min-height:54px}.lesson-stage-control{grid-template-columns:repeat(5,minmax(94px,1fr))}}@media (width<=700px){.student-lesson-stage-banner{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:7px 10px}.student-lesson-stage-banner small{display:none}.student-lesson-stage-banner button{grid-column:1/-1;min-height:30px}.teacher-class-monitor{flex-basis:104px;grid-template-columns:1fr;padding:5px}.teacher-class-monitor>header{display:none}.lesson-stage-control{grid-template-columns:repeat(5,minmax(92px,1fr));overflow-x:auto}}.class-board-task-panel.open{border-radius:16px;gap:0;padding:0;display:flex;overflow:hidden;top:max(108px, env(safe-area-inset-top))!important;width:min(460px,100vw - 16px)!important}.class-board-task-panel .panel-head{background:var(--surface);flex:none;align-items:center;margin:0;padding:14px 16px 11px;position:static}.class-board-task-panel .panel-head h2{font-size:20px;line-height:1.1}.class-board-task-panel .panel-head span{color:var(--muted);font-size:11px;font-weight:800}.class-board-task-panel .class-board-panel-actions .lesson-task-new-button{min-height:32px;padding:0 10px;font-size:12px}.lesson-task-panel-tabs{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 72%, var(--surface));flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:7px 14px;display:grid}.lesson-task-panel-tabs>button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.lesson-task-panel-tabs>button span{background:var(--surface);border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:10px;display:grid}.lesson-task-panel-tabs>button.active{background:var(--surface);color:var(--accent-strong);box-shadow:0 1px 5px #24133f1a}.class-board-task-panel .lesson-task-recipient{border:0;border-bottom:1px solid var(--line);background:var(--surface);border-radius:0;flex:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:9px 14px;display:grid}.class-board-task-panel .lesson-task-recipient>div:first-child{gap:0;min-width:74px}.class-board-task-panel .lesson-task-recipient strong{font-size:12px}.class-board-task-panel .lesson-task-recipient span{font-size:10px}.class-board-task-panel .lesson-task-recipient-options{scrollbar-width:thin;flex-wrap:nowrap;gap:5px;padding-bottom:2px;overflow-x:auto}.class-board-task-panel .lesson-task-recipient-options button{border-radius:999px;flex:none;min-height:30px;padding:0 9px;font-size:11px}.class-board-task-panel .lesson-task-delivery-status{flex:none;margin:8px 14px 0;padding:8px 10px;font-size:11px}.lesson-task-panel-body{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;padding:12px 14px 16px;overflow:hidden auto}.lesson-task-tab-content{gap:11px;display:grid}.lesson-task-section-head,.lesson-task-section-head>div,.live-task-summary-head>div{gap:2px;display:grid}.lesson-task-section-head{grid-template-columns:minmax(0,1fr) auto;align-items:center}.lesson-task-section-head strong{color:var(--text);font-size:13px}.lesson-task-section-head span{color:var(--muted);font-size:11px;font-weight:700}.lesson-task-section-head b{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:5px 8px;font-size:10px}.lesson-task-empty-state{border:1px dashed color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--accent-soft) 20%, var(--surface));border-radius:11px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:11px;display:grid}.lesson-task-empty-state>span{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.lesson-task-empty-state strong{color:var(--text);font-size:13px}.lesson-task-empty-state p{color:var(--muted);margin:2px 0 0;font-size:11px;line-height:1.35}.class-board-task-panel .teacher-task-set,.class-board-task-panel .lesson-task-plan-section{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;gap:8px;padding:11px;display:grid}.class-board-task-panel .teacher-task-set-list{gap:5px}.class-board-task-panel .teacher-task-set-list button{border-radius:9px;grid-template-columns:27px minmax(0,1fr);gap:8px;padding:7px}.class-board-task-panel .teacher-task-set-list button>span{border-radius:8px;width:27px;height:27px;font-size:11px}.class-board-task-panel .teacher-task-set-list button strong{font-size:12px}.class-board-task-panel .teacher-task-set-list button small{font-size:10px}.lesson-task-plan-list,.lesson-task-bank-list{gap:7px;display:grid}.class-board-task-panel .lesson-task-bank-panel{background:0 0;border:0;gap:10px;padding:0;display:grid}.class-board-task-panel .lesson-task-bank-list{max-height:none;padding:0;overflow:visible}.class-board-task-panel .lesson-task-bank-head{z-index:1;background:var(--surface);gap:7px;padding:0 0 9px;position:sticky;top:-12px}.class-board-task-panel .lesson-task-bank-head input{border-radius:10px;min-height:38px}.class-board-task-panel .lesson-task-compact-row{border:1px solid var(--line);background:var(--surface);border-radius:11px;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:9px;transition:border-color .16s,background .16s;display:grid}.class-board-task-panel .lesson-task-compact-row.selected{border-color:color-mix(in srgb, var(--accent) 58%, var(--line));background:color-mix(in srgb, var(--accent-soft) 34%, var(--surface))}.lesson-task-select-button{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--line));background:var(--surface-2);width:30px;height:30px;color:var(--accent-strong);border-radius:9px;place-items:center;font-size:11px;font-weight:900;display:grid}.lesson-task-compact-row.selected .lesson-task-select-button{border-color:var(--accent);background:var(--accent);color:#fff}.lesson-task-compact-content{gap:3px;min-width:0;display:grid}.lesson-task-compact-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.lesson-task-compact-title strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.lesson-task-compact-title>span{color:var(--accent-strong);text-transform:uppercase;flex:none;font-size:9px;font-weight:900}.class-board-task-panel .lesson-task-compact-content p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.lesson-task-compact-meta{flex-wrap:wrap;gap:4px;display:flex}.lesson-task-compact-meta span{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 6px;font-size:9px;font-weight:800}.class-board-task-panel .lesson-task-row-actions{grid-column:2;justify-content:flex-end;gap:5px;display:flex}.class-board-task-panel .lesson-task-row-actions button{min-height:27px;padding:0 8px;font-size:10px}.class-board-task-panel .live-task-summary{border-radius:12px;gap:7px;padding:11px}.class-board-task-panel .live-task-summary-head{align-items:flex-start}.class-board-task-panel .live-task-summary-head>div span,.class-board-task-panel .live-task-summary-head>div small{display:block}.class-board-task-panel .live-task-summary>strong{font-size:14px}.class-board-task-panel .live-task-summary>p{font-size:12px;line-height:1.4}.class-board-task-panel .live-task-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.class-board-task-panel .live-task-metrics span{text-align:center;padding:6px 4px;font-size:9px}.class-board-task-panel .live-task-metrics b{margin:0 0 2px;font-size:14px;display:block}.class-board-task-panel .live-task-control-details>summary{padding:8px 9px;font-size:11px}.class-board-task-panel .live-task-control-details>:not(summary){margin:7px}.class-board-task-panel .teacher-live-control{background:0 0;border:0;padding:0}.lesson-task-plan-empty{justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-task-plan-empty p{color:var(--muted);margin:0;font-size:11px}.lesson-task-plan-empty button{min-height:30px;padding:0 9px;font-size:10px}.class-board-task-panel .lesson-new-task-form{border-radius:12px;gap:10px;margin:0;padding:11px}.lesson-task-batch-bar{padding:10px 14px max(10px, env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb, var(--accent) 26%, var(--line));background:color-mix(in srgb, var(--surface) 96%, var(--accent-soft));flex:none;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;display:grid;box-shadow:0 -10px 28px #24133f1a}.lesson-task-batch-bar>div{gap:1px;min-width:0;display:grid}.lesson-task-batch-bar strong{color:var(--text);font-size:12px}.lesson-task-batch-bar span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.lesson-task-batch-bar button{min-height:32px;padding:0 10px;font-size:11px}@media (width<=560px){.class-board-task-panel.open{border-radius:12px;top:4px!important}.class-board-task-panel .panel-head{padding-inline:12px}.lesson-task-panel-tabs,.lesson-task-panel-body{padding-inline:10px}.class-board-task-panel .lesson-task-recipient{grid-template-columns:1fr;gap:6px;padding-inline:10px}.class-board-task-panel .lesson-task-recipient>div:first-child{justify-content:space-between;align-items:baseline;display:flex}.lesson-task-compact-title{align-items:flex-start}.class-board-task-panel .live-task-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-task-batch-bar{grid-template-columns:minmax(0,1fr) auto;padding-inline:10px}.lesson-task-batch-bar .ghost-button{display:none}}.teacher-review-panel{z-index:275;top:max(80px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--surface) 98%, white);flex-direction:column;gap:0;width:min(400px,100vw - 16px);min-width:0;max-width:calc(100vw - 16px);max-height:none;padding:0;display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 64px #24133f3d}.teacher-review-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 15px 12px;display:flex}.teacher-review-panel-head>div{gap:2px;display:grid}.teacher-review-panel-head span{color:var(--accent-strong);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:900}.teacher-review-panel-head strong{font-size:16px}.teacher-review-queue-list{border-bottom:1px solid var(--line);background:var(--surface-2);flex:none;gap:6px;padding:9px 12px;display:flex;overflow-x:auto}.teacher-review-queue-list>button{border:1px solid var(--line);background:var(--surface);min-width:174px;color:var(--text);text-align:left;cursor:pointer;border-radius:9px;flex:none;grid-template-columns:28px minmax(125px,1fr);align-items:center;gap:7px;padding:7px;display:grid}.teacher-review-queue-list>button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.teacher-review-queue-list>button>span{border-radius:8px;place-items:center;width:28px;height:28px;font-weight:950;display:grid}.teacher-review-queue-list>button>span.help{color:#8a4b00;background:#fff1d6}.teacher-review-queue-list>button>span.review{color:#5b35b4;background:#eee9ff}.teacher-review-queue-list>button>div{gap:1px;min-width:0;display:grid}.teacher-review-queue-list strong,.teacher-review-queue-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-review-queue-list strong{font-size:11px}.teacher-review-queue-list small{color:var(--muted);font-size:9px}.teacher-review-current{align-content:start;gap:11px;min-height:0;padding:15px;display:grid;overflow-y:auto}.teacher-review-current-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.teacher-review-current-head>div{gap:5px;display:grid}.teacher-review-current-head h3{margin:0;font-size:20px}.teacher-review-current-head>span{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.teacher-review-kind{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:4px 7px;font-size:9px;font-weight:950}.teacher-review-kind.help{color:#8a4b00;background:#fff1d6}.teacher-review-kind.review{color:#5b35b4;background:#eee9ff}.teacher-review-task-card,.teacher-review-answer-card,.teacher-review-help-card{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;gap:5px;padding:12px;display:grid}.teacher-review-task-card small,.teacher-review-answer-card small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:850}.teacher-review-task-card strong{font-size:14px}.teacher-review-task-card p,.teacher-review-answer-card p,.teacher-review-help-card p{margin:0;font-size:13px;line-height:1.5}.teacher-review-answer-card{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.teacher-review-answer-card p{color:var(--text);white-space:pre-wrap;font-size:17px;font-weight:800}.teacher-review-help-card{background:#fffaf0;border-color:#f2c56c}.teacher-review-help-card strong{color:#7c4700;font-size:13px}.teacher-review-help-card p{color:#785d37;font-size:12px}.teacher-review-navigation{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:7px;padding:10px 15px;display:grid}.teacher-review-navigation button{min-height:32px;font-size:10px}.teacher-review-actions{grid-template-columns:1fr 1fr;gap:7px;padding:0 15px 15px;display:grid}.teacher-review-actions button{min-height:40px;padding:6px 9px;font-size:11px;font-weight:900}.teacher-review-actions .primary-button{grid-column:1/-1}.teacher-review-actions.help{grid-template-columns:1fr 1.35fr}.teacher-review-actions.help .primary-button{grid-column:auto}.teacher-review-return{color:#a52626;cursor:pointer;background:#fff1f1;border:1px solid #ef9a9a;border-radius:8px}.teacher-review-empty{text-align:center;flex:auto;align-content:center;place-items:center;gap:8px;padding:24px;display:grid}.teacher-review-empty>span{color:#17613f;background:#e2f6e9;border-radius:50%;place-items:center;width:52px;height:52px;font-size:24px;font-weight:950;display:grid}.teacher-review-empty strong{font-size:20px}.teacher-review-empty p{color:var(--muted);margin:0 0 6px;font-size:13px}@media (width<=760px){.teacher-class-monitor{flex-basis:108px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.teacher-class-monitor.expanded{flex-basis:164px}.teacher-class-monitor>header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.teacher-class-monitor-filters{left:auto;right:0}}@media (width<=560px),(height<=560px){.teacher-review-panel{border-radius:12px;width:calc(100vw - 8px);max-width:calc(100vw - 8px);top:4px;bottom:4px;right:4px}}.group-lesson-view.board-fullscreen .class-board-task-panel.open,.group-lesson-view.board-fullscreen .class-board-invite-panel.open,.group-lesson-view.board-fullscreen .class-board-prep-panel.open,.group-lesson-view.board-fullscreen .class-board-sidebar.open,.teacher-review-panel{inset:112px auto 12px 12px!important;inset-inline:12px auto!important;width:min(410px,100vw - 24px)!important;max-width:calc(100vw - 24px)!important;height:auto!important;max-height:none!important;margin:0!important;position:fixed!important;left:12px!important;right:auto!important;transform:none!important}.group-lesson-view.board-fullscreen .class-board-call-panel:not(.is-minimized){border-radius:14px;overflow:hidden;z-index:240!important;width:min(500px,100vw - 24px)!important;max-width:calc(100vw - 24px)!important;height:min(620px,100dvh - 136px)!important;max-height:calc(100dvh - 136px)!important;padding:10px!important;position:fixed!important;inset:112px 12px auto auto!important;transform:none!important}.group-lesson-view.board-fullscreen .class-board-chat-panel.open{z-index:250!important;width:min(390px,100vw - 24px)!important;max-width:calc(100vw - 24px)!important;height:min(410px,100dvh - 136px)!important;max-height:calc(100dvh - 136px)!important;position:fixed!important;inset:auto 12px 12px auto!important;transform:none!important}.teacher-chat-call-open .class-board-call-panel:not(.is-minimized){width:min(500px,100vw - 24px)!important;height:min(540px,100dvh - 386px)!important;max-height:min(540px,100dvh - 386px)!important;inset:112px 12px auto auto!important}.teacher-chat-call-open .class-board-chat-panel.open{width:min(390px,100vw - 24px)!important;height:min(250px,32dvh)!important;max-height:min(250px,32dvh)!important;inset:auto 12px 12px auto!important}.group-lesson-view.board-fullscreen .class-board-call-minimized{z-index:240!important;position:fixed!important;inset:112px 12px auto auto!important}.teacher-chat-launcher{z-index:245!important;position:fixed!important;bottom:18px!important;right:18px!important}.lesson-workspace-video .class-board-call-panel:not(.is-minimized){border:1px solid var(--line)!important;width:min(500px,100vw - 24px)!important;max-width:calc(100vw - 24px)!important;height:min(620px,100dvh - 136px)!important;max-height:calc(100dvh - 136px)!important;box-shadow:var(--shadow)!important;border-radius:14px!important;padding:10px!important;inset:112px 12px auto auto!important}@media (width<=900px),(height<=720px){.group-lesson-view.board-fullscreen .class-board-task-panel.open,.group-lesson-view.board-fullscreen .class-board-invite-panel.open,.group-lesson-view.board-fullscreen .class-board-prep-panel.open,.group-lesson-view.board-fullscreen .class-board-sidebar.open,.teacher-review-panel{inset:96px auto 8px 8px!important;inset-inline:8px auto!important;width:min(390px,100vw - 16px)!important;max-width:calc(100vw - 16px)!important;left:8px!important;right:auto!important}.teacher-chat-call-open .class-board-call-panel:not(.is-minimized){width:min(390px,100vw - 16px)!important;height:calc(100dvh - 350px)!important;max-height:calc(100dvh - 350px)!important;inset:96px 8px auto auto!important}.teacher-chat-call-open .class-board-chat-panel.open{width:min(390px,100vw - 16px)!important;height:min(230px,32dvh)!important;max-height:min(230px,32dvh)!important;inset:auto 8px 8px auto!important}.group-lesson-view.board-fullscreen .class-board-call-minimized{inset:96px 8px auto auto!important}}@media (width<=560px){.group-lesson-view.board-fullscreen .class-board-task-panel.open,.group-lesson-view.board-fullscreen .class-board-invite-panel.open,.group-lesson-view.board-fullscreen .class-board-prep-panel.open,.group-lesson-view.board-fullscreen .class-board-sidebar.open,.teacher-review-panel{inset:4px!important;inset-inline:4px!important;width:auto!important;max-width:none!important;left:4px!important;right:4px!important}}.class-board-task-panel.open,.class-board-invite-panel.open,.class-board-prep-panel.open,.class-board-sidebar.open,.teacher-review-panel{inset-inline:12px auto!important;left:12px!important;right:auto!important}@media (width<=900px),(height<=720px){.class-board-task-panel.open,.class-board-invite-panel.open,.class-board-prep-panel.open,.class-board-sidebar.open,.teacher-review-panel{inset-inline:8px auto!important;left:8px!important;right:auto!important}}@media (width<=560px){.class-board-task-panel.open,.class-board-invite-panel.open,.class-board-prep-panel.open,.class-board-sidebar.open,.teacher-review-panel{inset-inline:4px!important;left:4px!important;right:4px!important}}@media (width>=1280px){.group-lesson-view.board-fullscreen .class-board-commandbar{grid-template-columns:max-content minmax(0,1fr)}.group-lesson-view.board-fullscreen .class-board-header .tools{grid-area:1/2;justify-content:flex-end;justify-self:stretch;max-width:none}.group-lesson-view.board-fullscreen .teacher-class-monitor{flex-basis:38px;min-height:38px}}.lesson-workspace-video .class-board-call-panel:not(.is-minimized){overflow:hidden;z-index:20000!important;background:var(--surface)!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;grid-template-rows:auto minmax(0,1fr)!important;margin:0!important;padding:18px 22px 22px!important;display:grid!important;position:fixed!important;inset:0!important}.student-live-solution-upload{border:1px dashed var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.student-task-material-card{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;gap:8px;padding:8px;display:grid}.student-task-material-preview{cursor:zoom-in;background:#fff;border:0;border-radius:9px;place-items:center;width:100%;min-height:120px;max-height:250px;padding:0;display:grid;position:relative;overflow:hidden}.student-task-material-preview img{object-fit:contain;width:100%;max-height:250px;display:block}.student-task-material-preview span{color:#fff;background:#14101ec2;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:850;position:absolute;bottom:7px;right:7px}.student-task-material-actions{flex-wrap:wrap;gap:7px;display:flex}.student-task-material-actions .primary-button{flex:170px}.student-task-preview-backdrop{z-index:430;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#130f1dad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.student-task-preview-modal{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1040px,96vw);height:min(820px,94dvh);display:grid;overflow:hidden;box-shadow:0 28px 90px #120c1e66}.student-task-preview-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px 14px;display:flex}.student-task-preview-modal>header>div{gap:2px;display:grid}.student-task-preview-modal>header span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:850}.student-task-preview-modal>header strong{font-size:17px}.student-task-preview-stage{background:#17131f;place-items:center;min-height:0;padding:20px;display:grid;overflow:auto}.student-task-preview-stage img{object-fit:contain;background:#fff;max-width:100%;max-height:100%;display:block}.student-task-preview-modal>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.student-live-solution-upload div{gap:2px;display:grid}.student-live-solution-upload strong{font-size:12px}.student-live-solution-upload span{color:var(--muted);font-size:10px}.student-live-solution-previews{flex-wrap:wrap;gap:8px;display:flex}.student-live-solution-previews article{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;width:76px;height:76px;position:relative;overflow:hidden}.student-live-solution-previews img{object-fit:cover;width:100%;height:100%}.student-live-solution-previews button{color:#fff;cursor:pointer;background:#14101ebf;border:0;border-radius:50%;width:20px;height:20px;position:absolute;top:3px;right:3px}.teacher-live-solution-links{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.teacher-live-solution-links a{background:var(--surface-2);color:var(--accent-strong);border-radius:5px;padding:2px 5px;font-size:10px;font-weight:800;text-decoration:none}.lesson-review-count{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--accent) 9%, var(--surface));min-height:24px;color:var(--accent-strong);cursor:pointer;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900}.teacher-live-solution-preview{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--accent-strong);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:7px;margin-top:5px;padding:5px;font-size:10px;font-weight:900;display:flex}.teacher-live-solution-preview img{object-fit:cover;background:#fff;border-radius:6px;width:38px;height:38px}.lesson-solution-review-backdrop{z-index:420;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#130f1d9e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.lesson-solution-review{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-rows:auto minmax(0,1fr);width:min(1180px,96vw);height:min(780px,94vh);display:grid;overflow:hidden;box-shadow:0 28px 90px #120c1e59}.lesson-solution-review>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px 14px;display:flex}.lesson-solution-review>header>div{gap:2px;display:grid}.lesson-solution-review>header span{color:var(--muted);font-size:11px;font-weight:800}.lesson-solution-review>header strong{font-size:18px}.lesson-solution-review-body{grid-template-columns:minmax(0,1fr) 330px;min-height:0;display:grid}.lesson-solution-photo-column{background:#17131f;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.lesson-solution-photo-toolbar{color:#fff;background:#211b2c;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:7px 10px;display:flex}.lesson-solution-photo-toolbar>span{font-size:11px;font-weight:850}.lesson-solution-photo-toolbar>div{align-items:center;gap:5px;display:flex}.lesson-solution-photo-toolbar button,.lesson-solution-photo-toolbar a{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:7px;min-height:28px;padding:4px 8px;font-size:10px;font-weight:850;text-decoration:none}.lesson-solution-photo-stage{place-items:center;min-height:0;padding:22px;display:grid;overflow:auto}.lesson-solution-photo-stage img{object-fit:contain;transform-origin:50%;max-width:100%;max-height:100%;transition:transform .18s;display:block}.lesson-solution-thumbnails{background:#211b2c;gap:8px;min-height:82px;padding:8px 10px;display:flex;overflow-x:auto}.lesson-solution-thumbnails button{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:8px;flex:0 0 62px;height:62px;padding:0;position:relative;overflow:hidden}.lesson-solution-thumbnails button.active{border-color:#9d6bff}.lesson-solution-thumbnails img{object-fit:cover;width:100%;height:100%}.lesson-solution-thumbnails span{color:#fff;background:#100c18c7;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:900;display:grid;position:absolute;bottom:3px;right:3px}.lesson-solution-no-photo{color:#fff;text-align:center;place-content:center;gap:5px;min-height:300px;display:grid}.lesson-solution-no-photo span{color:#bcb4c9;font-size:12px}.lesson-solution-review-details{border-left:1px solid var(--line);flex-direction:column;gap:14px;min-height:0;padding:16px;display:flex;overflow-y:auto}.lesson-solution-review-details>div:not(.lesson-solution-review-actions){border-bottom:1px solid var(--line);gap:5px;padding-bottom:13px;display:grid}.lesson-solution-review-details span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:850}.lesson-solution-review-details strong{font-size:14px;line-height:1.35}.lesson-solution-review-details p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.lesson-solution-review-actions{gap:8px;margin-top:auto;display:grid}.lesson-solution-review-actions button{width:100%;min-height:38px}@media (width<=800px){.lesson-solution-review-backdrop{padding:0}.lesson-solution-review{border-radius:0;width:100vw;height:100dvh}.lesson-solution-review-body{grid-template-rows:minmax(320px,55vh) auto;grid-template-columns:1fr;overflow-y:auto}.lesson-solution-review-details{border-top:1px solid var(--line);border-left:0;overflow:visible}.lesson-solution-photo-toolbar{flex-direction:column;align-items:flex-start}.student-task-preview-backdrop{padding:0}.student-task-preview-modal{border-radius:0;width:100vw;height:100dvh}.student-task-preview-modal>footer{flex-wrap:wrap}.student-task-preview-modal>footer>*{text-align:center;flex:160px}}