:root{--bg: #08111f;--bg-alt: #0d1b31;--panel: #ffffff;--panel-soft: #f4f7fb;--panel-deep: #11233f;--text: #0e1729;--text-inverse: #eff5ff;--muted: #61708b;--line: rgba(16, 24, 40, .12);--line-strong: rgba(16, 24, 40, .18);--accent: #0ea5a7;--accent-strong: #1483b6;--accent-warm: #f59e0b;--danger: #dc4c64;--success: #1f9d72;--shadow: 0 30px 80px rgba(1, 10, 26, .35);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;--font-display: "Montserrat", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left,rgba(14,165,167,.24),transparent 26%),radial-gradient(circle at top right,rgba(21,115,255,.18),transparent 22%),linear-gradient(180deg,#06101d,#0b1425 34%,#eef3f8 34%,#eef3f8)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#0000005c,#0000);mask-image:linear-gradient(180deg,#0000005c,#0000)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.page-shell{position:relative;z-index:1;width:min(1280px,calc(100vw - 32px));margin:0 auto;padding:16px 0 32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border:1px solid rgba(255,255,255,.1);background:#07101ed1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;color:var(--text-inverse);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#0ea5a7,#1d4ed8);color:#fff;font-family:var(--font-display);font-weight:800;letter-spacing:.08em;box-shadow:0 12px 32px #0ea5a759}.brand-copy{display:flex;flex-direction:column}.brand-name,.brand-tag{line-height:1.1}.brand-name{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.92rem;font-weight:700}.brand-tag{color:#eff5ffb8;font-size:.88rem;margin-top:2px}.topbar-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.topbar-nav a{color:#eff5ffe6;font-weight:600;padding:10px 14px;border-radius:999px;border:1px solid transparent}.topbar-nav a:hover,.topbar-nav a:focus-visible{border-color:#ffffff1f;background:#ffffff0f}.page-main{margin-top:20px}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:16px 4px 0;color:#07101ec7;font-size:.95rem}.site-footer code{font-family:var(--font-mono);padding:2px 6px;border-radius:999px;background:#0f233f14}.flash-stack{display:grid;gap:12px;margin-bottom:18px}.flash{padding:14px 16px;border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--panel)}.flash--success{border-color:#1f9d723d;background:#1f9d7214}.flash--error{border-color:#dc4c643d;background:#dc4c6414}.flash--info{border-color:#1483b63d;background:#1483b614}.hero-grid,.dashboard-grid,.editor-layout,.result-layout,.attempt-layout{display:grid;gap:20px}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:stretch}.hero-panel,.panel,.auth-card,.empty-state,.test-card,.question-admin-card,.review-card,.question-card,.result-metric,.aside-card{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.hero-panel{padding:30px}.hero-panel--intro{background:linear-gradient(180deg,#ffffff14,#ffffff05),linear-gradient(135deg,#0b1530,#10284f 55%,#12335c);color:var(--text-inverse);min-height:380px;display:flex;flex-direction:column;justify-content:space-between}.hero-panel--aside{display:grid;gap:20px;align-content:start}.eyebrow,.panel-kicker{margin:0 0 8px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700}.hero-panel h1,.auth-card h1,.section-head h1,.section-head h2{margin:0;font-family:var(--font-display);line-height:1.04;letter-spacing:-.04em}.hero-panel h1{font-size:clamp(2.6rem,5vw,4.8rem);max-width:12ch}.lede,.section-note,.aside-text,.helper-text,.sidebar-note,.table-subtitle,.table-caption,.question-meta,.tiny-stack,.site-footer,.brand-tag{color:var(--muted)}.lede{max-width:62ch;font-size:1.08rem;line-height:1.6}.cta-row,.card-actions,.header-actions,.form-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-metrics,.stat-stack,.result-grid{display:grid;gap:14px}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.metric,.mini-stat,.result-metric{padding:18px;border-radius:20px;background:#ffffff17;border:1px solid rgba(255,255,255,.08)}.metric span,.mini-stat span,.result-metric span{display:block;font-family:var(--font-display);font-size:1.55rem;font-weight:800;margin-bottom:6px}.metric label,.mini-stat label,.result-metric label{display:block;color:#eff5ffb8;font-size:.92rem}.aside-card{background:var(--panel);padding:22px}.aside-card--accent{background:linear-gradient(180deg,#0b1530,#10284f);color:var(--text-inverse)}.aside-card--accent .aside-text,.aside-card--accent .aside-kicker{color:#eff5ffc7}.feature-list{margin:14px 0 0;padding-left:18px;color:var(--muted);display:grid;gap:10px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:28px 0 16px}.section-head h1,.section-head h2{color:#0a1321}.test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.test-card,.empty-state{background:var(--panel);padding:22px}.empty-state{text-align:center}.card-top,.question-admin-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:.84rem;font-weight:700;border:1px solid var(--line);background:var(--panel-soft);color:#274060}.badge--on{background:#1f9d721a;color:#117354;border-color:#1f9d7233}.badge--off{background:#dc4c6414;color:#b23652;border-color:#dc4c642e}.badge--neutral{background:#1483b614;color:#145c85;border-color:#1483b629}.join-code,.code-chip{font-family:var(--font-mono);letter-spacing:.08em;color:#11365d}.test-card h3,.question-admin-card h3,.review-card h2,.auth-card h1,.panel h2{margin:14px 0 8px}.test-card p,.question-admin-card p,.review-card p,.empty-state p{line-height:1.55}.stats,.stats--wide{display:grid;gap:12px;margin:18px 0 0;padding:0}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats div,.stats--wide div{padding:12px 14px;border-radius:18px;background:var(--panel-soft);border:1px solid rgba(16,24,40,.08)}.stats dt,.stats--wide dt{margin:0 0 6px;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.stats dd,.stats--wide dd{margin:0;font-family:var(--font-display);font-size:1.12rem;font-weight:700}.grid-form,.stack-form{display:grid;gap:14px}.grid-form--two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-form label,.stack-form label,.stack-label{display:grid;gap:8px}.grid-form .span-2{grid-column:span 2}label span{color:#31455f;font-weight:700}input,textarea,select{width:100%;border-radius:16px;border:1px solid rgba(16,24,40,.16);background:#fff;color:var(--text);padding:12px 14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}textarea{resize:vertical;min-height:48px}input:focus,textarea:focus,select:focus{border-color:#0ea5a78c;box-shadow:0 0 0 4px #0ea5a724}.inline-toggle{display:flex;align-items:center;gap:10px;background:var(--panel-soft);border-radius:18px;padding:14px}.inline-toggle input{width:auto;margin:0}.auth-layout{display:grid;place-items:center;min-height:64vh}.auth-card{width:min(760px,100%);background:var(--panel);padding:30px}.auth-card--wide{width:min(940px,100%)}.auth-card .lede{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid transparent;padding:12px 18px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;-webkit-user-select:none;user-select:none}.btn:hover,.btn:focus-visible{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#0ea5a7,#1573ff);box-shadow:0 14px 32px #0ea5a742}.btn-secondary{color:#13314f;background:#f3f7fb;border-color:#1018281f}.btn-dark{color:#fff;background:#0f2340;border-color:#ffffff14}.btn-danger{color:#fff;background:linear-gradient(135deg,#dc4c64,#b4233f)}.btn-small{padding:9px 14px;font-size:.92rem}.archive-panel{display:grid;gap:24px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.archive-panel .panel-head{align-items:end;padding-bottom:18px;border-bottom:1px solid var(--line)}.archive-panel .panel-kicker,.archive-folder-card .eyebrow{margin:0 0 6px;color:#0b7778;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.archive-folder-form{display:flex;align-items:center;gap:10px;width:min(100%,360px)}.archive-folder-form input{min-width:0;border-radius:999px}.archive-folder-grid,.archive-activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.archive-folder-card,.archive-activity-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow)}.archive-folder-heading,.archive-activity-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.archive-folder-card--explorer .archive-folder-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.archive-folder-card--explorer .archive-folder-heading>div:first-child{width:100%;align-items:center}.archive-folder-card--explorer .archive-folder-heading h3{overflow-wrap:anywhere;white-space:normal}.archive-folder-card--explorer .archive-folder-actions{justify-content:flex-start;flex-wrap:wrap}.archive-details-header{display:grid;grid-template-columns:minmax(0,1fr) 120px 110px;gap:16px;padding:0 18px 9px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.archive-folder-grid--details{display:grid;grid-template-columns:minmax(0,1fr);gap:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.archive-folder-grid--details .archive-folder-card{display:grid;grid-template-columns:minmax(0,1fr) 120px 110px;align-items:center;gap:16px;min-height:76px;padding:14px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}.archive-folder-grid--details .archive-folder-card:last-child{border-bottom:0}.archive-folder-grid--details .archive-folder-card:hover,.archive-folder-grid--details .archive-folder-card:focus-visible{transform:none;background:#f8fbfe;box-shadow:none}.archive-folder-detail-name{display:flex;align-items:center;gap:12px;min-width:0}.archive-folder-rename-form{display:flex;align-items:center;gap:8px;width:100%}.archive-folder-rename-form input{min-width:0;padding:8px 11px;border-radius:10px}.archive-add-folder-button{width:42px;min-width:42px;padding:9px}.archive-add-folder-button .icon-pack-icon{width:20px;height:20px}.archive-folder-detail-name h3{min-width:0;margin:0;overflow:hidden;color:#0a1321;font-size:1rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.archive-folder-grid--details>.archive-folder-card>.badge{justify-self:start}.archive-folder-grid--details .archive-folder-actions{justify-content:flex-end}.archive-details-header--lessons{grid-template-columns:minmax(0,1fr) 260px}.archive-activity-grid--details{grid-template-columns:minmax(0,1fr);gap:0}.archive-activity-grid--details .archive-activity-card{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:16px;min-height:76px;padding:14px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}.archive-activity-grid--details .archive-activity-card:last-child{border-bottom:0}.archive-activity-grid--details .archive-activity-card:hover{border-color:var(--line);background:#f8fbfe;box-shadow:none}.archive-lesson-detail-name{min-width:0}.archive-lesson-detail-name h3{margin:0;overflow:hidden;color:#0a1321;font-size:1rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.archive-move-modal{width:min(520px,calc(100vw - 32px))}.archive-move-name{margin:0 0 18px;overflow:hidden;color:#0a1321;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.archive-improve-panel{display:grid;gap:18px}.archive-improve-panel h3{margin:4px 0 6px;color:#0a1321}.archive-improve-panel p{max-width:680px;margin:0;color:var(--muted);line-height:1.6}.archive-improve-button{justify-self:start}.archive-visual-editor{display:grid;gap:18px}.archive-visual-edit-launcher{display:grid;place-items:center;min-height:300px;padding:32px;text-align:center}.archive-visual-edit-launcher h3{margin:6px 0 8px;color:#0a1321}.archive-visual-edit-launcher p{margin:0 0 18px;color:var(--muted)}.archive-visual-editor-heading,.archive-visual-preview-toolbar,.archive-visual-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.archive-visual-editor-heading h3{margin:4px 0 6px;color:#0a1321}.archive-visual-editor-heading p,.archive-visual-selection-text{margin:0;color:var(--muted);line-height:1.55}.archive-visual-editor-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.8fr);gap:16px;min-height:480px}.archive-visual-preview,.archive-visual-selection{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#f7fafc}.archive-visual-preview-toolbar{align-items:stretch;padding:8px 10px;border-bottom:1px solid var(--line);background:#fff}.archive-visual-mode-switch{display:flex;flex-wrap:wrap;gap:5px}.archive-visual-mode-switch button{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid transparent;border-radius:8px;color:var(--muted);background:#f3f7fb;cursor:pointer;font:inherit;font-size:.72rem;font-weight:700}.archive-visual-mode-switch button.is-active{border-color:#0ea5a74d;color:#0b7779;background:#e8f8f7}.archive-visual-mode-switch svg{width:15px;height:15px}.archive-visual-preview-toolbar small{color:var(--muted)}.archive-visual-preview-frame{display:block;width:100%;height:430px;border:0;background:#fff}.archive-visual-selection{display:flex;flex-direction:column;gap:14px;padding:16px;background:#fff}.archive-visual-selection h4{margin:0;color:#0a1321;font-size:1rem}.archive-visual-selection-details{display:grid;gap:8px;margin:0}.archive-visual-selection-details div{display:grid;gap:2px}.archive-visual-selection-details dt{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.archive-visual-selection-details dd{margin:0;overflow:hidden;color:#243b53;font-family:var(--font-mono);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.archive-direct-edit-fields{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.archive-direct-edit-fields .stack-label{gap:4px}.archive-direct-edit-fields .new-class-continue{justify-self:start}.archive-visual-selection-empty{display:grid;place-items:center;min-height:150px;padding:16px;border:1px dashed rgba(49,84,119,.25);border-radius:12px;color:var(--muted);text-align:center}.archive-visual-selection-empty svg{width:28px;height:28px;color:#1573ff}.archive-visual-selection-empty p{margin:8px 0 0;line-height:1.5}.archive-pending-changes{display:grid;gap:9px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.archive-pending-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#0a1321;font-size:.82rem}.archive-pending-changes>small{color:var(--muted)}.archive-pending-change{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:9px;border:1px solid rgba(14,165,167,.2);border-radius:10px;background:#f5fbfb}.archive-pending-change strong{color:#0a1321;font-size:.78rem}.archive-pending-change p{margin:3px 0 0;color:var(--muted);font-size:.76rem;line-height:1.4}.archive-pending-change .archive-icon-button{flex:0 0 auto;width:28px;height:28px;padding:5px}.archive-activity-grid--details .archive-activity-actions{justify-content:flex-end;flex-wrap:nowrap;white-space:nowrap}.archive-folder-heading>div:first-child,.archive-activity-heading>div:first-child{display:flex;align-items:flex-start;gap:12px;min-width:0}.archive-folder-heading h3,.archive-activity-heading h3{margin:2px 0 7px;overflow:hidden;color:#0a1321;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.archive-folder-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0ea5a7,#1573ff);box-shadow:0 10px 22px #0ea5a733}.archive-folder-icon svg{width:21px;height:21px}.archive-folder-id,.archive-activity-heading code{display:block;overflow:hidden;color:var(--muted);font-family:var(--font-mono);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.archive-folder-actions,.archive-activity-actions{display:flex;flex:0 0 auto;align-items:center;gap:7px}.archive-activity-card{min-height:112px;background:linear-gradient(180deg,#fff,#f8fbfe)}.archive-activity-card:hover{border-color:#0ea5a752;box-shadow:0 14px 30px #12355d1a}.archive-empty{grid-column:1 / -1;margin:0;padding:28px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);background:var(--panel-soft);text-align:center}.archive-icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px;border:1px solid rgba(16,24,40,.12);border-radius:9px;color:#315477;background:#f3f7fb;cursor:pointer}.archive-icon-button:hover,.archive-icon-button:focus-visible{border-color:#0ea5a77a;background:#e8f8f7}.archive-icon-button .icon-pack-icon{width:18px;height:18px}.archive-delete-button.archive-icon-button{color:#b23652;background:#dc4c640f}.archive-edit-modal{width:min(900px,100%);max-height:calc(100dvh - 32px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.archive-edit-modal--visual{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0;grid-template-rows:auto auto minmax(0,1fr) auto}.archive-edit-modal--visual .new-class-modal-body{padding:0;overflow:hidden}.archive-edit-modal--visual .archive-edit-fields{display:block;overflow:hidden}.archive-edit-modal--visual .archive-visual-editor{height:100%;min-height:0;gap:0}.archive-edit-modal--visual .archive-visual-editor-heading{min-height:44px;padding:6px 14px;border-bottom:1px solid var(--line);background:#fff}.archive-edit-modal--visual .archive-visual-editor-heading p{display:none}.archive-visual-topbar-mode{display:flex;gap:6px;margin-left:auto}.archive-visual-topbar-mode button{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:#f3f7fb;cursor:pointer;font:inherit;font-size:.78rem;font-weight:700}.archive-visual-topbar-mode button.is-active{border-color:#0ea5a74d;color:#0b7779;background:#e8f8f7}.archive-visual-topbar-mode svg{width:16px;height:16px}.archive-fullscreen-button{padding:5px 9px;border:1px solid var(--line);border-radius:9px;color:#315477;background:#fff;cursor:pointer;font:inherit;font-size:.78rem;font-weight:700}.archive-visual-editor:fullscreen{width:100vw;height:100vh;padding:0;background:#eef3f8}.archive-visual-editor:fullscreen .archive-visual-editor-layout{height:auto;min-height:0}.archive-edit-modal--visual .archive-visual-preview-toolbar{display:none}.archive-edit-modal--visual .archive-visual-editor-layout{height:100%;min-height:0;grid-template-columns:minmax(0,1fr) 340px;gap:0}.archive-edit-modal--visual .archive-visual-preview,.archive-edit-modal--visual .archive-visual-selection{border:0;border-radius:0}.archive-edit-modal--visual .archive-visual-preview-frame{height:100%;min-height:0}.archive-edit-modal--visual .archive-visual-selection{overflow-y:auto;border-left:1px solid var(--line)}.archive-edit-modal--visual .new-class-modal-footer{padding:10px 18px}.archive-folder-card--explorer{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.archive-folder-card--explorer:hover,.archive-folder-card--explorer:focus-visible{transform:translateY(-2px);outline:none;box-shadow:0 12px 28px #1573ff24}.archive-explorer-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:20px;padding:12px 0 18px;border-bottom:1px solid rgba(16,24,40,.1)}.archive-explorer-toolbar h2{margin:2px 0 0}.archive-back-button{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(16,24,40,.12);border-radius:8px;color:#315477;background:#fff;cursor:pointer;font:inherit;font-size:.8rem}.archive-back-button svg{width:16px;height:16px}@media (max-width: 640px){.archive-explorer-toolbar{grid-template-columns:1fr auto}.archive-explorer-toolbar>div{order:-1;grid-column:1 / -1}}@media (max-width: 760px){.archive-visual-editor-layout{grid-template-columns:1fr}.archive-visual-preview-frame{height:360px}}.archive-edit-tabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid rgba(16,24,40,.1);background:#fff}.archive-edit-tabs button{display:inline-flex;align-items:center;gap:7px;padding:12px 14px 10px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;cursor:pointer;font:inherit;font-size:.82rem}.archive-edit-tabs button svg{width:16px;height:16px}.archive-edit-tabs button.is-active{border-bottom-color:#1573ff;color:#1573ff}.archive-edit-tabs button.archive-tab-coming-soon{cursor:not-allowed;opacity:.58}.archive-edit-tabs button.archive-tab-coming-soon small{padding:2px 6px;border-radius:999px;color:#6b7280;background:#eef2f6;font-size:.64rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.archive-edit-fields{display:grid;gap:18px;min-height:0;overflow-y:auto}.archive-code-editor{min-height:0;height:min(52vh,520px);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.5}@media (max-width: 640px){.archive-panel .panel-head,.archive-folder-form,.archive-folder-heading,.archive-activity-heading{align-items:stretch}.archive-panel .panel-head,.archive-folder-form{flex-direction:column}.archive-folder-form{width:100%}.archive-folder-actions,.archive-activity-actions{flex-wrap:nowrap}.archive-details-header{grid-template-columns:minmax(0,1fr) 80px}.archive-details-header span:last-child{display:none}.archive-folder-grid--details .archive-folder-card{grid-template-columns:minmax(0,1fr) 80px}.archive-folder-grid--details .archive-folder-actions{grid-column:1 / -1;justify-content:flex-start}.archive-details-header--lessons,.archive-activity-grid--details .archive-activity-card{grid-template-columns:minmax(0,1fr) auto}.archive-activity-grid--details .archive-activity-actions{justify-content:flex-start;max-width:100%;overflow-x:auto}.archive-folder-detail-name h3{white-space:normal}.archive-edit-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.archive-edit-tabs{padding-inline:12px}.archive-edit-tabs button{flex:1;justify-content:center;padding-inline:7px;font-size:.75rem}.archive-edit-fields{padding:16px}.archive-code-editor{height:min(45vh,360px)}}.lesson-media-panel{display:grid;gap:12px;padding:16px;border:1px solid rgba(16,24,40,.1);border-radius:14px;background:#f8fbfe}.lesson-media-slots{display:grid;gap:8px;padding:12px;border:1px solid rgba(21,115,255,.16);border-radius:10px;background:#fff}.lesson-media-slots-heading,.lesson-media-slot,.lesson-media-slot-actions{display:flex;align-items:center;gap:10px}.lesson-media-slots-heading{justify-content:space-between;color:#315477;font-size:.82rem}.lesson-media-slots-heading span{min-width:22px;padding:2px 6px;border-radius:999px;color:#1573ff;background:#eaf2ff;text-align:center;font-size:.72rem;font-weight:700}.lesson-media-slot{justify-content:space-between;flex-wrap:wrap;padding-top:8px;border-top:1px solid rgba(16,24,40,.08)}.lesson-media-slot>div:first-child{display:grid;gap:2px;min-width:0}.lesson-media-slot strong{color:#315477;font-size:.78rem}.lesson-media-slot span,.lesson-media-slot small{color:var(--muted);font-size:.75rem}.lesson-media-slot-actions{flex-wrap:wrap}.lesson-media-slot-actions button{padding:6px 9px;border:1px solid rgba(21,115,255,.25);border-radius:8px;color:#1573ff;background:#f5f9ff;cursor:pointer;font:inherit;font-size:.74rem}.lesson-media-slot-actions button:hover{color:#fff;background:#1573ff}.lesson-media-heading,.lesson-media-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-media-heading h3{margin:2px 0 0}.lesson-media-tabs{display:flex;gap:4px}.lesson-media-tabs button,.lesson-media-row button{padding:7px 10px;border:1px solid rgba(16,24,40,.12);border-radius:8px;color:#315477;background:#fff;cursor:pointer;font:inherit;font-size:.78rem}.lesson-media-tabs button.is-active,.lesson-media-row button:hover{color:#fff;background:#1573ff}.lesson-media-upload{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border:1px dashed rgba(21,115,255,.35);border-radius:10px;color:#315477;background:#fff;cursor:pointer;font-weight:700}.lesson-media-upload input{max-width:190px}.lesson-media-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.lesson-media-item{display:grid;min-height:90px;place-items:center;overflow:hidden;padding:8px;border:1px solid rgba(16,24,40,.1);border-radius:10px;background:#fff}.lesson-media-item img{width:100%;height:100px;object-fit:contain}.lesson-media-item audio{width:100%}.lesson-media-row{justify-content:flex-start;flex-wrap:wrap;border-top:1px solid rgba(16,24,40,.08);padding-top:9px}.lesson-media-row span{min-width:0;flex:1 1 160px;overflow:hidden;color:#315477;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.media-error{color:#b23652}.media-empty{color:var(--muted)}.account-usage-summary{display:grid;gap:14px}.account-usage-summary>strong{padding:14px;border-radius:12px;color:#13314f;background:#eef7ff}.account-usage-list{display:grid;gap:8px;max-height:360px;overflow:auto}.account-usage-row{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:11px 12px;border:1px solid rgba(16,24,40,.1);border-radius:10px;background:#fff}.account-usage-row span,.account-usage-row small{color:var(--muted)}.account-usage-row small{grid-column:1 / -1}.account-metrics{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:150px}.account-metrics button,.account-edit,.account-remove{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:34px;height:34px;padding:7px;border-radius:9px}.account-metrics button{border:1px solid rgba(16,24,40,.12);color:#315477;background:#f3f7fb;cursor:pointer}.account-metrics button:hover,.account-metrics button:focus-visible,.account-edit:hover,.account-edit:focus-visible{border-color:#0ea5a77a;color:#0b7778;background:#e8f8f7;text-decoration:none}.account-metrics .icon-pack-icon,.account-edit .icon-pack-icon,.account-remove .icon-pack-icon{width:17px;height:17px}.account-remove{border-color:#dc4c6438}.account-remove:hover,.account-remove:focus-visible{background:#dc4c6424}.page-shell--landing{width:100%;min-height:100vh;margin:0;padding:0}.page-shell--landing .page-main{margin:0}.page-shell--landing .site-footer{display:none}.landing-page{width:100vw;min-width:0;height:100vh;min-height:0;display:grid;place-items:center;padding:4.92vh 8.33vw;overflow:hidden;background:url(/screen.png) center / cover no-repeat,#4f46e5}.landing-card{position:relative;width:83.33vw;height:90.15vh;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,47.36%);gap:0;overflow:hidden;border-radius:24px;background:#fff}.landing-card__content{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;padding:74px 42px}.landing-language{position:absolute;top:28px;right:30px;z-index:5}.language-switcher{position:relative;z-index:5;color:#5e61d9}.landing-language.language-switcher,.login-language.language-switcher{position:absolute;top:28px;right:30px}.landing-language.language-switcher{top:70px;right:34px}.language-switcher__button{display:inline-flex;align-items:center;padding:4px 0;border:0;color:inherit;background:transparent;font-size:14px;font-weight:700;cursor:pointer}.language-switcher__button:hover,.language-switcher__button:focus-visible{color:#403bd0;outline:2px solid rgba(81,73,221,.24);outline-offset:4px;border-radius:4px}.language-switcher__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:132px;padding:5px;border:1px solid rgba(81,73,221,.15);border-radius:8px;background:#fff;box-shadow:0 12px 28px #241e942e}.language-switcher__menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 9px;border:0;border-radius:5px;color:#34335a;background:transparent;font-size:12px;text-align:left;cursor:pointer}.language-switcher__menu button:hover,.language-switcher__menu button:focus-visible,.language-switcher__menu button[aria-selected=true]{color:#4e48d8;background:#f0f0ff;outline:0}.language-switcher__menu button span{color:#8a89b4;font-size:10px;font-weight:700}.landing-welcome{width:100%;margin-top:18px;text-align:center}.landing-logo,.landing-brand__mark{display:inline-grid;place-items:center;color:#fff;background:#5149dd;box-shadow:0 8px 16px #4c45d838}.landing-logo{width:54px;height:54px;margin-bottom:16px;border-radius:12px;font-size:28px}.landing-welcome h1{margin:0;color:#696de1;font-family:var(--font-body);font-size:clamp(2rem,2.6vw,2.8rem);font-weight:300;letter-spacing:-.05em}.landing-welcome h1 strong{color:#4844d5;font-weight:800}.landing-welcome p{margin:8px 0 44px;color:#b1b1b7;font-size:19px}.landing-actions{display:flex;justify-content:center;gap:19px}.landing-button{min-width:253px;height:60px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;color:#fff;font-size:20px;font-weight:500;cursor:pointer;transition:transform .18s ease,filter .18s ease}.landing-button:hover,.landing-button:focus-visible{transform:translateY(-2px);filter:brightness(1.05)}.landing-button svg{width:19px;height:19px}.landing-button--primary{background:#4d46d8}.landing-button--secondary{background:#7d7bea}.landing-visual{position:relative;isolation:isolate;min-width:0;min-height:100%;overflow:hidden;color:#fff;background:linear-gradient(105deg,#382d82b3,#4f46e54d),url(../img/portrait-male-professor-teaching-school.jpg) center / cover no-repeat}.landing-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.34;background:radial-gradient(circle at center,rgba(255,255,255,.42) 0 2px,transparent 2.5px),linear-gradient(90deg,transparent 49%,rgba(255,255,255,.18) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.18) 50%,transparent 51%);background-size:98px 98px;mix-blend-mode:screen}.landing-visual__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1.5px);background-size:98px 98px;opacity:.3}.landing-brand{position:absolute;top:78px;left:33px;display:flex;align-items:center;gap:17px;font-size:40px;letter-spacing:-.02em}.landing-brand__mark{width:64px;height:64px;border-radius:16px;font-size:34px;background:#5349ed}.landing-person{display:none}.landing-person__head{position:absolute;top:0;left:31%;width:42%;height:42%;border-radius:48% 48% 43% 45%;background:linear-gradient(135deg,#d7c3b9,#6d5574 78%);box-shadow:inset 13px -10px #2d204a3d}.landing-person__head:before{content:"";position:absolute;top:-4%;right:-4%;bottom:65%;left:0;border-radius:55% 55% 20% 20%;background:#302c5e}.landing-person__body{position:absolute;bottom:0;left:5%;width:88%;height:66%;border-radius:47% 47% 0 0;background:linear-gradient(110deg,#211d48 0,#211d48 35%,#776d9e 36%,#776d9e 56%,#292452 57%);transform:perspective(200px) rotateY(-7deg)}.landing-visual__copy{position:absolute;left:33px;bottom:154px;display:grid;color:#fffffff0;font-size:70px;font-weight:300;line-height:1.18;letter-spacing:0}.landing-visual__copy strong{font-size:80px;font-weight:800;letter-spacing:0}.landing-visual__copy p{max-width:558px;margin:18px 0 0;font-size:20px;line-height:1.25;letter-spacing:0}@media (max-width: 760px){.landing-page{padding:20px}.landing-card{grid-template-columns:1fr;min-height:0}.landing-card__content{min-height:390px;padding:38px 25px}.landing-visual{min-height:410px}.landing-visual__copy{bottom:55px}}.page-shell--join-entry{width:100%;min-height:100vh;margin:0;padding:38px 8.3vw;background-color:#4d46da;background-image:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%);background-size:42px 42px}.page-shell--join-entry .page-main,.page-shell--join-entry .lesson-only-main{margin:0}.page-shell--join-entry .site-footer{display:none}.join-form-page{width:min(1120px,100%);min-height:630px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 22px 55px #241e9440}.join-form-visual{min-height:100%}.join-form-photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.72;background-position:center;background-size:cover}.join-form-visual--test .join-form-photo{background:linear-gradient(125deg,#2b2253bf,#a19eda47),radial-gradient(ellipse at 25% 17%,#b8adbe 0 12%,transparent 28%),linear-gradient(150deg,#28224c 0,#28224c 35%,#8f8ac5 36%,#8f8ac5 65%,#2c2b64 66%)}.join-form-visual--test .join-form-photo:after{content:"";position:absolute;width:88%;height:32%;left:3%;bottom:8%;border-radius:50% 50% 8% 8%;background:linear-gradient(145deg,#251f41d9,#c3bbd3bf);transform:rotate(-5deg);filter:blur(1px)}.join-form-visual--lesson .join-form-photo{background:linear-gradient(125deg,#615ba573,#c4bee742),radial-gradient(ellipse at 75% 28%,#c0b5cf 0 17%,transparent 31%),linear-gradient(145deg,#8079ad 0,#8079ad 31%,#c9c5e2 32%,#c9c5e2 64%,#736ea9 65%)}.join-form-visual--lesson .join-form-photo:after{content:"";position:absolute;width:95%;height:45%;left:7%;top:29%;border-radius:40% 12% 24% 15%;background:linear-gradient(145deg,#7e5b58f2,#ddb8a5cc 44%,#6d5367cc);transform:rotate(17deg);filter:blur(1px)}.join-form-content{position:relative;display:flex;align-items:center;justify-content:center;padding:42px 52px}.join-form-inner{width:min(100%,340px);text-align:center}.join-form-inner h1{margin:12px 0 25px;color:#7779e5;font-size:25px;line-height:1;font-weight:300;letter-spacing:-.04em}.join-form-inner h1 strong{color:#4e48d8;font-weight:800}.join-form{gap:14px;text-align:left}.join-form .auth-login-field span{font-size:9px}.join-form .auth-login-field input{height:29px}.join-form-submit{width:100%;height:29px;margin-top:2px;border-radius:5px;padding:0;font-size:10px;box-shadow:none}@media (max-width: 760px){.page-shell--join-entry{padding:20px}.join-form-page{grid-template-columns:1fr;min-height:0}.join-form-visual{min-height:410px}.join-form-content{min-height:390px;padding:55px 25px 40px}}@media (max-width: 420px){.landing-actions{flex-direction:column;align-items:center}.landing-button{width:min(100%,240px)}.landing-visual__copy{font-size:29px}.landing-visual__copy strong{font-size:34px}}.page-shell--login{width:100%;min-height:100vh;margin:0;padding:38px 8.3vw}.page-shell--login .page-main{margin:0}.page-shell--login .site-footer{display:none}.auth-layout--login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(1120px,100%);min-height:630px;margin:0 auto;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 22px 55px #241e9440;transform:translateY(0)}.page-shell--login{background-color:#4d46da;background-image:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%);background-size:42px 42px}.page-shell--login,.page-shell--join-entry{display:flex;flex-direction:column;justify-content:center}.page-shell--login .page-main,.page-shell--join-entry .page-main,.page-shell--join-entry .lesson-only-main{width:100%}.auth-login-visual{position:relative;isolation:isolate;min-height:100%;overflow:hidden;color:#fff;background:linear-gradient(105deg,#382d82a6,#7d77cd57),radial-gradient(ellipse at 73% 29%,#a6a3db 0,#625d9e 35%,#30275d)}.auth-login-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.32;background:repeating-linear-gradient(90deg,transparent 0 54px,rgba(255,255,255,.22) 55px,transparent 56px),repeating-linear-gradient(0deg,transparent 0 74px,rgba(255,255,255,.16) 75px,transparent 76px);mix-blend-mode:screen}.auth-card--login{position:relative;width:auto;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 58px;border:0;border-radius:0;box-shadow:none}.auth-card--login .auth-login-heading,.auth-card--login .stack-form,.auth-card--login>.flash{width:min(100%,340px)}.auth-card--login .auth-login-heading{text-align:center}.auth-login-heading h1{margin:12px 0 0;color:#7779e5;font-size:25px;font-weight:300;letter-spacing:-.04em}.auth-login-heading .lede{margin:4px 0 24px;color:#b8b8c1;font-size:12px}.auth-login-icon{width:31px;height:31px;display:inline-grid;place-items:center;border-radius:6px;color:#fff;background:#5149dd}.auth-login-icon svg{width:17px;height:17px}.auth-login-field{gap:6px!important}.auth-login-field span{color:#5e60d9;font-size:11px;font-weight:600}.auth-login-field span b{color:#e84e62}.auth-login-field input{height:29px;padding:7px 11px;border-radius:5px;border-color:#b7b7fb;font-size:11px}.auth-login-field input:focus{border-color:#5c58dc;box-shadow:0 0 0 3px #5c58dc1f}.auth-card--login .stack-form{gap:14px}.auth-login-submit{width:100%;height:29px;margin-top:5px;border-radius:5px;padding:0;font-size:11px;background:#5149dd;box-shadow:none}.login-language{position:absolute;top:28px;right:30px}.page-shell:has(.join-choice-page){width:100%;min-height:100vh;margin:0;padding:38px 8.3vw;background-color:#4d46da;background-image:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%);background-size:42px 42px}.page-shell:has(.join-choice-page) .page-main,.page-shell:has(.join-choice-page) .site-footer{margin:0}.page-shell:has(.join-choice-page) .site-footer{display:none}.join-choice-page{width:100%}.join-choice-card{width:min(1120px,100%);min-height:630px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 22px 55px #241e9440}.join-choice-card>.landing-visual{min-height:100%}.join-choice-content{position:relative;display:flex;align-items:center;justify-content:center;padding:42px 52px}.join-choice-inner{width:min(100%,340px);text-align:center}.join-choice-inner h1{margin:12px 0 25px;color:#7779e5;font-size:25px;line-height:1.06;font-weight:300;letter-spacing:-.04em}.join-choice-inner h1 strong{color:#4e48d8;font-weight:800}.join-choice-options--page{display:grid;gap:10px;text-align:left}.join-choice-option{min-height:48px;display:grid;grid-template-columns:31px 1fr 16px;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e6e6f2;border-radius:7px;color:#30304a;background:#fff;transition:border-color .18s ease,background .18s ease,transform .18s ease}.join-choice-option:first-child{background:#f0f0ff;border-color:#e3e2fb}.join-choice-option:hover,.join-choice-option:focus-visible{border-color:#7975e9;transform:translateY(-1px)}.join-choice-option>span:nth-child(2){display:grid;gap:2px}.join-choice-option strong{font-size:11px}.join-choice-option small{color:#6f7082;font-size:8px}.join-choice-option>svg{width:14px;height:14px;color:#8d8bee}.join-choice-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:5px;color:#5149dd;background:#e7e6fb}.join-choice-option:first-child .join-choice-icon{color:#fff;background:#5149dd}.join-choice-icon svg{width:14px;height:14px}.join-choice-next{width:100%;height:29px;display:flex;align-items:center;justify-content:center;margin-top:20px;border-radius:5px;color:#fff;background:#5149dd;font-size:10px}@media (max-width: 760px){.page-shell:has(.join-choice-page){padding:20px}.join-choice-card{grid-template-columns:1fr;min-height:0}.join-choice-card>.landing-visual{min-height:410px}.join-choice-content{min-height:390px;padding:55px 25px 40px}}@media (max-width: 760px){.page-shell--login{padding:20px}.auth-layout--login{width:100%;min-height:0;grid-template-columns:1fr;margin:0 auto}.auth-login-visual{min-height:410px}.auth-card--login{min-height:390px;padding:55px 25px 40px}}@media (max-width: 420px){.landing-language,.login-language{top:20px!important;right:22px!important}}.page-shell--login{box-sizing:border-box;width:100%;min-height:100vh;padding:4.92vh 8.33vw;background-color:#4f46e5;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.12) 0 2px,transparent 2.5px),linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%);background-size:96px 96px,42px 42px,42px 42px}.auth-layout--login{box-sizing:border-box;grid-template-columns:682px minmax(0,1fr);width:min(1440px,100%);min-height:90.16vh;margin:0 auto;padding:16px 35px;overflow:hidden;border-radius:24px;background:#fff;box-shadow:none}.auth-login-visual{min-height:0;border-radius:20px;background:linear-gradient(105deg,#382d82a8,#4f46e557),url(../img/portrait-male-professor-teaching-school.jpg) center / cover no-repeat}.auth-login-visual:after{display:none}.auth-login-visual:before{opacity:.24;background:radial-gradient(circle at center,rgba(255,255,255,.5) 0 2px,transparent 2.5px),linear-gradient(90deg,transparent 49%,rgba(255,255,255,.22) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.22) 50%,transparent 51%);background-size:98px 98px}.auth-card--login{min-height:0;padding:74px 9.5%;border-radius:0;box-shadow:none}.auth-card--login .auth-login-heading,.auth-card--login .stack-form,.auth-card--login>.flash{width:min(100%,510px)}.auth-card--login .auth-login-heading{margin-bottom:30px}.auth-login-heading h1{margin-top:24px;font-size:clamp(2rem,3vw,3rem)}.auth-login-heading .lede{margin-top:4px;font-size:1rem}.auth-login-icon{width:54px;height:54px;border-radius:12px}.auth-login-icon svg{width:24px;height:24px}.auth-login-field{gap:9px!important}.auth-login-field span{color:#4f46e5;font-size:1rem}.auth-login-field input{height:50px;padding:12px 16px;border-radius:8px;font-size:.95rem}.auth-card--login .stack-form{gap:25px}.auth-login-submit{height:50px;margin-top:18px;border-radius:8px;font-size:1rem}.login-language{top:58px;right:45px}@media (max-width: 1100px){.auth-layout--login{grid-template-columns:minmax(300px,.9fr) minmax(380px,1fr)}.auth-card--login{padding-inline:7%}.landing-brand{transform:scale(.85);transform-origin:top left}.landing-visual__copy{transform:scale(.72);transform-origin:bottom left}}@media (max-width: 760px){.page-shell--login{padding:20px}.auth-layout--login{grid-template-columns:1fr;min-height:0;padding:0}.auth-login-visual{min-height:410px;border-radius:20px 20px 0 0}.auth-card--login{min-height:390px;padding:55px 25px 40px;border-radius:0 0 20px 20px}.login-language{top:20px;right:22px}}.page-shell--login .auth-layout--login{display:grid;align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.page-shell--login .auth-login-visual{display:flex;width:100%;height:100%;min-width:0;min-height:0;align-self:stretch;background-image:linear-gradient(105deg,#382d82a8,#4f46e557),url(../img/portrait-male-professor-teaching-school.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}@media (min-width: 1200px){.page-shell--login .auth-layout--login{grid-template-columns:682px minmax(0,1fr)}}.page-shell--admin{width:100%;min-height:100vh;margin:0;padding:0;overflow:visible;border-radius:0;background:#fff;box-shadow:none}.page-shell--admin .admin-shell-body{min-height:100vh;align-items:stretch;grid-template-columns:230px minmax(0,1fr);gap:0;background:#fff}.page-shell--admin .admin-sidebar{position:static;min-height:100%;height:auto;border:0;border-radius:0}.page-shell--admin .admin-shell-content{min-width:0;padding:0 28px 28px;background:#fff}.page-shell--admin .reference-dashboard{max-width:none}@media (max-width: 780px){.page-shell--admin{width:calc(100vw - 20px);margin:10px auto 20px}.page-shell--admin .admin-shell-body{min-height:0;grid-template-columns:1fr}.page-shell--admin .admin-shell-content{padding:0 16px 20px}}.landing-card__content,.landing-visual{min-width:0}.landing-actions{width:100%}.landing-button{min-width:0;flex:1 1 0;width:0;padding-inline:12px}.landing-welcome h1{font-size:clamp(1.7rem,2.6vw,2.8rem);white-space:nowrap}.landing-welcome p{font-size:clamp(.95rem,1.1vw,1.1875rem)}.landing-visual__copy{right:28px;max-width:calc(100% - 61px);font-size:clamp(2.35rem,4.05vw,4.375rem)}.landing-visual__copy strong{font-size:clamp(2.8rem,4.65vw,5rem);overflow-wrap:anywhere}.landing-visual__copy p{max-width:100%;font-size:clamp(.85rem,1.15vw,1.25rem)}.landing-brand{max-width:calc(100% - 66px);font-size:clamp(1.8rem,2.3vw,2.5rem)}@media (max-width: 900px){.landing-card{width:92vw;height:auto;min-height:calc(100vh - 32px);grid-template-columns:1fr}.landing-card__content{min-height:520px}.landing-visual{min-height:560px}.landing-visual__copy{bottom:72px}}@media (max-width: 560px){.landing-page{height:auto;min-height:100vh;padding:16px;overflow:auto}.landing-card__content{min-height:470px;padding:72px 24px 42px}.landing-welcome h1{white-space:normal}.landing-actions{flex-direction:column}.landing-button{width:100%}.landing-visual{min-height:500px}.landing-visual__copy{left:24px;right:24px;max-width:none}}.page-shell--admin{width:min(1120px,calc(100vw - 40px));margin:20px auto 40px;padding:0;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 24px 70px #050f232e}.page-shell--admin>.topbar{display:none}.page-shell--admin .admin-shell-body{min-height:780px;grid-template-columns:230px minmax(0,1fr);gap:0;align-items:stretch;overflow:hidden;background:#fff}.page-shell--admin .admin-sidebar{position:static;min-height:100%;height:auto;border:0;border-radius:0;background:linear-gradient(180deg,#5149d9,#4942ce);box-shadow:none}.page-shell--admin .admin-shell-content{padding:0 28px 28px;background:#fff}body:has(.page-shell--admin){height:100vh;overflow:hidden;background:#fff}body:has(.page-shell--admin):before{display:none}body .page-shell.page-shell--admin{width:100vw;max-width:none;height:100vh;min-height:0;margin:0;padding:0;overflow:hidden;border-radius:0;background:#fff}.page-shell--admin .admin-shell-body{height:100vh;min-height:0;overflow:hidden}.page-shell--admin .admin-sidebar{position:relative;top:0;height:100vh;min-height:0;overflow-y:auto;overscroll-behavior:contain}.page-shell--admin .admin-shell-content{height:100vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#c9c9d2 #ffffff;scrollbar-width:auto}.page-shell--admin .admin-shell-content::-webkit-scrollbar{width:14px;background:#fff}.page-shell--admin .admin-shell-content::-webkit-scrollbar-track,.page-shell--admin .admin-shell-content::-webkit-scrollbar-corner{background:#fff}.page-shell--admin .admin-shell-content::-webkit-scrollbar-thumb{min-height:42px;border:4px solid #ffffff;border-radius:999px;background:#c9c9d2}.page-shell--admin .admin-shell-content::-webkit-scrollbar-thumb:hover{background:#b4b4bf}.page-shell--admin .admin-shell-content::-webkit-scrollbar-button{height:14px;background-color:#fff}.page-shell--admin .admin-shell-content::-webkit-scrollbar-button:vertical:decrement{background:#fff center / 8px 8px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23b8b8c2' d='M4 2 7 6H1z'/%3E%3C/svg%3E")}.page-shell--admin .admin-shell-content::-webkit-scrollbar-button:vertical:increment{background:#fff center / 8px 8px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23b8b8c2' d='m4 6 3-4H1z'/%3E%3C/svg%3E")}body{background:#fff}body:before{display:none}.assessment-wizard-modal{width:min(680px,calc(100vw - 32px))}.assessment-wizard-body{display:grid;gap:16px}.assessment-wizard-body h3,.assessment-wizard-body p{margin:0}.assessment-wizard-body h3{color:#252538}.assessment-wizard-body>p{color:#77778f}.assessment-wizard-options{display:grid;gap:12px}.assessment-wizard-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.assessment-wizard-summary span{display:grid;gap:5px;padding:14px;border:1px solid #e5e4f4;border-radius:10px;background:#f8f8ff}.assessment-wizard-summary small{color:#77778f;font-size:.72rem}.assessment-wizard-summary strong{color:#34335a;font-size:.9rem}.new-class-structure--creative .new-class-structure-art{color:#fff;background:linear-gradient(135deg,#6c63ef,#a454d7);box-shadow:0 8px 20px #5149d933}.new-class-modal--creative{width:min(900px,calc(100vw - 32px))}.new-class-modal--creative .new-class-modal-body{max-height:65vh;overflow-y:auto}.creative-wizard-fields label span{font-size:.62rem}.creative-wizard-fields .color-palette-field>span,.creative-wizard-fields .font-palette-field>span{color:#4a4962;font-size:.62rem}.creative-wizard-fields .color-palette,.creative-wizard-fields .font-palette{border-radius:7px;font-size:.6rem}.creative-wizard-fields .font-palette{min-height:74px;padding:7px}.creative-wizard-fields .font-palette strong{min-height:36px;font-size:.85rem}.creative-wizard-fields .color-palette:hover,.creative-wizard-fields .color-palette:focus-visible,.creative-wizard-fields .color-palette.is-selected,.creative-wizard-fields .font-palette:hover,.creative-wizard-fields .font-palette:focus-visible,.creative-wizard-fields .font-palette.is-selected{border-color:#5149d9;background:#f0efff;box-shadow:0 0 0 2px #5149d91f}.creative-wizard-build{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.creative-wizard-build section{min-width:0}.creative-wizard-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:#3e3e54;font-size:.62rem}.creative-wizard-heading button{padding:6px 9px;border:0;border-radius:5px;color:#fff;background:#5149d9;font-size:.52rem;font-weight:700;cursor:pointer}.creative-wizard-build textarea{min-height:180px;border-radius:8px;font-family:var(--font-mono);font-size:.62rem;line-height:1.5}.creative-wizard-preview{grid-column:1 / -1;width:100%;min-height:220px;border:1px solid #dddced;border-radius:8px;background:#fff}@media (max-width: 680px){.creative-wizard-build{grid-template-columns:1fr}.creative-wizard-preview{grid-column:auto}}@media (max-width: 560px){.assessment-wizard-summary{grid-template-columns:1fr}}.page-shell--admin .reference-dashboard{max-width:none;padding-top:8px}.page-shell--admin .reference-stat--primary,.page-shell--admin .reference-card-button,.page-shell--admin .reference-row-button{background:linear-gradient(135deg,#5149d9,#4039bd)}@media (max-width: 780px){body:has(.page-shell--admin){height:auto;overflow:auto}body .page-shell.page-shell--admin{height:auto;min-height:100vh;overflow:visible}.page-shell--admin{width:100%;margin-top:0}.page-shell--admin .admin-shell-body{height:auto;grid-template-columns:1fr;overflow:visible}.page-shell--admin .admin-sidebar{position:static;height:auto;min-height:0;overflow:visible}.page-shell--admin .admin-shell-content{height:auto;padding:0 16px 20px;overflow:visible}}.panel{background:var(--panel);padding:24px}.panel--wide{grid-column:span 2}.panel--side{background:var(--panel);padding:24px;display:grid;align-content:start;gap:16px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.panel h2{margin-top:0;color:#0a1321}.table-scroll{overflow-x:auto}.test-table-card{background:var(--panel);border-radius:var(--radius-xl);border:1px solid var(--line);box-shadow:var(--shadow)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:16px;border-bottom:1px solid rgba(16,24,40,.08);vertical-align:top}.admin-table th{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;color:var(--muted);background:#f8fbfe}.table-title{font-weight:800;color:#13233a}.table-subtitle{margin-top:4px;max-width:42ch;line-height:1.5}.table-actions,.tiny-stack{display:flex;flex-wrap:wrap;gap:8px}.empty-inline{padding:18px;color:var(--muted)}.question-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.question-admin-card,.review-card{background:var(--panel);padding:22px}.question-preview,.stimulus-stack{display:grid;gap:12px}.question-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;font-size:.95rem}.content-block{display:grid;gap:10px}.content-block--text,.content-block--math{padding:14px 16px;border-radius:18px;background:#f8fbfe;border:1px solid rgba(16,24,40,.08)}.math-display{overflow-x:auto;font-size:1.04rem}.content-block--image{margin:0;padding:14px;background:#f8fbfe;border-radius:20px;border:1px solid rgba(16,24,40,.08)}.content-block--image figcaption,.table-caption{font-size:.94rem}.table-shell{overflow-x:auto}.content-table{width:100%;border-collapse:collapse;border-radius:18px;overflow:hidden}.content-table th,.content-table td{padding:12px 14px;border:1px solid rgba(16,24,40,.08)}.content-table thead th{background:#e9f2ff;color:#12385c}.graph-svg{width:100%;height:auto;display:block}.graph-bg{fill:#f8fbfe;stroke:#10182814;stroke-width:1}.graph-title{font-family:var(--font-display);font-size:16px;font-weight:700;fill:#12385c}.graph-axis,.graph-tick,.graph-zero{stroke:#12355d47;stroke-width:1.4}.graph-line{stroke:#0ea5a7;stroke-width:3}.graph-point{fill:#0ea5a7}.graph-bar{stroke:#fffc;stroke-width:1}.graph-label{font-family:var(--font-body);font-size:12px;fill:#5b7088}.graph-label--axis{font-size:13px;font-weight:700;fill:#2f4a66}.graph-label--legend{font-size:12px}.graph-error{padding:14px 16px;border-radius:16px;color:#8b1f35;background:#dc4c6414;border:1px solid rgba(220,76,100,.16)}.editor-layout{grid-template-columns:minmax(0,1fr)}.choice-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.choice-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;margin-top:18px}.flex-grow{flex:1}.block-editor{display:grid;gap:16px;margin-top:10px}.block-editor-row{background:#f8fbfe;border:1px solid rgba(16,24,40,.08);border-radius:22px;padding:16px;display:grid;gap:14px}.block-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.block-editor-fields{display:grid;gap:12px}.block-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.block-toolbar select{width:auto;min-width:160px}.block-inline{display:grid;gap:10px}.attempt-layout{grid-template-columns:300px minmax(0,1fr);align-items:start}.attempt-sidebar{position:sticky;top:18px;display:grid;gap:16px}.sidebar-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow)}.sidebar-card h1{margin:0 0 8px;color:#0a1321}.timer-chip{display:inline-flex;align-items:center;justify-content:center;min-width:140px;margin-top:14px;padding:14px 18px;border-radius:999px;font-family:var(--font-mono);font-weight:700;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,#0ea5a7,#1573ff)}.timer-chip--urgent{background:linear-gradient(135deg,#f59e0b,#dc4c64)}.attempt-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;color:var(--muted);font-size:.95rem}.question-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.question-dot{width:100%;aspect-ratio:1;border-radius:16px;border:1px solid rgba(16,24,40,.12);background:#f3f7fb;color:#12314f;font-weight:800;cursor:pointer}.question-dot.is-current{background:linear-gradient(135deg,#0ea5a7,#1573ff);color:#fff}.question-dot.is-answered{border-color:#1f9d724d;box-shadow:inset 0 0 0 2px #1f9d722e}.question-dot.is-flagged{background:#f59e0b24;border-color:#f59e0b42}.sidebar-card--actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.attempt-main{display:grid;gap:18px}.question-card{display:none;background:var(--panel);padding:24px}.question-card.is-active{display:grid;gap:18px}.question-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.flag-toggle{border:1px solid rgba(245,158,11,.22);background:#f59e0b14;color:#9a5d02;padding:10px 14px;border-radius:999px;font-weight:700;cursor:pointer}.flag-toggle.is-flagged{background:#f59e0b2e}.question-stem{font-size:1.08rem;line-height:1.65;color:#12263f}.choice-list{display:grid;gap:12px}.choice-card,.review-choice{display:grid;grid-template-columns:28px 34px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:18px;border:1px solid rgba(16,24,40,.12);background:#f8fbfe}.choice-card:hover{border-color:#0ea5a75c}.choice-card input{margin:3px 0 0;width:18px;height:18px}.choice-letter{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:#e8f1ff;color:#12385c;font-family:var(--font-display);font-weight:800}.choice-text{line-height:1.55}.review-answers{display:grid;gap:12px}.review-choice.is-correct{border-color:#1f9d7252;background:#1f9d7214}.review-choice.is-selected{box-shadow:inset 0 0 0 2px #1483b61f}.explanation{padding:14px 16px;border-radius:18px;background:#f8fbfe;border:1px solid rgba(16,24,40,.08)}.result-layout{grid-template-columns:minmax(0,1fr)}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0}.result-metric{background:linear-gradient(180deg,#0b1530,#10284f);color:var(--text-inverse)}.review-list{display:grid;gap:18px}.divider{height:1px;background:#10182814;border:0}.helper-text,.section-note,.sidebar-note,.table-subtitle,.question-meta,.tiny-stack,.site-footer{font-size:.95rem}@media (max-width: 1080px){.hero-grid,.dashboard-grid,.attempt-layout{grid-template-columns:1fr}.test-grid,.question-admin-grid,.result-grid{grid-template-columns:1fr 1fr}.panel--wide{grid-column:auto}.attempt-sidebar{position:static}}@media (max-width: 780px){.page-shell{width:min(100vw - 20px,1280px)}.topbar,.section-head,.panel-head,.question-head,.card-top,.header-actions{flex-direction:column;align-items:start}.hero-panel,.panel,.auth-card,.test-card,.question-admin-card,.review-card,.question-card{padding:18px;border-radius:22px}.hero-metrics,.stats,.result-grid,.test-grid,.question-admin-grid,.choice-editor-grid,.grid-form--two,.sidebar-card--actions,.question-map,.choice-row{grid-template-columns:1fr}.grid-form .span-2{grid-column:auto}.btn{width:100%}}.admin-sidebar-user-name{display:flex;align-items:center;min-width:0;gap:6px}.admin-sidebar-user-name strong{min-width:0;flex:1 1 auto}.admin-sidebar-language{flex:0 0 auto;color:#ffffffdb}.admin-sidebar-language .language-switcher__button{padding:2px 3px;border-radius:5px;font-size:10px}.admin-sidebar-language .language-switcher__button:hover,.admin-sidebar-language .language-switcher__button:focus-visible{color:#fff;background:#ffffff24;outline:0}.admin-sidebar-language .icon-pack-icon{width:12px;height:12px}.admin-sidebar-language .language-switcher__menu{right:-4px;bottom:calc(100% + 8px);top:auto;z-index:20}