:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button,input{font:inherit}button{color:inherit}.app{min-height:100vh;display:flex;background:var(--bg);color:var(--text)}.theme-forest{--bg:#F6F7F2;--surface:#fff;--text:#20382B;--muted:#5D6C61;--primary:#254E3B;--on-primary:#fff;--accent:#D9EDAA;--on-accent:#21382A;--border:#D9E2D5;--soft:#EDF1E7;--soft-2:#E7EDDF;--art:#D9EDAA;--status:#477651;--danger:#9F4545}.theme-indigo{--bg:#F7F7FC;--surface:#fff;--text:#24263D;--muted:#60647B;--primary:#4547A9;--on-primary:#fff;--accent:#E4E1FF;--on-accent:#292550;--border:#DEDFF0;--soft:#EEEEFA;--soft-2:#E4E5F4;--art:#E4E1FF;--status:#5159A3;--danger:#A34C62}.theme-ocean{--bg:#F2F8F9;--surface:#fff;--text:#183B43;--muted:#526E76;--primary:#146474;--on-primary:#fff;--accent:#C3EFF1;--on-accent:#16444C;--border:#D1E4E8;--soft:#E3F1F2;--soft-2:#D8EAEC;--art:#C3EFF1;--status:#23737A;--danger:#A14D48}.theme-sand{--bg:#FBF7F0;--surface:#fff;--text:#413225;--muted:#77634F;--primary:#775334;--on-primary:#fff;--accent:#F5DFAC;--on-accent:#49381D;--border:#E9DDCB;--soft:#F4EDE1;--soft-2:#EEE4D5;--art:#F5DFAC;--status:#806134;--danger:#A44A3F}.theme-klasmio{--bg:#F7F6FB;--surface:#FFFFFF;--text:#211B4B;--muted:#625D77;--primary:#302080;--on-primary:#FFFFFF;--accent:#FF665C;--on-accent:#281B65;--border:#E4E1F0;--soft:#F2EFFF;--soft-2:#EAE6F8;--art:#EAE6F8;--status:#426C57;--danger:#A13E4B}@media(prefers-color-scheme:dark){.mode-system.theme-forest{--bg:#151E19;--surface:#202B24;--text:#F0F4EC;--muted:#AFBDAF;--primary:#C1D9AD;--on-primary:#152318;--accent:#D9EDAA;--on-accent:#21382A;--border:#3F4D41;--soft:#2B382F;--soft-2:#334138;--art:#D9EDAA;--status:#ABD2A7;--danger:#F2A4A2}.mode-system.theme-indigo{--bg:#171823;--surface:#222437;--text:#F1F0FC;--muted:#B9BAD2;--primary:#C2BCFF;--on-primary:#241E4D;--accent:#DCD8FF;--on-accent:#292550;--border:#44465E;--soft:#2B2E47;--soft-2:#343752;--art:#DCD8FF;--status:#C0B9FF;--danger:#F2A0B3}.mode-system.theme-ocean{--bg:#122126;--surface:#1B3037;--text:#EAF6F7;--muted:#ACC4C9;--primary:#9CDBE3;--on-primary:#153940;--accent:#C3EFF1;--on-accent:#16444C;--border:#38545B;--soft:#263E45;--soft-2:#2C4A51;--art:#C3EFF1;--status:#8BD6D6;--danger:#F2A39B}.mode-system.theme-sand{--bg:#231E18;--surface:#30281F;--text:#FAF1E4;--muted:#CABBAB;--primary:#DFC298;--on-primary:#36291A;--accent:#F5DFAC;--on-accent:#49381D;--border:#584A3B;--soft:#3A3025;--soft-2:#44382A;--art:#F5DFAC;--status:#DDBD7C;--danger:#F3A397}.mode-system.theme-klasmio{--bg:#17152C;--surface:#211E3B;--text:#F5F1FF;--muted:#BBB3D1;--primary:#C1B6FF;--on-primary:#21175D;--accent:#FF8178;--on-accent:#281B65;--border:#403A60;--soft:#2A2548;--soft-2:#343052;--art:#343052;--status:#9ED2B2;--danger:#F39AAA}}.mode-dark.theme-forest{--bg:#151E19;--surface:#202B24;--text:#F0F4EC;--muted:#AFBDAF;--primary:#C1D9AD;--on-primary:#152318;--accent:#D9EDAA;--on-accent:#21382A;--border:#3F4D41;--soft:#2B382F;--soft-2:#334138;--art:#D9EDAA;--status:#ABD2A7;--danger:#F2A4A2}.mode-dark.theme-indigo{--bg:#171823;--surface:#222437;--text:#F1F0FC;--muted:#B9BAD2;--primary:#C2BCFF;--on-primary:#241E4D;--accent:#DCD8FF;--on-accent:#292550;--border:#44465E;--soft:#2B2E47;--soft-2:#343752;--art:#DCD8FF;--status:#C0B9FF;--danger:#F2A0B3}.mode-dark.theme-ocean{--bg:#122126;--surface:#1B3037;--text:#EAF6F7;--muted:#ACC4C9;--primary:#9CDBE3;--on-primary:#153940;--accent:#C3EFF1;--on-accent:#16444C;--border:#38545B;--soft:#263E45;--soft-2:#2C4A51;--art:#C3EFF1;--status:#8BD6D6;--danger:#F2A39B}.mode-dark.theme-sand{--bg:#231E18;--surface:#30281F;--text:#FAF1E4;--muted:#CABBAB;--primary:#DFC298;--on-primary:#36291A;--accent:#F5DFAC;--on-accent:#49381D;--border:#584A3B;--soft:#3A3025;--soft-2:#44382A;--art:#F5DFAC;--status:#DDBD7C;--danger:#F3A397}.mode-dark.theme-klasmio{--bg:#17152C;--surface:#211E3B;--text:#F5F1FF;--muted:#BBB3D1;--primary:#C1B6FF;--on-primary:#21175D;--accent:#FF8178;--on-accent:#281B65;--border:#403A60;--soft:#2A2548;--soft-2:#343052;--art:#343052;--status:#9ED2B2;--danger:#F39AAA}.sidebar{width:256px;flex:0 0 256px;border-right:1px solid var(--border);padding:30px 16px 20px;display:flex;flex-direction:column;background:var(--bg)}.brand{display:flex;align-items:center;gap:11px;padding:0 13px 38px;text-decoration:none;color:var(--text);font:600 21px Georgia,serif;letter-spacing:-.5px}.brand-mark{width:31px;height:31px;border-radius:9px;display:block;object-fit:contain;background:#fff}.experience-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);padding:4px;border-radius:11px;margin:0 4px 31px}.experience-switch button{border:0;background:transparent;color:var(--muted);padding:9px 6px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.experience-switch button.selected{background:var(--surface);box-shadow:0 2px 7px #10201413;color:var(--text)}.side-nav{display:grid;gap:5px}.nav-button{border:0;background:transparent;color:var(--muted);height:44px;padding:0 12px;display:flex;align-items:center;gap:13px;text-align:left;border-radius:9px;cursor:pointer;font-size:13px;font-weight:550}.nav-button:hover,.profile-link:hover{background:var(--soft)}.nav-button.active{background:var(--soft-2);color:var(--text);font-weight:650}.nav-icon{width:20px;text-align:center;font-size:20px;line-height:1;opacity:.82}.nav-count{margin-left:auto;min-width:23px;height:23px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-size:11px}.sidebar-bottom{margin-top:auto}.privacy-note{border-top:1px solid var(--border);padding:21px 10px;display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:11px;line-height:1.5}.lock{color:var(--primary);font-size:15px}.profile-link{display:flex;align-items:center;width:100%;gap:10px;padding:10px 9px;background:transparent;border:0;border-radius:10px;text-align:left;cursor:pointer}.profile-link.active{background:var(--soft)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--soft-2);color:var(--primary);font-size:12px;font-weight:650}.avatar-small{width:35px;height:35px;font-size:11px}.profile-copy{display:grid;gap:3px;min-width:0}.profile-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy small{color:var(--muted);font-size:11px}.more{margin-left:auto;color:var(--muted);font-size:20px}.main-area{min-width:0;flex:1;position:relative}.topbar{height:74px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,4.5vw,68px)}.breadcrumbs{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:12px}.breadcrumbs b{color:var(--text);font-weight:600}.crumb-divider{opacity:.5}.topbar-right{display:flex;align-items:center;gap:18px}.demo-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--border);padding:7px 10px;border-radius:30px;font-size:10px;color:var(--muted)}.demo-pill i,.status i,.popular-tag i{width:6px;height:6px;border-radius:50%;background:#72a16b}.avatar-button{border:1px solid var(--border);cursor:pointer}.mobile-account-button{display:none}.mobile-brand{display:none;align-items:center;gap:8px;font:600 17px Georgia,serif}.mobile-brand .brand-mark{width:26px;height:26px;font-size:18px;border-radius:8px 8px 8px 3px}.content-wrap{width:min(1190px,100%);margin:0 auto;padding:38px clamp(25px,4.5vw,68px) 60px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 32px}.eyebrow{margin:0 0 11px;color:var(--muted);font-size:9px;letter-spacing:1.35px;font-weight:700}.welcome-row h1,.page-heading h1{margin:0;font:500 clamp(30px,3vw,38px)/1.18 Georgia,"Times New Roman",serif;letter-spacing:-.85px;color:var(--text)}.subhead{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.6}.button{min-height:42px;border:0;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:0 16px;font-size:12px;font-weight:650;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #0c1b1018}.button span{font-size:16px;line-height:1}.button.primary{color:var(--on-primary);background:var(--primary)}.button.accent{color:var(--on-accent);background:var(--accent)}.button.subtle{color:var(--muted);background:transparent;border:1px solid var(--border);min-height:36px;font-size:11px}.button.outline{color:var(--text);background:transparent;border:1px solid var(--border)}.full-width{width:100%}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(235px,.78fr);gap:28px}.main-column,.right-column{min-width:0}.next-card{min-height:224px;position:relative;overflow:hidden;background:var(--primary);color:var(--on-primary);border-radius:13px;padding:22px 25px}.card-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.next-card .eyebrow{color:color-mix(in srgb,var(--on-primary),transparent 30%)}.status{position:relative;z-index:1;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.8px;font-weight:700;color:color-mix(in srgb,var(--on-primary),transparent 14%)}.status i{background:#bcd68c}.status.live i{background:#a6e2b0;box-shadow:0 0 0 4px #ffffff16}.next-content{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:31px}.next-content h2{max-width:380px;margin:0;font:500 clamp(23px,2.5vw,31px)/1.12 Georgia,serif;letter-spacing:-.5px}.next-content p{margin:9px 0 19px;color:color-mix(in srgb,var(--on-primary),transparent 24%);font-size:12px}.lesson-time{display:flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--on-primary),transparent 11%);font-size:11px}.mini-icon{font-size:15px}.time-divider{opacity:.45}.next-content .button{flex:0 0 auto;position:relative;z-index:1}.hero-art{position:absolute;width:230px;height:230px;right:4px;top:27px;opacity:.16;pointer-events:none}.art-circle{position:absolute;border:1px solid var(--on-primary);border-radius:50%}.circle-one{width:180px;height:180px;top:18px;right:8px}.circle-two{width:120px;height:120px;top:48px;right:38px}.art-line{position:absolute;width:1px;height:230px;background:var(--on-primary);top:-15px;right:98px;transform:rotate(45deg)}.line-two{transform:rotate(-45deg)}.art-caption{position:absolute;right:62px;top:95px;font:italic 30px Georgia,serif}.section-block{margin-top:34px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.section-heading .eyebrow{margin-bottom:6px}.section-heading h2{font:500 21px Georgia,serif;letter-spacing:-.3px;margin:0}.text-button{border:0;background:none;color:var(--primary);font-weight:650;font-size:11px;padding:7px 0;cursor:pointer}.text-button span{padding-left:6px;font-size:15px}.classroom-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.classroom-card{min-width:0;display:block;text-align:left;padding:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:11px;cursor:pointer;color:var(--text);transition:transform .18s,box-shadow .18s}.classroom-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #1220150d}.class-art{height:106px;background:var(--art);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.illustration-1 .class-art{background:var(--soft-2)}.art-scribble{position:relative;z-index:1;font:italic 27px Georgia,serif;color:var(--primary);transform:rotate(-6deg)}.illustration-1 .art-scribble{font-size:31px;transform:rotate(-4deg)}.art-shape{width:80px;height:80px;position:absolute;border:1px solid var(--primary);opacity:.2;border-radius:49% 51% 42% 58%;transform:rotate(30deg)}.class-card-copy{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 14px 3px}.class-card-copy h3{margin:0;font-size:12px;line-height:1.35;font-weight:650}.class-card-copy p{margin:5px 0 0;color:var(--muted);font-size:10px}.arrow-disc{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;flex:0 0 auto;font-size:12px;color:var(--muted)}.class-card-foot{padding:10px 14px 13px;color:var(--muted);font-size:9px;display:flex;gap:6px;white-space:nowrap;overflow:hidden}.class-card-foot span:last-child{overflow:hidden;text-overflow:ellipsis}.card-dot{color:var(--primary)}.upcoming-block{margin-top:35px}.upcoming-list{border-top:1px solid var(--border)}.upcoming-row{display:flex;align-items:center;gap:12px;padding:12px 3px;border-bottom:1px solid var(--border)}.date-tile{display:grid;place-items:center;align-content:center;width:38px;height:41px;border-radius:8px;background:var(--soft);color:var(--primary)}.date-tile small{font-size:7px;font-weight:700;letter-spacing:.4px}.date-tile b{font:600 15px Georgia,serif}.date-1{background:var(--soft-2)}.upcoming-title{display:grid;gap:5px;flex:1}.upcoming-title b{font-size:11px}.upcoming-title span{color:var(--muted);font-size:10px}.icon-button{width:29px;height:29px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer}.right-column{padding-top:1px}.requests-card,.continue-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:19px 18px}.requests-header{display:flex;align-items:center;justify-content:space-between}.requests-header .eyebrow{font-size:8px;letter-spacing:.9px;max-width:180px;line-height:1.4;margin:0}.request-count{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font:500 15px Georgia,serif}.requests-card h3,.continue-card h3{margin:17px 0 6px;font:500 22px Georgia,serif;letter-spacing:-.3px}.muted{color:var(--muted)}.requests-card>p,.continue-card>p{margin:0;font-size:10px;line-height:1.55}.request-preview{margin:16px 0}.request-mini{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid var(--border)}.request-mini .avatar{width:31px;height:31px;font-size:10px}.request-mini>div{display:grid;gap:3px;flex:1}.request-mini b{font-size:10px}.request-mini small{font-size:9px;color:var(--muted)}.request-arrow{color:var(--muted);font-size:14px}.requests-card .button{min-height:37px;font-size:10px}.continue-art{height:119px;margin-top:17px;border-radius:8px;background:var(--soft-2);position:relative;display:grid;place-items:center;overflow:hidden}.continue-art span{z-index:1;color:var(--primary);font:italic 32px Georgia,serif}.continue-art i{position:absolute;right:15px;top:12px;color:var(--muted);font-style:normal}.continue-card .text-button{margin-top:13px}.small-note{margin-top:15px;background:var(--soft);padding:14px 13px;border-radius:10px;display:flex;align-items:flex-start;gap:11px}.note-icon{color:var(--primary);font-size:17px}.small-note b{font-size:10px}.small-note p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.page-heading .subhead{max-width:480px}.toolbar{display:flex;align-items:center;gap:15px;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:10px;height:43px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted)}.search-box>span{font-size:20px}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.search-box input::placeholder{color:var(--muted)}.toolbar .search-box{width:min(380px,100%)}.result-count{color:var(--muted);font-size:10px}.all-classrooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:23px}.all-classrooms .class-art{height:160px}.all-classrooms .art-scribble{font-size:37px}.empty-state{padding:60px 20px;text-align:center;color:var(--muted)}.empty-symbol{font-size:34px}.empty-state h2{color:var(--text);font:500 22px Georgia,serif}.empty-state p{font-size:12px}.join-invite-card{margin:26px 0 20px;padding:23px 25px;background:var(--soft);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.join-invite-card h2{margin:0;font:500 21px Georgia,serif}.join-invite-card .eyebrow{margin-bottom:8px}.join-invite-card p:not(.eyebrow){margin:7px 0 0;color:var(--muted);font-size:11px}.discover-heading{position:relative}.discover-spark{position:absolute;right:4%;top:5px;font-size:64px;color:var(--accent)}.discover-search{max-width:470px;margin-bottom:25px}.discover-feature{max-width:880px;min-height:350px;display:grid;grid-template-columns:1fr 1.08fr;background:var(--surface);border:1px solid var(--border);border-radius:13px;overflow:hidden}.feature-visual{min-height:350px;position:relative;overflow:hidden;background:var(--primary);display:grid;place-items:center}.feature-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--on-primary),transparent 60%);border-radius:50%}.orbit-a{width:290px;height:290px}.orbit-b{width:210px;height:210px}.feature-quote{color:var(--on-primary);z-index:1;font:500 43px/.93 Georgia,serif;letter-spacing:-1.4px;transform:rotate(-5deg)}.feature-quote i{color:var(--accent);font-weight:400}.feature-star{position:absolute;right:18%;top:17%;color:var(--accent);font-size:28px}.feature-copy{padding:38px 36px;align-self:center}.popular-tag{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.9px}.feature-copy h2{margin:17px 0 10px;font:500 29px/1.13 Georgia,serif;letter-spacing:-.6px}.feature-copy>p{color:var(--muted);font-size:11px;line-height:1.7;max-width:330px}.feature-meta{display:flex;gap:17px;margin:18px 0;color:var(--muted);font-size:9px}.feature-copy small{margin:11px 0 0 11px;color:var(--muted);font-size:9px}.discover-footnote{max-width:880px;margin-top:19px;display:flex;align-items:flex-start;gap:12px;color:var(--muted);font-size:10px}.discover-footnote>span{color:var(--primary);font-size:16px}.discover-footnote p{margin:2px 0;line-height:1.55}.request-large-count{color:var(--border);font:500 60px Georgia,serif;padding-right:5%}.request-list{max-width:780px;display:grid;gap:12px}.request-card{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:18px 19px}.request-person{display:flex;align-items:center;gap:11px}.request-avatar{width:42px;height:42px}.avatar-color-1{background:var(--soft-2)}.avatar-color-2{background:var(--accent);color:var(--on-accent)}.request-person h3{margin:0 0 4px;font:600 13px Georgia,serif}.request-person span:not(.avatar){color:var(--muted);font-size:9px}.request-message{margin:14px 0;color:var(--muted);font:italic 13px/1.5 Georgia,serif}.request-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--border);padding-top:12px}.request-actions .button{min-height:36px;font-size:10px}.page-footnote{max-width:780px;color:var(--muted);font-size:10px;line-height:1.5;margin-top:17px}.settings-card{max-width:790px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 25px;margin-bottom:16px}.settings-intro{display:flex;gap:14px;align-items:flex-start}.settings-icon{flex:0 0 auto;width:37px;height:37px;display:grid;place-items:center;background:var(--soft);color:var(--primary);border-radius:9px;font-size:19px}.settings-intro h2{margin:2px 0 5px;font:500 19px Georgia,serif}.settings-intro p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.setting-group{padding:23px 0 4px 51px}.setting-group>label{display:block;margin-bottom:11px;font-size:11px;font-weight:650}.palette-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.palette-option{position:relative;display:grid;gap:8px;text-align:left;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:10px;cursor:pointer}.palette-option.chosen{border:1.5px solid var(--primary);background:var(--soft)}.palette-dots{display:flex;gap:4px}.palette-dots i{width:16px;height:16px;border-radius:50%;background:#254e3b}.palette-forest .palette-dots i:nth-child(2){background:#d9edaa}.palette-forest .palette-dots i:nth-child(3){background:#f6f7f2;border:1px solid #ddd}.palette-indigo .palette-dots i:nth-child(1){background:#4547a9}.palette-indigo .palette-dots i:nth-child(2){background:#e4e1ff}.palette-indigo .palette-dots i:nth-child(3){background:#f7f7fc;border:1px solid #ddd}.palette-ocean .palette-dots i:nth-child(1){background:#146474}.palette-ocean .palette-dots i:nth-child(2){background:#c3eff1}.palette-ocean .palette-dots i:nth-child(3){background:#f2f8f9;border:1px solid #ddd}.palette-sand .palette-dots i:nth-child(1){background:#775334}.palette-sand .palette-dots i:nth-child(2){background:#f5dfac}.palette-sand .palette-dots i:nth-child(3){background:#fbf7f0;border:1px solid #ddd}.radio-mark{position:absolute;right:9px;top:9px;width:17px;height:17px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;font-size:10px;color:var(--on-primary)}.chosen .radio-mark{background:var(--primary);border-color:var(--primary)}.appearance-setting{border-top:1px solid var(--border);margin-top:20px;padding-top:19px}.segmented{display:inline-flex;background:var(--soft);border-radius:8px;padding:3px}.segmented button{min-width:76px;padding:8px 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.segmented button.selected{background:var(--surface);color:var(--text);box-shadow:0 2px 6px #101d1015}.appearance-setting>p{margin:9px 0 0;color:var(--muted);font-size:9px}.privacy-settings{background:var(--soft)}.privacy-icon{background:var(--surface)}.error-state{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);background:var(--surface);border-radius:10px}.error-state>div{flex:1}.error-state b{font-size:12px}.error-state p{margin:4px 0 0;color:var(--muted);font-size:10px}.error-mark{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--soft-2);color:var(--danger)}.error-state .button{min-height:34px;font-size:10px}.loading{max-width:1000px}.skeleton{border-radius:10px;background:linear-gradient(90deg,var(--soft),var(--surface),var(--soft));background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-title{width:47%;height:72px;margin-bottom:22px}.skeleton-hero{height:220px;margin-bottom:28px}.skeleton-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.skeleton-card{height:170px}@keyframes shimmer{to{background-position:-200% 0}}.bottom-nav{display:none}.toast{position:fixed;z-index:10;bottom:23px;left:50%;transform:translate(-50%,12px);padding:12px 17px;border-radius:8px;background:var(--text);color:var(--bg);font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(90vw,510px);text-align:center}.toast[data-visible=true]{opacity:1;transform:translate(-50%)}@media(min-width:1450px){.content-wrap{padding-top:47px}.dashboard-grid{gap:33px}.next-card{min-height:242px}.class-art{height:120px}}@media(max-width:1020px){.sidebar{width:220px;flex-basis:220px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(205px,.8fr);gap:17px}.content-wrap{padding-left:30px;padding-right:30px}.topbar{padding:0 30px}.next-content{align-items:flex-start;flex-direction:column;margin-top:25px;gap:14px}.next-card{min-height:250px}.hero-art{right:-48px}.class-card-foot{font-size:8px}.feature-copy{padding:28px 24px}}@media(max-width:760px){.sidebar{display:none}.main-area{padding-bottom:72px}.topbar{height:59px;padding:0 19px}.mobile-brand{display:flex}.breadcrumbs{display:none}.topbar-right{gap:10px}.demo-pill{padding:6px 8px;font-size:9px}.avatar-button{width:32px;height:32px}.mobile-account-button{display:grid}.content-wrap{padding:27px 20px 38px}.welcome-row{align-items:flex-start;margin-bottom:22px}.welcome-row h1,.page-heading h1{font-size:31px}.welcome-action{display:none!important}.dashboard-grid{display:flex;flex-direction:column;gap:0}.next-card{min-height:213px;padding:19px}.next-content{margin-top:24px}.next-content h2{font-size:25px;max-width:280px}.next-content p{margin:7px 0 14px}.next-content .button{min-height:38px}.hero-art{right:-87px;top:10px}.section-block{margin-top:28px}.section-heading h2{font-size:19px}.classroom-grid{gap:10px}.class-art{height:88px}.class-card-copy{padding:11px 10px 2px}.class-card-copy h3{font-size:10px}.class-card-copy p{font-size:9px}.class-card-foot{padding:9px 10px 11px;font-size:8px;gap:4px}.arrow-disc{width:21px;height:21px;font-size:10px}.upcoming-block{margin-bottom:8px}.right-column{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}.requests-card,.continue-card{padding:16px}.small-note{margin-top:0}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);z-index:5;bottom:0;left:0;right:0;height:66px;padding:5px 8px max(5px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}.bottom-nav .nav-button{height:51px;padding:5px 0;display:grid;grid-template-rows:22px auto;justify-items:center;align-content:center;gap:1px;border-radius:8px;font-size:9px;position:relative}.bottom-nav .nav-icon{font-size:19px}.bottom-nav .nav-count{position:absolute;top:0;right:16%;min-width:17px;height:17px;font-size:9px}.page-heading{align-items:flex-start;gap:15px}.page-heading .button{white-space:nowrap;padding:0 10px;font-size:10px}.toolbar{margin-bottom:16px}.toolbar .search-box{flex:1}.all-classrooms{gap:10px}.all-classrooms .class-art{height:103px}.all-classrooms .art-scribble{font-size:28px}.discover-spark{right:5px;font-size:43px}.discover-feature{grid-template-columns:1fr}.feature-visual{min-height:210px}.feature-orbit.orbit-a{width:200px;height:200px}.feature-orbit.orbit-b{width:145px;height:145px}.feature-quote{font-size:35px}.feature-copy{padding:23px}.feature-copy h2{font-size:26px}.feature-copy small{display:block;margin:10px 0 0}.request-large-count{font-size:41px;padding:0}.request-card{padding:15px}.request-actions .button{flex:1;gap:7px;padding:0 10px}.settings-card{padding:18px 15px}.setting-group{padding-left:0}.palette-options{grid-template-columns:1fr 1fr}.palette-option{min-height:66px}.segmented{display:flex;width:100%}.segmented button{flex:1;min-width:0}.join-invite-card{align-items:flex-start;flex-direction:column;padding:19px;gap:13px}.error-state{flex-wrap:wrap}.error-state .button{margin-left:42px}}@media(max-width:390px){.content-wrap{padding-left:15px;padding-right:15px}.topbar{padding:0 15px}.demo-pill{font-size:8px}.welcome-row h1{font-size:28px}.next-content h2{font-size:23px}.next-card{padding:16px}.classroom-grid{grid-template-columns:1fr}.class-art{height:100px}.dashboard-grid .main-column>.section-block:nth-of-type(2){margin-top:25px}.all-classrooms{grid-template-columns:1fr}.all-classrooms .class-art{height:125px}.feature-meta{flex-wrap:wrap;gap:9px}.request-large-count{display:none}.settings-intro{gap:10px}.settings-intro h2{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-shell{min-height:100vh;width:100%;display:grid;place-content:center;padding:30px 20px;background:radial-gradient(ellipse at 20% 15%,var(--soft),transparent 42%),var(--bg)}.auth-shell>.brand{width:min(440px,100%);margin:0 auto;padding:0 0 23px}.auth-card{width:min(440px,calc(100vw - 34px));padding:34px 35px 28px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 55px #1421140b}.auth-card h1{margin:0;font:500 clamp(28px,5vw,36px)/1.12 Georgia,serif;letter-spacing:-.8px}.auth-subtext{margin:12px 0 23px;color:var(--muted);font-size:12px;line-height:1.65}.auth-subtext b{color:var(--text);overflow-wrap:anywhere}.auth-card form{display:grid}.form-label{margin:15px 0 7px;font-size:11px;font-weight:650}.form-label span{color:var(--muted);font-weight:400}.form-input{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);outline:none;font-size:12px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 82%)}.form-textarea{min-height:100px;resize:vertical}.form-card{width:min(620px,100%);padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:11px;display:grid}.form-card .form-label:first-child{margin-top:0}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:14px;border-top:1px solid var(--border)}.form-actions .button{min-width:100px}.form-hint{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.auth-card form>.button{margin-top:17px}.auth-card form>.button:disabled,.button:disabled,.text-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.code-input{letter-spacing:.42em;text-align:center;font-size:19px;font-weight:650}.form-error{color:var(--danger);font-size:11px;line-height:1.55;margin:10px 0 0}.auth-privacy{border-top:1px solid var(--border);padding-top:16px;margin:21px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.auth-foot{width:min(440px,100%);margin:16px auto 0;text-align:center;color:var(--muted);font-size:9px;line-height:1.6}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:7px}.auth-links .text-button{font-size:10px}.auth-links .text-button:disabled{opacity:.55}.auth-back,.auth-resend{margin-top:10px}.boot-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;background:#f7f6fb;color:#211b4b;font:12px system-ui,sans-serif}.boot-screen .brand-mark{margin:auto}.boot-screen p{margin:0}.inline-error,.inline-notice{display:flex;align-items:center;gap:9px;max-width:100%;margin:0 0 18px;padding:11px 13px;border-radius:8px;background:var(--soft);color:var(--danger);font-size:11px;line-height:1.5}.inline-notice{color:var(--primary)}.inline-error>button,.inline-notice>button{margin-left:auto;border:0;background:transparent;color:inherit;font-size:18px;cursor:pointer}.inline-error>span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--surface);font-weight:700}.signed-in-pill{color:var(--muted);font-size:10px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-note{max-width:660px;margin-top:32px}.request-class-select{max-width:400px;margin-bottom:20px}.accessibility-setting{display:flex;gap:22px;border-top:1px solid var(--border);margin-top:16px;padding-top:17px}.accessibility-setting label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;cursor:pointer}.accessibility-setting input{accent-color:var(--primary)}.high-contrast .button,.high-contrast .search-box,.high-contrast .form-input,.high-contrast .classroom-card,.high-contrast .settings-card{border-width:2px}.high-contrast :focus-visible{outline:3px solid var(--primary);outline-offset:3px}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.popular-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.popular-card{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:11px}.popular-card h2{margin:15px 0 5px;font:500 22px Georgia,serif}.popular-subject,.popular-description{color:var(--muted);font-size:11px;line-height:1.6}.popular-description{min-height:38px}.popular-card .button{margin-top:10px}.discover-empty{padding-top:38px;padding-bottom:38px}.row-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.row-actions .button{font-size:10px}.join-invite-card{align-items:flex-start}.join-invite-card>div{max-width:600px}.join-invite-card p:not(.eyebrow){line-height:1.55}.page-heading>.button{flex:0 0 auto}.privacy-settings{margin-top:17px}@media(max-width:760px){.auth-shell{place-content:start center;padding:14vh 17px 30px}.auth-shell>.brand{padding-bottom:18px}.auth-card{padding:27px 22px 22px}.auth-links{flex-direction:column;gap:2px}.auth-links .text-button{text-align:left}.signed-in-pill{display:none}.form-card{padding:19px 16px}.form-actions .button{flex:1}.popular-list{grid-template-columns:1fr}.popular-description{min-height:0}.accessibility-setting{flex-direction:column;gap:12px}}.back-button{margin:-8px 0 21px}.classroom-detail-stats{display:flex;gap:12px;margin:0 0 20px}.classroom-detail-stats>div{min-width:150px;padding:14px 17px;background:var(--surface);border:1px solid var(--border);border-radius:9px;display:grid;gap:4px}.classroom-detail-stats b{font:500 18px Georgia,serif}.classroom-detail-stats span{color:var(--muted);font-size:9px}.empty-materials{margin:19px 0 0;padding:17px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:10px;line-height:1.5}.invitation-manager{margin-top:14px}.invite-create-form{display:grid;gap:15px;margin:21px 0 0 51px;padding-bottom:20px;border-bottom:1px solid var(--border)}.invite-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invite-fields label{display:grid;gap:7px;font-size:10px;font-weight:650}.invite-fields .form-input{font-weight:400}.invite-check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;cursor:pointer}.invite-check input{accent-color:var(--primary)}.invite-create-form>.button{justify-self:start}.one-time-token{margin:17px 0;padding:15px;background:var(--soft);border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:9px 14px;align-items:center}.one-time-token b{font-size:11px}.one-time-token p{margin:5px 0 0;color:var(--muted);font-size:9px}.one-time-token code{grid-column:1;grid-row:2;overflow-wrap:anywhere;color:var(--text);font-size:12px;-webkit-user-select:all;user-select:all}.one-time-token .button{grid-column:2;grid-row:1 / span 2}.invitation-list{padding-top:17px}.invitation-list h3{margin:0 0 11px;font:500 16px Georgia,serif}.invitation-row{display:flex;align-items:center;gap:14px;padding:12px 2px;border-top:1px solid var(--border)}.invitation-row>div{flex:1;display:grid;gap:5px}.invitation-row b{font-size:10px}.invitation-row span{color:var(--muted);font-size:9px}.invite-status{color:var(--status)!important;font-weight:650}.invite-status.ended{color:var(--muted)!important}.invitation-row .text-button{color:var(--danger);font-size:10px}.redeem-form{width:min(450px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.redeem-form .form-hint,.redeem-form .form-error{grid-column:1/-1}.redeem-form .button{min-height:43px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.classroom-detail-stats{display:grid;grid-template-columns:1fr 1fr}.classroom-detail-stats>div{min-width:0;padding:12px}.invite-create-form{margin-left:0}.invite-fields{grid-template-columns:1fr 1fr}.invitation-row{gap:8px;flex-wrap:wrap}.invitation-row>div{min-width:calc(100% - 90px)}.invite-status{margin-left:40px}.redeem-form{grid-template-columns:1fr}.redeem-form .button{width:100%}.one-time-token{grid-template-columns:1fr}.one-time-token code,.one-time-token .button{grid-column:1;grid-row:auto}.one-time-token .button{justify-self:start}}.topbar-right{position:relative}.notification-button{position:relative;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font-size:16px;cursor:pointer}.notification-button i{position:absolute;right:-5px;top:-5px;min-width:16px;height:16px;padding:0 3px;border-radius:9px;display:grid;place-items:center;background:var(--primary);color:var(--on-primary);font:600 8px system-ui;font-style:normal}.feature-panel{margin-top:14px}.feature-form,.note-compose,.fee-compose{display:grid;gap:13px;margin-top:20px}.feature-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-fields label,.note-compose label,.fee-compose label{display:grid;gap:7px;font-size:10px;font-weight:650}.feature-check{display:flex;gap:8px;align-items:flex-start;color:var(--text);font-size:10px;line-height:1.5}.feature-check input{margin-top:1px;accent-color:var(--primary)}.feature-form>.button,.note-compose>.button,.fee-compose>.button{justify-self:start;min-height:37px;font-size:10px}.note-compose{padding:16px;border-radius:9px;background:var(--soft)}.note-compose .form-textarea{min-height:125px}.feature-list{display:grid;gap:10px;margin-top:17px}.note-item{padding:15px;border:1px solid var(--border);border-radius:9px}.note-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.note-item h3{margin:0 0 5px;font:500 16px Georgia,serif}.note-item-head span,.fee-details span{color:var(--muted);font-size:9px;line-height:1.5}.note-item .row-actions .button{min-height:30px;padding:0 10px;font-size:9px}.note-body{margin:13px 0 0;color:var(--text);font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.fee-compose{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;border-radius:9px;background:var(--soft)}.fee-compose>.button{grid-column:1/-1}.fee-list{display:grid;margin-top:16px}.fee-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:14px;align-items:center;padding:13px 2px;border-top:1px solid var(--border)}.fee-details{min-width:0;display:grid;gap:4px}.fee-details b{font-size:10px}.fee-details span{overflow-wrap:anywhere}.fee-row>strong{font-size:11px;white-space:nowrap}.fee-status{padding:5px 8px;border-radius:20px;background:var(--soft);font-size:8px;font-weight:700}.fee-paid{color:var(--status)}.fee-due{color:#9b6820}.fee-waived{color:var(--muted)}.fee-status-select{width:125px;min-height:32px;padding:5px;font-size:9px}.notification-list{max-width:820px;display:grid;gap:9px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:9px}.notification-item.unread{border-left:3px solid var(--primary);background:color-mix(in srgb,var(--soft),var(--surface) 55%)}.notification-dot{flex:0 0 auto;width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--primary);opacity:0}.notification-item.unread .notification-dot{opacity:1}.notification-item>div{flex:1;min-width:0}.notification-item h2{margin:0 0 5px;font:500 15px Georgia,serif}.notification-item p{margin:0 0 7px;color:var(--muted);font-size:10px;line-height:1.55}.notification-item time{color:var(--muted);font-size:9px}.notification-item>.text-button{flex:0 0 auto;font-size:9px}@media(max-width:760px){.notification-button{width:31px;height:31px;font-size:14px}.feature-fields,.fee-compose{grid-template-columns:1fr}.fee-compose>.button{grid-column:1}.note-item-head{flex-direction:column}.note-item .row-actions{justify-content:flex-start}.fee-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 11px}.fee-row>strong{grid-column:2;grid-row:1}.fee-status{justify-self:start}.fee-status-select{grid-column:2;grid-row:2;justify-self:end;width:125px}.notification-item{gap:9px;padding:12px}.notification-item>.text-button{font-size:8px}.page-heading>.button{white-space:normal}}.note-upload-form{display:grid;gap:12px;margin-top:14px;padding:16px;border:1px dashed var(--border);border-radius:9px;background:var(--surface)}.note-upload-form h3{margin:0;font:500 15px Georgia,serif}.note-upload-form p{margin:-5px 0 1px;color:var(--muted);font-size:10px;line-height:1.55}.note-upload-form label{display:grid;gap:7px;font-size:10px;font-weight:650}.note-upload-form>.button{justify-self:start;min-height:37px;font-size:10px}.uploaded-note .note-item-head{align-items:center;flex-wrap:wrap}.uploaded-note .note-item-head>button{flex:0 0 auto}.note-viewer-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#0f1813c2}.note-viewer{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,1000px);height:min(94dvh,1000px);overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 80px #00000059}.note-viewer>header,.note-viewer>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-bottom:1px solid var(--border)}.note-viewer>header>div{min-width:0;display:grid;gap:4px}.note-viewer>header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 16px Georgia,serif}.note-viewer>header span,.note-viewer>footer span{color:var(--muted);font-size:10px}.note-viewer>header .icon-button{flex:0 0 auto}.note-page-area{display:grid;place-items:center;min-height:0;overflow:auto;padding:16px;background:#252a27}.note-page-area img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.note-viewer>footer{border-top:1px solid var(--border);border-bottom:0}.note-viewer>footer .button{min-width:90px}@media(max-width:600px){.note-viewer-backdrop{padding:0}.note-viewer{width:100%;height:100dvh;border:0;border-radius:0}.note-viewer>header,.note-viewer>footer{padding:12px}.note-page-area{padding:8px}.note-viewer>footer .button{min-width:78px;padding:0 10px}}.one-time-link{display:flex;align-items:center;gap:14px;margin:10px 0 17px;padding:14px 15px;background:var(--soft);border-radius:8px}.one-time-link>div{min-width:0;flex:1;display:grid;gap:6px}.one-time-link b{font-size:11px}.one-time-link a{overflow-wrap:anywhere;color:var(--primary);font-size:11px}.invite-create-form>label:not(.invite-check){display:grid;gap:7px;font-size:10px;font-weight:650}.invite-create-form>label .form-hint{margin:0;font-weight:400}.invite-create-form .form-textarea{min-height:72px;resize:vertical;font-weight:400}@media(max-width:760px){.one-time-link{align-items:flex-start;flex-direction:column}.one-time-link .button{min-height:38px}}.member-list{display:grid}.member-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center;padding:14px 2px;border-top:1px solid var(--border)}.member-details{min-width:0;display:grid;gap:4px}.member-details b{font-size:11px}.member-details span,.member-details small{overflow-wrap:anywhere;color:var(--muted);font-size:9px}.member-status{padding:5px 8px;border-radius:20px;background:var(--soft);font-size:8px;font-weight:700;text-transform:capitalize}.member-status.active{color:var(--status)}.member-status.banned{color:var(--danger)}.member-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.member-actions .text-button{min-height:32px;font-size:9px}.member-actions .danger{color:var(--danger)}@media(max-width:600px){.member-row{gap:8px 10px}.member-actions{gap:4px 8px}}.empty-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}.join-code-form{width:min(100%,620px);margin:8px 0 0;display:grid;gap:11px}.join-code-form h2{margin:0;color:var(--text);font:500 24px Georgia,serif}.join-code-form .subhead{margin:0 0 7px;max-width:560px}.join-code-form .form-label{margin:4px 0 0}.join-code-form>.button{justify-self:start;min-width:150px}.invite-preview-card{width:min(100%,760px);margin-top:16px;padding:23px;background:var(--surface);border:1px solid var(--border);border-radius:13px}.invite-preview-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.invite-preview-heading .eyebrow{margin-bottom:7px}.invite-preview-heading h2{margin:0;color:var(--text);font:500 23px/1.25 Georgia,serif}.invite-preview-heading p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:12px}.invite-preview-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:var(--soft);color:var(--primary);font-size:20px}.invite-preview-description{margin:16px 0;color:var(--muted);font-size:12px;line-height:1.6}.invite-preview-stats{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px}.invite-preview-stats span{padding:8px 10px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:10px}.invite-preview-stats b{color:var(--text)}.invite-preview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.join-result{width:min(100%,760px);display:flex;align-items:flex-start;gap:17px;margin-top:10px;padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:13px}.join-result-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--primary);font-size:21px;font-weight:700}.join-result>div:last-child{min-width:0}.join-result .eyebrow{margin:2px 0 7px}.join-result h2{margin:0;color:var(--text);font:500 23px/1.3 Georgia,serif}.join-result p:not(.eyebrow){margin:8px 0 17px;color:var(--muted);font-size:12px;line-height:1.6}.back-button{margin-bottom:18px}.detail-cover{position:relative;width:min(100%,1050px);height:220px;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--soft)}.detail-cover img{width:100%;height:100%;display:block;object-fit:cover}.detail-cover .popular-tag{position:absolute;left:16px;bottom:15px;padding:8px 10px;border:1px solid #ffffff70;border-radius:99px;background:var(--surface);color:var(--text)}.discovery-detail-layout{width:min(100%,1050px);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:26px;align-items:start;margin-top:25px}.discovery-detail-copy{min-width:0;padding:5px 0}.discovery-detail-copy .eyebrow{margin-bottom:8px}.discovery-detail-copy h1{margin:0;color:var(--text);font:500 clamp(30px,3vw,40px)/1.15 Georgia,serif;letter-spacing:-.7px}.discovery-teacher{margin:10px 0;color:var(--muted);font-size:12px}.discovery-description{max-width:660px;margin:18px 0;color:var(--text);font-size:13px;line-height:1.75;white-space:pre-wrap}.privacy-note-inline{display:flex;align-items:flex-start;gap:11px;max-width:670px;margin-top:24px;padding:14px;border-radius:10px;background:var(--soft);color:var(--muted)}.privacy-note-inline>span{color:var(--primary)}.privacy-note-inline p{margin:0;font-size:11px;line-height:1.6}.request-detail-card{display:grid;gap:11px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.request-detail-card h2{margin:0;color:var(--text);font:500 22px Georgia,serif}.request-detail-card>p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.request-detail-card .form-label{margin:5px 0 0}.request-detail-card .form-textarea{min-height:110px}.request-detail-card .full-width{width:100%;justify-content:center}@media(max-width:760px){.empty-actions{flex-direction:column;align-items:stretch}.empty-actions .button{justify-content:center}.join-code-form{padding:20px 17px}.join-code-form>.button{width:100%;justify-content:center}.invite-preview-card{padding:18px 15px}.invite-preview-heading h2{font-size:20px}.invite-preview-actions{align-items:stretch;flex-direction:column}.invite-preview-actions .button{width:100%}.join-result{padding:18px 15px;gap:12px}.join-result h2{font-size:20px}.detail-cover{height:165px;border-radius:10px}.discovery-detail-layout{grid-template-columns:1fr;gap:18px;margin-top:18px}.discovery-detail-copy h1{font-size:32px}.request-detail-card{padding:17px}}.home-overview{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,1.5fr);gap:17px;margin-top:8px}.home-summary-card,.home-shortcuts{min-width:0;padding:21px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.home-summary-card>.eyebrow,.home-shortcuts>.eyebrow{margin-bottom:13px}.home-summary-card>strong{display:block;color:var(--primary);font:500 42px/1 Georgia,serif}.home-summary-card h2{margin:5px 0;color:var(--text);font:500 19px Georgia,serif}.home-summary-card>p:not(.eyebrow){min-height:32px;margin:8px 0 13px;color:var(--muted);font-size:11px;line-height:1.55}.home-shortcuts{display:grid;align-content:start;gap:7px}.home-shortcut{width:100%;min-height:57px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:var(--bg);text-align:left;cursor:pointer}.home-shortcut:hover{border-color:var(--border);background:var(--soft)}.home-shortcut>span:first-child{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--soft-2);color:var(--primary);font-size:17px}.home-shortcut>span:nth-child(2){min-width:0;display:grid;gap:4px}.home-shortcut b{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.home-shortcut small{color:var(--muted);font-size:9px}.home-shortcut i{color:var(--primary);font-style:normal}.home-updates{margin-top:28px}.home-updates .section-heading{margin-bottom:13px}.home-updates .section-heading h2{margin:0;font:500 22px Georgia,serif}.home-update-list{display:grid;background:var(--surface);border:1px solid var(--border);border-radius:11px}.home-update{display:grid;grid-template-columns:9px minmax(0,1fr);gap:11px;padding:14px 16px}.home-update+.home-update{border-top:1px solid var(--border)}.home-update-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--primary)}.home-update-dot.read{background:var(--border)}.home-update b{color:var(--text);font-size:11px}.home-update p{margin:4px 0;color:var(--muted);font-size:10px;line-height:1.5}.home-update time{color:var(--muted);font-size:9px}.home-updates-empty{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:11px;color:var(--muted);font-size:11px}@media(max-width:760px){.home-overview{grid-template-columns:1fr;gap:12px}.home-summary-card,.home-shortcuts{padding:17px}.home-summary-card>p:not(.eyebrow){min-height:0}.home-updates{margin-top:24px}.home-updates .section-heading h2{font-size:19px}.home-update{padding:12px}}.notification-button svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profile-copy{flex:1}.profile-copy small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-class-field{width:min(480px,100%);display:grid;gap:7px;margin-bottom:18px}.request-class-field .form-label{margin:0}.request-empty-state{max-width:780px;margin-top:17px;padding:23px 20px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--muted)}.request-empty-state h2{margin:0 0 6px;color:var(--text);font:500 20px Georgia,serif}.request-empty-state p{margin:0 0 15px;font-size:12px;line-height:1.5}.request-empty-state .empty-symbol{margin-bottom:8px}.feature-panel .settings-intro>div:nth-child(2){flex:1;min-width:0}.feature-panel .settings-intro{align-items:center}.member-row{padding:11px 2px;gap:6px 14px}.member-details{gap:3px}.member-status{align-self:start}.member-actions{gap:7px;margin-top:2px}.member-icon-action{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--danger);cursor:pointer;transition:background-color .15s,border-color .15s,transform .15s}.member-icon-action:hover:not(:disabled){background:var(--soft);border-color:color-mix(in srgb,var(--primary),var(--border) 55%);transform:translateY(-1px)}.member-icon-action.subtle{color:var(--primary)}.member-icon-action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.member-icon-action:disabled{opacity:.5;cursor:wait}.member-icon-action.roster-refresh{flex:0 0 auto;width:40px;height:40px;color:var(--primary);border-radius:12px}.member-icon-action svg{display:block}.class-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.class-art:has(img[src*=classroom-background]):after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#1a164766);pointer-events:none}.class-art .art-scribble{z-index:1;color:#fff;text-shadow:0 1px 8px #15123299;font-size:20px;font-style:normal;font-weight:650;letter-spacing:.01em;transform:none;padding:0 12px;text-align:center}.banner-settings,.profile-settings{margin-top:17px}.banner-preview{display:block;width:100%;height:180px;object-fit:cover;border-radius:9px;margin:15px 0;border:1px solid var(--border)}.banner-upload-form{max-width:620px}.popular-banner{display:block;width:calc(100% + 40px);height:145px;object-fit:cover;margin:-20px -20px 17px;border-radius:10px 10px 0 0}.popular-card{overflow:hidden}.feature-fields input[readonly]{opacity:.78}.banner-upload-form>.form-label{display:block;margin:17px 0 7px;font-size:11px;font-weight:650}.banner-file-picker{min-height:55px;display:flex;align-items:center;gap:13px;padding:8px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.banner-file-picker:has(.banner-file-input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.banner-file-picker>.button{min-height:37px;flex:0 0 auto}.banner-file-name{min-width:0;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.banner-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}.banner-upload-form>.form-hint{margin-top:8px;font-size:10px;line-height:1.55}.profile-avatar{position:relative;overflow:hidden;padding:0}.profile-avatar>img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.profile-avatar>span{display:grid;place-items:center;width:100%;height:100%}.profile-photo-row{display:flex;align-items:center;gap:14px;margin:18px 0 22px}.profile-photo-wrap{position:relative;flex:0 0 auto}.profile-photo-large{width:68px;height:68px;font-size:19px;background:linear-gradient(145deg,var(--primary),var(--accent));color:#fff;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--border),0 5px 14px #17103b20}.profile-photo-badge{position:absolute;right:-2px;bottom:-1px;width:23px;height:23px;display:grid;place-items:center;border:2px solid var(--surface);border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:16px;line-height:1}.profile-photo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-photo-upload{position:relative;overflow:hidden}.profile-photo-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.profile-photo-upload input:disabled{cursor:wait}.avatar-button{padding:0;overflow:hidden}.avatar-button>.profile-avatar{width:100%;height:100%;border:0;font-size:11px}.member-details{display:flex;align-items:center;gap:10px}.member-details>div{display:grid;gap:4px;min-width:0}.member-avatar{width:38px;height:38px;font-size:11px}.popular-teacher{display:flex;align-items:center;gap:9px}.popular-teacher .popular-subject{margin:0}.discovery-teacher{display:flex;align-items:center;gap:10px}.profile-settings{box-sizing:border-box;width:100%;max-width:790px}.profile-settings .feature-fields label{min-width:0}.profile-settings .feature-fields .form-input{box-sizing:border-box;width:100%;min-width:0}@media(max-width:900px){.profile-settings .feature-fields{grid-template-columns:minmax(0,1fr)}}.otp-entry{position:relative;margin:8px 0 18px}.otp-input{position:absolute;inset:0;width:100%;height:56px;z-index:1;border:0;padding:0;color:transparent;caret-color:transparent;background:transparent;outline:none;font-size:24px}.otp-input::selection{background:transparent;color:transparent}.otp-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;pointer-events:none}.otp-box{height:56px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface,#fff);color:var(--text);font-size:24px;font-weight:650}.otp-entry:focus-within .otp-box.active{border:2px solid var(--primary)}.otp-entry:has(.otp-input:disabled){opacity:.6}.auth-card #signin-email:disabled{color:var(--muted);opacity:1;cursor:not-allowed}.classroom-chat-messages{list-style:none;padding:0;max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:12px}.classroom-chat-messages li{border:1px solid var(--border);border-radius:12px;padding:12px;max-width:85%;overflow-wrap:anywhere}.classroom-chat-messages li.mine{align-self:flex-end}.classroom-chat-messages p{white-space:pre-wrap;margin:6px 0}.classroom-chat-messages time{font-size:.75rem;opacity:.7}.classroom-chat-composer{display:flex;align-items:center;gap:12px}.classroom-chat-composer input{flex:1;min-width:0}