:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#003660;--gold:#febc11;--teal:#09847a;--aqua:#047c91;--coral:#ef5645;--ink:#111517;--text:#3d4952;--muted:#66737d;--surface:#eef0f2;--panel:#fff;--line:#dce1e5;--line-strong:#b8c4cc;--danger-bg:#fff1ef;--danger-text:#c43424}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--surface);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-screen,.loading-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;width:min(520px,100%);padding:32px;box-shadow:0 1px 3px #11151714}.login-panel img{object-fit:contain;width:72px;height:72px}.login-panel h1{color:var(--navy);letter-spacing:0;margin:18px 0 8px;font-size:2rem}.login-panel p{color:var(--muted);line-height:1.55}.demo-screen{background:linear-gradient(180deg, #0036600f, #09847a0d), var(--surface);min-height:100vh;padding:28px}.demo-showcase{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:18px;width:min(1180px,100%);margin:0 auto;display:grid}.demo-hero{border:1px solid var(--line);color:#fff;background:linear-gradient(135deg,#003660f0,#047c91e0),#003660;border-radius:8px;flex-direction:column;justify-content:flex-end;min-height:calc(100vh - 56px);padding:30px;display:flex;box-shadow:0 12px 28px #11151724}.demo-brand{align-items:center;gap:10px;margin-bottom:auto;font-weight:850;display:flex}.demo-brand img{object-fit:contain;background:#fff;border-radius:8px;width:46px;height:46px;padding:4px}.demo-hero .eyebrow{color:#ffffffc2}.demo-hero h1{color:#fff;letter-spacing:0;max-width:880px;margin:0;font-size:2.45rem;line-height:1.04}.demo-hero>p:not(.eyebrow){color:#ffffffd6;max-width:780px;margin:12px 0 20px;line-height:1.55}.demo-unlock{background:var(--panel);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px;padding:16px;display:grid}.demo-role-toggle{border:1px solid var(--line);border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.demo-role-toggle button{min-height:42px;color:var(--muted);background:#fff;border:0;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}.demo-role-toggle button+button{border-left:1px solid var(--line)}.demo-role-toggle .selected{background:var(--navy);color:#fff}.demo-unlock label{color:var(--ink);gap:7px;font-weight:800;display:grid}.demo-unlock input{border:1px solid var(--line-strong);width:100%;min-height:46px;color:var(--ink);letter-spacing:0;border-radius:8px;padding:0 12px;font-size:1.08rem}.demo-unlock input:focus{border-color:var(--navy);outline:3px solid #febc1157}.demo-error{margin:0}.demo-course-preview{border:1px solid var(--line);background:#fff;border-radius:8px;align-content:start;gap:16px;min-height:calc(100vh - 56px);padding:22px;display:grid;box-shadow:0 12px 28px #11151714}.demo-preview-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.demo-preview-head h2{color:var(--navy);letter-spacing:0;margin:0;font-size:2.2rem;line-height:1}.demo-preview-head p:not(.eyebrow){color:var(--muted);margin:8px 0 0;line-height:1.45}.demo-preview-badge{min-height:36px;color:var(--teal);background:#edf8f6;border:1px solid #09847a47;border-radius:8px;flex:none;align-items:center;gap:7px;padding:0 10px;font-size:.85rem;font-weight:850;display:inline-flex}.demo-course-preview.student .demo-preview-badge{color:var(--coral);background:#fff4f1;border-color:#ef564547}.demo-preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.demo-metric{border:1px solid var(--line);background:#f7f9fa;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:center;gap:5px 9px;min-height:104px;padding:14px;display:grid}.demo-metric svg{color:var(--aqua);grid-row:1/3;margin-top:4px}.demo-metric strong{color:var(--ink);font-size:1.45rem;line-height:1}.demo-metric span{color:var(--muted);font-size:.84rem;font-weight:750;line-height:1.25}.demo-preview-grid{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:12px;display:grid}.demo-preview-panel{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:14px}.demo-review-panel{background:linear-gradient(#fffdf5 0%,#fff 100%);border-color:#febc1180}.demo-preview-panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.demo-preview-panel-head h3{color:var(--navy);margin:0;font-size:1rem}.demo-preview-panel-head span{color:var(--muted);font-size:.78rem;font-weight:850}.demo-assignment-list{gap:9px;display:grid}.demo-assignment{border:1px solid var(--line);background:#f9fbfb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px;display:flex}.demo-assignment strong,.demo-review-panel strong{color:var(--ink);line-height:1.25;display:block}.demo-assignment small{color:var(--muted);margin-top:4px;line-height:1.25;display:block}.demo-assignment em{color:var(--navy);background:#e6eef4;border-radius:999px;flex:none;padding:5px 9px;font-size:.75rem;font-style:normal;font-weight:850}.demo-review-panel p{color:var(--text);margin:10px 0 0;line-height:1.45}.demo-review-state{color:var(--teal);background:#09847a1a;border-radius:999px;padding:6px 9px;font-size:.8rem;font-weight:850;display:inline-flex}.demo-detail-strip{grid-template-columns:minmax(240px,1.45fr) repeat(3,minmax(0,1fr));gap:10px;padding-top:2px;display:grid}.demo-persona,.demo-detail{border:1px solid var(--line);background:#f7f9fa;border-radius:8px;padding:12px}.demo-persona span,.demo-detail span{color:var(--teal);font-size:.78rem;font-weight:850;display:block}.demo-persona p{color:var(--text);margin:6px 0 0;line-height:1.42}.demo-detail strong{color:var(--ink);margin-top:6px;font-size:.92rem;line-height:1.28;display:block}.primary-action,.secondary-action{border:1px solid var(--navy);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:750;text-decoration:none;display:inline-flex}.primary-action{color:#fff;background:var(--navy)}.secondary-action{color:var(--navy);background:#fff}.primary-action:disabled,.secondary-action:disabled{opacity:.6;cursor:wait}.impersonation-banner{z-index:30;background:var(--gold);min-height:44px;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:8px 24px;font-size:.92rem;display:flex;position:sticky;top:0}.impersonation-banner button{background:#ffffff8c;border:1px solid #1115172e;border-radius:8px;padding:6px 10px;font-weight:750}.topbar{z-index:20;background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:14px 24px;display:flex;position:sticky;top:0}.impersonation-banner+.topbar{top:44px}.brand-block{align-items:center;gap:12px;min-width:0;display:flex}.brand-block img{object-fit:contain;width:44px;height:44px}.brand-block p{color:var(--muted);margin:0 0 2px;font-size:.78rem;font-weight:800}.brand-block h1{color:var(--navy);letter-spacing:0;margin:0;font-size:1.18rem;line-height:1.2}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar select{border:1px solid var(--line);min-height:38px;color:var(--text);background:#fff;border-radius:8px;max-width:260px;padding:0 10px}.icon-button,.logout,.quiet-link{border:1px solid var(--line);min-height:38px;color:var(--text);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 11px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.logout{color:var(--danger-text);border-color:#f3b5ad}.avatar{background:var(--navy);color:#fff;border-radius:999px;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.app-layout{min-height:calc(100vh - 76px)}.course-card strong{color:var(--ink);line-height:1.25;display:block}.course-card small,.course-card span{color:var(--muted);margin-top:4px;font-size:.82rem;display:block}.pin-button{width:30px;height:30px;color:var(--navy);border-radius:8px;flex:none;place-items:center;display:grid}.main-area{min-width:0;padding:24px}.content-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:18px;max-width:1240px;margin:0 auto;display:grid}.wide{grid-column:1/-1}.hero-panel,.panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:22px;box-shadow:0 1px 2px #1115170f}.hero-panel{background:linear-gradient(135deg,#fff 0%,#e6eef4 100%);flex-direction:column;justify-content:center;min-height:230px;display:flex}.eyebrow{color:var(--teal);margin:0 0 8px;font-size:.82rem;font-weight:850}.hero-panel h2{color:var(--navy);letter-spacing:0;margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.05}.hero-panel p{color:var(--muted);max-width:68ch;line-height:1.55}.course-hero{grid-column:1/-1;min-height:190px}.stat-row{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.stat-row span{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;padding:8px 12px;font-size:.9rem}.panel-head{justify-content:space-between;align-items:center;gap:12px;min-height:32px;margin-bottom:14px;display:flex}.panel-head h3{color:var(--navy);margin:0;font-size:1.05rem}.panel-head span{color:var(--muted);font-size:.86rem;font-weight:700}.segmented{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,1fr);margin-bottom:14px;display:grid;overflow:hidden}.segmented button{min-height:38px;color:var(--muted);background:#fff;border:0;font-weight:800}.segmented .selected{background:var(--navy);color:#fff}.stack-form{gap:12px;display:grid}.stack-form label{color:var(--ink);gap:6px;font-size:.9rem;font-weight:750;display:grid}.stack-form input,.stack-form textarea{border:1px solid var(--line);width:100%;color:var(--text);border-radius:8px;padding:10px 11px}.form-error,.error-banner{background:var(--danger-bg);color:var(--danger-text);border:1px solid #f3b5ad;border-radius:8px;margin:0;padding:10px 12px}.form-success{color:var(--teal);align-items:center;gap:6px;margin:0;font-weight:750;display:flex}.error-banner{max-width:1240px;margin:0 auto 16px}.course-card-grid,.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.course-card,.tool-card{border:1px solid var(--line);color:var(--text);text-align:left;background:#fff;border-radius:8px;min-height:132px;padding:16px;text-decoration:none;position:relative}.course-card:hover,.tool-card:hover{border-color:var(--navy)}.course-card{padding:0}.course-card-main{width:100%;min-height:132px;color:var(--text);text-align:left;background:0 0;border:0;padding:16px 48px 16px 16px}.course-card .pin-button{border:1px solid var(--line);background:#fff;position:absolute;top:12px;right:12px}.tool-card{gap:8px;display:grid}.tool-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.tool-card small{color:var(--teal);font-weight:800}.tool-card.degraded small{color:var(--coral)}.tool-icon{width:38px;height:38px;color:var(--navy);background:#e6eef4;border-radius:8px;place-items:center;display:grid}.tool-open{color:var(--muted);position:absolute;top:14px;right:14px}.announcement-list,.roster-list{gap:10px;display:grid}.announcement,.roster-row{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px}.announcement strong{color:var(--ink)}.announcement p{color:var(--text);white-space:pre-wrap;margin:8px 0;line-height:1.5}.announcement small{color:var(--muted)}.announcement-form{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.roster-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.roster-row>span{min-width:0}.roster-row strong{color:var(--ink);display:block}.roster-row small{color:var(--muted);margin-top:4px;font-size:.82rem;display:block}.roster-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.role-select-label{color:var(--muted);align-items:center;gap:6px;font-size:.78rem;font-weight:800;display:inline-flex}.role-select-label select{border:1px solid var(--line-strong);min-height:34px;color:var(--navy);background:#fff;border-radius:8px;padding:0 8px;font-weight:800}.role-select-label select:disabled{opacity:.6;cursor:wait}.roster-row button{border:1px solid var(--line-strong);min-height:34px;color:var(--navy);background:#fff;border-radius:8px;padding:0 10px;font-weight:800}.roster-error{margin-bottom:12px}.empty-copy{color:var(--muted);margin:0;line-height:1.5}.course-map-panel{padding:0;overflow:hidden}.subway-shadow-host{min-width:0;display:block}@media (width<=1020px){.content-grid{grid-template-columns:1fr}.course-card-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-showcase{grid-template-columns:1fr}.demo-hero,.demo-course-preview{min-height:auto}.demo-preview-grid,.demo-detail-strip{grid-template-columns:1fr}}@media (width<=680px){.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:flex-start}.topbar select{width:100%;max-width:100%}.main-area{padding:14px}.demo-screen{padding:16px}.demo-hero,.demo-course-preview{padding:18px}.demo-hero{min-height:320px}.demo-hero h1{font-size:1.78rem}.demo-unlock{grid-template-columns:1fr}.demo-preview-head{flex-direction:column}.demo-preview-metrics{grid-template-columns:1fr}.demo-assignment{flex-direction:column;align-items:flex-start}.demo-assignment em{flex:none}.course-card-grid,.tool-grid{grid-template-columns:1fr}.quiet-link{display:none}}