:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#24233a;--ink-soft:#67657a;--paper:#fff;--canvas:#f6f5fb;--canvas-warm:#fffaf4;--line:#deddea;--line-strong:#c8c5da;--purple:#635bff;--purple-dark:#473fce;--purple-soft:#ebe9ff;--primary:var(--purple);--accent-rgb:99, 91, 255;--accent-mid:#8e65f3;--accent-pop:#f16f62;--pop-rgb:241, 111, 98;--coral:#f16f62;--coral-soft:#ffebe7;--mint:#2b9976;--mint-soft:#e3f7f0;--gold:#ad7600;--gold-soft:#fff2cc;--danger:#b53b4f;--danger-soft:#ffe8ec;--shadow-sm:0 5px 18px #2a265414;--shadow-md:0 18px 50px #2a265421;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[data-theme=ocean]{--ink:#18343e;--ink-soft:#5b737b;--canvas:#f2f8fa;--canvas-warm:#f7fbfc;--line:#d5e3e8;--line-strong:#b9d0d8;--purple:#087ea4;--purple-dark:#075d79;--purple-soft:#e1f4fa;--accent-rgb:8, 126, 164;--accent-mid:#39a9c9;--accent-pop:#e06b4f;--pop-rgb:224, 107, 79;--coral:#e06b4f;--coral-soft:#ffede8}html[data-theme=forest]{--ink:#20372d;--ink-soft:#607469;--canvas:#f3f8f4;--canvas-warm:#fbfaf3;--line:#d7e3da;--line-strong:#bccfc1;--purple:#287a55;--purple-dark:#195b3d;--purple-soft:#e3f3e9;--accent-rgb:40, 122, 85;--accent-mid:#59a77e;--accent-pop:#d98535;--pop-rgb:217, 133, 53;--coral:#d98535;--coral-soft:#fff0df}html[data-theme=sunset]{--ink:#3a2430;--ink-soft:#775f6a;--canvas:#fbf4f6;--canvas-warm:#fff8f1;--line:#ead8df;--line-strong:#d7bac6;--purple:#c34369;--purple-dark:#982f50;--purple-soft:#fde7ee;--accent-rgb:195, 67, 105;--accent-mid:#e06e8f;--accent-pop:#e47a3f;--pop-rgb:228, 122, 63;--coral:#e47a3f;--coral-soft:#ffede2}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 0%, rgba(var(--accent-rgb), .08), transparent 28rem), radial-gradient(circle at 100% 10%, rgba(var(--pop-rgb), .09), transparent 24rem), var(--canvas);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.skip-link{z-index:1000;color:#fff;background:var(--purple-dark);border-radius:8px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.topbar{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #deddeae6;align-items:center;gap:22px;min-height:70px;padding:10px clamp(16px,3vw,38px);display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;flex:0 0 44px;width:44px;height:44px;display:block}.brand-copy{line-height:1.05;display:grid}.brand-copy strong{letter-spacing:-.02em;font-size:16px}.brand-copy span{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font-size:11px}.primary-nav{flex:auto;align-items:center;gap:4px;display:flex}.nav-link{color:var(--ink-soft);border-radius:9px;padding:9px 12px;font-size:14px;font-weight:650;text-decoration:none}.nav-link:hover,.nav-link.is-active{color:var(--purple-dark);background:var(--purple-soft)}.topbar-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.theme-picker{flex:none;position:relative}.theme-picker summary{border:1px solid var(--line);min-height:36px;color:var(--ink-soft);cursor:pointer;background:#ffffffdb;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:750;list-style:none;transition:border-color .12s,background .12s,transform .12s;display:inline-flex}.theme-picker summary::-webkit-details-marker{display:none}.theme-picker summary:hover,.theme-picker[open] summary{border-color:var(--line-strong);color:var(--purple-dark);background:var(--purple-soft)}.theme-current-swatch{border:2px solid #fffffff0;border-radius:50%;width:18px;height:18px;display:inline-block;box-shadow:0 0 0 1px #23203f24}.theme-picker-panel{z-index:100;border:1px solid var(--line);background:#fffffffa;border-radius:18px;gap:8px;width:min(300px,100vw - 28px);padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 58px #221f3a33}.theme-picker-heading{gap:2px;padding:4px 6px 8px;display:grid}.theme-picker-heading strong{font-size:14px}.theme-picker-heading span{color:var(--ink-soft);font-size:11px}.theme-option{cursor:pointer;border:1px solid #0000;border-radius:13px;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:9px;display:grid;position:relative}.theme-option:hover{background:#f7f6fa}.theme-option:has(input:checked){border-color:rgba(var(--accent-rgb), .35);background:var(--purple-soft)}.theme-option input{opacity:0;pointer-events:none;position:absolute}.theme-option>span:nth-of-type(2){gap:2px;display:grid}.theme-option strong{color:var(--ink);font-size:13px}.theme-option small{color:var(--ink-soft);font-size:11px}.theme-option-swatch{border:2px solid #fff;border-radius:10px;width:38px;height:32px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #23203f21}.theme-option-swatch:after{content:"";background:#ffffff8c;border-radius:50%;width:24px;height:24px;position:absolute;bottom:-8px;right:-7px}.theme-swatch-violet{background:linear-gradient(135deg,#635bff,#f16f62)}.theme-swatch-ocean{background:linear-gradient(135deg,#087ea4,#39a9c9)}.theme-swatch-forest{background:linear-gradient(135deg,#287a55,#d98535)}.theme-swatch-sunset{background:linear-gradient(135deg,#c34369,#e47a3f)}.theme-option-check{color:var(--purple-dark);font-weight:900;display:none}.theme-option:has(input:checked) .theme-option-check{display:inline}.teacher-pill{border:1px solid var(--line);background:var(--paper);border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:13px;font-weight:650;display:inline-flex}.teacher-avatar{width:28px;height:28px;color:var(--purple-dark);background:var(--purple-soft);border-radius:50%;place-items:center;font-size:11px;display:grid}.app-main{width:min(1480px,100%);margin:0 auto;padding:clamp(22px,4vw,44px) clamp(16px,3vw,38px) 64px}.app-main.is-builder{width:100%;max-width:none;padding-top:20px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:var(--purple-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:8px;font-size:clamp(28px,4vw,42px);line-height:1.06}h2{letter-spacing:-.025em;font-size:22px}h3{letter-spacing:-.012em;font-size:16px}.lede,.muted{color:var(--ink-soft)}.lede{max-width:720px;margin-bottom:0;font-size:16px;line-height:1.6}.button-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 14px;font-weight:750;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#fff;background:var(--purple);box-shadow:0 8px 18px rgba(var(--accent-rgb), .24)}.button-primary:hover:not(:disabled){background:var(--purple-dark)}.button-secondary{border-color:var(--line);color:var(--ink);background:var(--paper)}.button-secondary:hover:not(:disabled){border-color:var(--line-strong);background:#fbfaff}.button-ghost{color:var(--ink-soft);background:0 0}.button-danger{color:var(--danger);background:var(--danger-soft);border-color:#f1c4cd}.button-small{min-height:34px;padding:7px 10px;font-size:13px}.icon-button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink-soft);background:var(--paper);border-radius:10px;place-items:center;font-size:16px;display:inline-grid}.status-badge,.type-badge,.count-badge{border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:750;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status-lobby{color:var(--gold);background:var(--gold-soft)}.status-live,.status-complete{color:var(--mint);background:var(--mint-soft)}.type-badge{color:var(--purple-dark);background:var(--purple-soft)}.type-badge.is-content{color:#a3463c;background:var(--coral-soft)}.count-badge{color:var(--ink-soft);background:#efeff5}.demo-banner{border:1px solid rgba(var(--accent-rgb), .25);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(125deg,#f1efff,#fff9f1 62%,#e7f8f1);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:26px;padding:clamp(20px,3vw,30px);display:grid;position:relative;overflow:hidden}.demo-banner:after{background:rgba(var(--accent-rgb), .09);content:"";border-radius:50%;width:190px;height:190px;position:absolute;bottom:-78px;right:-55px}.demo-code{z-index:1;border:1px solid rgba(var(--accent-rgb), .19);text-align:center;background:#ffffffd1;border-radius:18px;min-width:180px;padding:16px 18px;position:relative}.demo-code span{color:var(--ink-soft);text-transform:uppercase;font-size:12px;font-weight:700;display:block}.demo-code strong{color:var(--purple-dark);letter-spacing:.14em;margin:5px 0 10px;font-size:28px;display:block}.lesson-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px;display:grid}.lesson-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);min-height:265px;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.lesson-cover{color:#fff;background:linear-gradient(130deg, #1817391a, transparent), linear-gradient(130deg, var(--purple), var(--accent-mid) 60%, var(--coral));min-height:112px;padding:20px;position:relative}.lesson-cover:after{content:"";border:10px solid #ffffff26;border-radius:50%;width:74px;height:74px;position:absolute;bottom:-24px;right:18px}.lesson-cover-label{background:#ffffff2e;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:750;display:inline-flex}.lesson-body{flex-direction:column;flex:1;padding:20px;display:flex}.lesson-body h2{margin-bottom:8px}.lesson-meta{color:var(--ink-soft);flex-wrap:wrap;gap:8px;margin:auto 0 16px;padding-top:15px;font-size:13px;display:flex}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin:30px 0 16px;display:flex}.section-heading h2{margin:0}.builder-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.builder-title{min-width:0}.builder-title h1{text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:clamp(21px,3vw,30px);overflow:hidden}.lesson-details-panel{margin-bottom:16px}.lesson-details-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;list-style:none;display:flex}.lesson-details-panel>summary::-webkit-details-marker{display:none}.lesson-details-panel>summary span:first-child{gap:3px;display:grid}.lesson-details-panel>summary small{color:var(--ink-soft)}.lesson-details-panel[open]>summary{border-bottom:1px solid var(--line)}.builder-layout{grid-template-columns:270px minmax(390px,1fr) minmax(280px,340px);align-items:start;gap:14px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow-sm)}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.panel-header h2,.panel-header h3{margin:0}.panel-body{padding:16px}.sequence-panel{max-height:calc(100vh - 115px);position:sticky;top:90px;overflow:auto}.sequence-list{gap:7px;padding:10px;display:grid}.sequence-item{text-align:left;width:100%;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:28px minmax(0,1fr);gap:9px;padding:9px;display:grid}.sequence-item:hover{background:#f8f7fc}.sequence-item.is-selected{background:var(--purple-soft);border-color:#cfcaff}.sequence-number{width:28px;height:28px;color:var(--purple-dark);background:#fff;border-radius:8px;place-items:center;font-size:12px;font-weight:800;display:grid}.sequence-copy{min-width:0}.sequence-copy strong,.sequence-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sequence-copy strong{margin-bottom:3px;font-size:13px}.sequence-copy span{color:var(--ink-soft);font-size:11px}.editor-panel{min-width:0}.editor-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.form-stack{gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-group{gap:7px;display:grid}.form-group label,.form-label{color:var(--ink);font-size:13px;font-weight:750}.form-help{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.5}.feedback-mode-explainer{color:#1d765c;background:var(--mint-soft);border:1px solid #b7ddce;border-radius:11px;gap:3px;margin-top:9px;padding:10px 12px;font-size:12px;display:grid}.feedback-mode-explainer.is-after{color:var(--purple-dark);background:var(--purple-soft);border-color:#cfcaff}.feedback-mode-explainer span{color:var(--ink-soft);line-height:1.45}.text-input,.select-input,.textarea-input{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:10px 11px}.visual-editor{border-top:1px solid var(--line);margin-top:10px;padding-top:22px}.visual-editor .section-heading{margin-bottom:14px}.visual-editor-preview{border:1px solid var(--line);background:#faf9fd;border-radius:14px;gap:7px;margin-bottom:15px;padding:10px;display:grid}.visual-editor-preview img{object-fit:contain;background:#fff;border-radius:10px;width:100%;max-height:260px}.visual-editor-preview span{color:var(--ink-soft);font-size:11px}.file-input{padding:8px}.mini-visual{object-fit:contain;background:#f3f2f8;border-radius:10px;width:100%;max-height:145px;margin-bottom:9px}.activity-visual{margin:0 0 22px}.activity-visual img{border:1px solid var(--line);object-fit:contain;background:#faf9fd;border-radius:16px;width:100%;max-height:520px;display:block}.text-input:focus,.select-input:focus,.textarea-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .14)}.textarea-input{resize:vertical;min-height:105px;line-height:1.45}.preview-panel{position:sticky;top:90px}.mini-device{border:7px solid var(--ink);background:var(--canvas-warm);box-shadow:var(--shadow-md);border-radius:24px;overflow:hidden}.mini-device-bar{color:#fff;background:var(--ink);justify-content:space-between;align-items:center;padding:9px 12px;font-size:11px;display:flex}.mini-screen{min-height:390px;padding:17px}.mini-screen h3{margin-bottom:7px;font-size:17px}.mini-option{border:1px solid var(--line);background:#fff;border-radius:9px;margin-top:8px;padding:9px;font-size:12px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#19173099;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow:auto}.modal{border-radius:var(--radius-lg);background:var(--paper);width:min(950px,100%);max-height:calc(100vh - 44px);overflow:auto;box-shadow:0 28px 80px #1411374d}.modal-header{z-index:2;border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex;position:sticky;top:0}.modal-header h2{margin:0}.modal-body{padding:22px}.catalog-section+.catalog-section{margin-top:28px}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:11px;display:grid}.catalog-item{border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:#fff;border-radius:14px;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:13px;display:grid}.catalog-item:hover{box-shadow:var(--shadow-sm);background:#fbfaff;border-color:#bdb7ff;transform:translateY(-1px)}.catalog-symbol{width:42px;height:42px;color:var(--purple-dark);background:var(--purple-soft);border-radius:12px;place-items:center;font-size:11px;font-weight:850;display:grid}.catalog-item.is-content .catalog-symbol{color:#9b443a;background:var(--coral-soft)}.catalog-copy strong,.catalog-copy span{display:block}.catalog-copy strong{margin-bottom:4px}.catalog-copy span{color:var(--ink-soft);font-size:12px;line-height:1.4}.launch-layout,.live-layout,.join-layout{gap:20px;display:grid}.launch-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:16px;display:block;position:relative}.mode-card:has(input:checked){border-color:var(--purple);background:var(--purple-soft);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .1)}.mode-card input{position:absolute;top:16px;right:16px}.mode-card strong,.mode-card span{padding-right:26px;display:block}.mode-card span{color:var(--ink-soft);margin-top:6px;font-size:13px;line-height:1.45}.launch-summary{border:1px solid rgba(var(--accent-rgb), .24);border-radius:var(--radius-lg);background:linear-gradient(145deg,#eeecff,#fff 70%);padding:24px;position:relative;overflow:hidden}.launch-summary:after{border:18px solid rgba(var(--accent-rgb), .08);content:"";border-radius:50%;width:130px;height:130px;position:absolute;bottom:-42px;right:-35px}.feature-list{gap:9px;margin:18px 0;padding:0;list-style:none;display:grid}.feature-list li{color:var(--ink-soft);align-items:flex-start;gap:9px;display:flex}.feature-list li:before{width:20px;height:20px;color:var(--mint);background:var(--mint-soft);content:"✓";border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:900;display:grid}.live-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);align-items:start}.session-code-card{border-radius:var(--radius-md);background:var(--purple-soft);border:1px solid #d5d1ff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:16px 18px;display:flex}.session-code-card strong{color:var(--purple-dark);letter-spacing:.13em;margin-top:3px;font-size:25px;display:block}.current-activity{min-height:390px}.activity-kicker{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.response-bars{gap:11px;margin-top:18px;display:grid}.response-bar{grid-template-columns:minmax(110px,1fr) minmax(140px,2fr) 44px;align-items:center;gap:10px;font-size:13px;display:grid}.bar-track,.progress-track{background:#eeedf5;border-radius:999px;overflow:hidden}.bar-track{height:10px}.progress-track{height:8px}.bar-fill,.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--purple), var(--accent-mid));height:100%}.roster-list{display:grid}.roster-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 0;display:grid}.roster-row:last-child{border-bottom:0}.roster-name strong,.roster-name span{display:block}.roster-name span{color:var(--ink-soft);margin-top:3px;font-size:12px}.roster-progress{text-align:right;min-width:82px;color:var(--ink-soft);font-size:12px}.roster-progress .progress-track{margin-top:6px}.join-layout{grid-template-columns:minmax(0,.95fr) minmax(360px,.75fr);align-items:center;min-height:calc(100vh - 180px)}.join-hero{max-width:620px}.join-hero h1{font-size:clamp(36px,6vw,66px)}.join-illustration{grid-template-columns:repeat(3,1fr);gap:12px;max-width:470px;margin-top:30px;display:grid}.join-step{border:1px solid var(--line);background:#ffffffbf;border-radius:15px;padding:14px}.join-step strong{width:30px;height:30px;color:var(--purple-dark);background:var(--purple-soft);border-radius:10px;place-items:center;margin-bottom:10px;display:grid}.join-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fffffff2;padding:clamp(22px,4vw,34px)}.join-card h2{margin-bottom:7px;font-size:28px}.form-error{color:var(--danger);margin:0;font-size:12px;font-weight:650}.error-summary{color:var(--danger);background:var(--danger-soft);border:1px solid #efbec8;border-radius:11px;margin-bottom:16px;padding:11px 13px}.student-shell{background:radial-gradient(circle at 5% 5%, rgba(var(--accent-rgb), .12), transparent 28rem), radial-gradient(circle at 95% 20%, rgba(var(--pop-rgb), .1), transparent 22rem), var(--canvas-warm);min-height:100vh}.student-topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffdb;border-bottom:1px solid #deddead9;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(16px,4vw,42px);display:flex}.student-progress{align-items:center;gap:10px;min-width:min(320px,38vw);display:flex}.student-progress .progress-track{flex:1}.student-topbar-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.student-main{width:min(900px,100%);margin:0 auto;padding:clamp(22px,5vw,50px) clamp(16px,4vw,34px) 70px}.student-card{border:1px solid var(--line);box-shadow:var(--shadow-md);background:#fffffff5;border-radius:26px;overflow:hidden}.student-card-header{padding:clamp(20px,4vw,34px) clamp(20px,5vw,44px) 18px}.student-card-header h1{margin-bottom:10px;font-size:clamp(26px,4vw,40px)}.student-card-body{padding:8px clamp(20px,5vw,44px) clamp(24px,4vw,38px)}.student-card-footer{border-top:1px solid var(--line);background:#fbfaff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px clamp(20px,5vw,44px);display:flex}.answer-options{gap:10px;display:grid}.answer-option{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:flex-start;gap:12px;padding:14px;transition:border .12s,background .12s,transform .12s;display:flex;position:relative}.answer-option:hover{border-color:#bcb6ff;transform:translateY(-1px)}.answer-option:has(input:checked){border-color:var(--purple);background:var(--purple-soft)}.answer-option.is-correct{background:var(--mint-soft);border-color:#79c8aa}.answer-option.is-incorrect{background:var(--danger-soft);border-color:#ef9cae}.answer-option>strong{color:inherit;margin-left:auto;font-size:12px}.answer-option input{accent-color:var(--purple);margin-top:3px}.video-frame{aspect-ratio:16/9;background:#18172a;border-radius:15px;width:100%;margin-bottom:20px;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%}.video-fallback{color:#fff;text-align:center;place-items:center;height:100%;padding:28px;display:grid}.drag-workspace{gap:16px;display:grid}.drag-bank{border:1px dashed var(--line-strong);background:#faf9fd;border-radius:13px;flex-wrap:wrap;align-items:center;gap:8px;min-height:54px;padding:12px;display:flex}.drag-chip{color:var(--purple-dark);background:var(--purple-soft);border:1px solid #cfcaff;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:700}.drag-chip.is-selected{color:#fff;background:var(--purple)}.drop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.drop-zone{border:2px dashed var(--line-strong);background:#fff;border-radius:14px;min-height:150px;padding:13px}.drop-zone.is-over,.drop-zone.is-targeted{border-color:var(--purple);background:var(--purple-soft)}.drop-zone h3{margin-bottom:11px}.drop-items{gap:7px;display:grid}.drop-item{width:100%;color:var(--ink);text-align:left;background:#f3f2f8;border:1px solid #0000;border-radius:9px;gap:3px;padding:8px 10px;font-size:13px;display:grid}.drop-item span{font-size:11px;font-weight:750}.drop-item.is-correct{color:#1d765c;background:var(--mint-soft);border-color:#9dd6c1}.drop-item.is-incorrect{color:var(--danger);background:var(--danger-soft);border-color:#efbec8}.matching-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.matching-board{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.matching-column{gap:10px;display:grid}.matching-column h3{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin:0 0 2px;font-size:13px}.match-card{border:1px solid var(--line);min-height:74px;color:var(--ink);text-align:left;background:#fff;border-radius:13px;padding:12px}.match-card.is-selected{border-color:var(--purple);background:var(--purple-soft)}.match-card.is-matched{color:var(--mint);background:var(--mint-soft);border-color:#9dd6c1}.match-card.is-assigned{background:var(--purple-soft);border-color:#bcb6ff}.match-card.is-incorrect{color:var(--danger);background:var(--danger-soft);border-color:#ef9cae}.blank-sentence{background:#faf9fd;border-radius:14px;padding:20px;font-size:clamp(17px,2.5vw,22px);line-height:1.8}.word-bank{background:var(--purple-soft);border:1px solid #cfcaff;border-radius:14px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.word-bank-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.word-bank-heading span{color:var(--ink-soft);font-size:12px}.word-bank-choices{flex-wrap:wrap;gap:8px;display:flex}.word-bank-choice{color:var(--purple-dark);background:#fff;border:1px solid #bcb6ff;border-radius:999px;padding:8px 13px;font-weight:700}.word-bank-choice.is-selected{color:#fff;background:var(--purple)}.word-bank-choice:disabled{opacity:.4}.word-blank{border:0;border-bottom:2px solid var(--purple);min-width:120px;color:var(--purple-dark);background:rgba(var(--accent-rgb), .08);text-align:center;margin:0 5px;padding:5px 10px;font-weight:750}.word-blank.is-correct{color:#1d765c;background:var(--mint-soft);border-color:#3aa47e}.word-blank.is-incorrect{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.inline-blank{border:0;border-bottom:2px solid var(--purple);width:min(180px,32vw);color:var(--purple-dark);background:var(--purple-soft);text-align:center;padding:3px 7px}.inline-blank.is-correct{color:#1d765c;background:var(--mint-soft);border-color:#3aa47e}.inline-blank.is-incorrect{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.drawing-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.drawing-canvas{border:1px solid var(--line-strong);touch-action:none;background-color:#fff;background-image:linear-gradient(#e9e7f1 1px,#0000 1px),linear-gradient(90deg,#e9e7f1 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:14px;width:100%;height:360px;display:block}.drawing-caption{margin-top:20px}.drawing-requirement{margin-top:12px}.drawing-review{border:1px solid var(--line-strong);background-color:#fff;background-image:linear-gradient(#e9e7f1 1px,#0000 1px),linear-gradient(90deg,#e9e7f1 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:14px;margin:16px 0;overflow:hidden}.drawing-review svg{aspect-ratio:5/3;width:100%;display:block}.drawing-review-caption{border-left:4px solid var(--purple);background:var(--purple-soft);border-radius:8px;padding:14px 16px}.drawing-review-caption p{margin:6px 0 0}.drawing-review-empty{margin:16px 0}.structured-editor,.video-question-editor{border:1px solid var(--line);background:#fafafe;border-radius:14px;padding:18px}.structured-editor+.structured-editor{margin-top:14px}.structured-editor-heading,.video-question-card-header,.video-student-question-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.structured-editor-heading p,.structured-editor-heading h3,.video-question-card-header p,.video-question-card-header h3,.video-student-question-header p,.video-student-question-header h2{margin:0}.structured-list,.video-question-list{gap:12px;display:grid}.structured-row{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:34px minmax(0,1fr) 36px;align-items:start;gap:12px;padding:14px;display:grid}.structured-row-number{width:30px;height:30px;color:var(--purple);background:var(--purple-soft);border-radius:999px;flex:0 0 30px;place-items:center;font-weight:800;display:inline-grid}.structured-row-main{min-width:0}.structured-row-main>label,.structured-card label{margin-bottom:7px;font-weight:700;display:block}.structured-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px}.structured-card-heading,.video-question-card-header>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.compact-list{gap:8px}.inline-editor-row{grid-template-columns:minmax(0,1fr) 36px;align-items:end;gap:10px;display:grid}.correct-choice-toggle{color:var(--mint);align-items:center;gap:8px;margin:10px 0 0!important;display:inline-flex!important}.danger-icon{color:var(--danger)}.video-question-editor{gap:16px;display:grid}.video-question-card{border:1px solid var(--line-strong);background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 24px #231d4c0f}.video-question-fields{gap:14px;margin-top:16px;display:grid}.video-checkpoint-progress{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;margin:16px 0;display:grid}.video-checkpoint-dot{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px;display:flex}.video-checkpoint-dot.is-current{border-color:var(--purple);color:var(--purple);background:var(--purple-soft)}.video-checkpoint-dot.is-complete strong:after{content:"✓";color:var(--mint);margin-left:4px}.video-student-question{border:1px solid var(--line-strong);background:#fff;border-radius:14px;padding:18px}.feedback-mode-explainer.is-hidden{background:#f2f4f9;border-color:#b8bfd4}.comparison-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.comparison-choice-grid>div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px}.student-change-results{background:#eaf8f2;border:1px solid #b7ddce;border-radius:14px;padding:20px}.drag-chip,.drop-item,.match-card,.ordering-item>span:nth-child(2),.memory-card{white-space:pre-wrap}@media (width<=680px){.structured-editor-heading,.video-question-card-header,.video-student-question-header{flex-direction:column;align-items:stretch}.structured-row{grid-template-columns:30px minmax(0,1fr)}.structured-row>.danger-icon{grid-column:2;justify-self:end}.comparison-choice-grid{grid-template-columns:1fr}}.board-compose{gap:10px;margin-bottom:18px;display:grid}.board-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:11px;display:grid}.board-note{background:#fff7da;border:1px solid #ead5a8;border-radius:5px 14px 14px;min-height:125px;padding:15px;position:relative;box-shadow:0 6px 12px #6e500f14}.board-note:nth-child(3n+2){background:#f0edff;border-color:#c9c2f2}.board-note:nth-child(3n+3){background:#eaf8f2;border-color:#b7ddce}.board-note strong{color:var(--ink-soft);margin-top:12px;font-size:12px;display:block}.likert-table{border-collapse:collapse;width:100%}.likert-table th,.likert-table td{border-bottom:1px solid var(--line);text-align:center;padding:12px 8px}.likert-table th:first-child,.likert-table td:first-child{text-align:left}.likert-table th{color:var(--ink-soft);font-size:12px}.likert-pair{justify-content:center;gap:4px;display:flex}.likert-pair.is-binary{gap:8px}.likert-pair.is-binary .likert-choice{width:auto;min-width:104px;padding-inline:18px}.checkpoint-banner{color:var(--purple-dark);background:var(--purple-soft);border:1px solid #cfcaff;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.checkpoint-banner span{color:var(--ink-soft);font-size:13px}.rating-statements{gap:12px;display:grid}.rating-statement{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px;display:grid}.rating-statement p{margin:0}.likert-choice{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-soft);background:#fff;border-radius:8px;place-items:center;font-size:12px;display:grid}.likert-choice.is-selected{border-color:var(--purple);color:#fff;background:var(--purple)}.highlight-answer-picker,.highlight-student-directions{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.highlight-student-directions{background:var(--purple-soft);justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.highlight-sentence-list{gap:10px;margin-top:14px;display:grid}.highlight-sentence{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#fff;border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.highlight-sentence>span{width:30px;height:30px;color:var(--purple-dark);background:var(--purple-soft);border-radius:50%;place-items:center;font-weight:800;display:grid}.highlight-sentence p{margin:0;line-height:1.55}button.highlight-sentence:hover,.highlight-sentence.is-selected{border-color:var(--purple);background:#f2efff;box-shadow:0 0 0 2px #6752ff1a}.highlight-sentence.is-answer,.highlight-sentence.is-correct{border-color:var(--success);background:var(--mint-soft)}.highlight-sentence.is-incorrect{border-color:var(--danger);background:#fff0f1}.teacher-presentation-passages .highlight-sentence{cursor:default}.ordering-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.ordering-item{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.ordering-item.is-correct{background:var(--mint-soft);border-color:#9dd6c1}.ordering-item.is-incorrect{background:var(--danger-soft);border-color:#efbec8}.ordering-number{width:34px;height:34px;color:var(--purple-dark);background:var(--purple-soft);border-radius:10px;place-items:center;font-weight:800;display:grid}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.memory-card{color:#0000;background:radial-gradient(circle at 30% 30%, #ffffff4d, transparent 30%), linear-gradient(145deg, var(--purple), var(--accent-mid));border:1px solid #cfcaff;border-radius:13px;min-height:98px;padding:10px;font-weight:750}.memory-card:after{color:#fff;content:"?";font-size:24px}.memory-card.is-flipped,.memory-card.is-matched{color:var(--ink);background:#fff}.memory-card.is-flipped:after,.memory-card.is-matched:after{content:none}.memory-card.is-matched{background:var(--mint-soft);border-color:#9dd6c1}.confidence-scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0 22px;display:grid}.confidence-choice{border:1px solid var(--line);color:var(--ink-soft);text-align:center;background:#fff;border-radius:12px;padding:12px 6px}.confidence-choice.is-selected{border-color:var(--purple);color:var(--purple-dark);background:var(--purple-soft)}.waiting-card,.completion-card{text-align:center}.waiting-orbit{border:2px dashed #b9b4f9;border-radius:50%;width:112px;height:112px;margin:14px auto 28px;animation:14s linear infinite orbit-spin;position:relative}.waiting-orbit:before,.waiting-orbit:after{content:"";border-radius:50%;position:absolute}.waiting-orbit:before{background:var(--coral);width:25px;height:25px;top:7px;left:12px}.waiting-orbit:after{background:var(--mint);width:20px;height:20px;bottom:12px;right:8px}@keyframes orbit-spin{to{transform:rotate(360deg)}}.checkmark-burst{color:#fff;background:linear-gradient(145deg, var(--mint), #4dc59d);border-radius:50%;place-items:center;width:84px;height:84px;margin:4px auto 22px;font-size:38px;display:grid;box-shadow:0 15px 30px #2b997638}.report-table-wrap{overflow-x:auto}.report-table{border-collapse:collapse;width:100%}.report-table th,.report-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px 13px}.report-table th{color:var(--ink-soft);text-transform:uppercase;background:#faf9fd;font-size:12px}.report-table td{font-size:13px}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--ink-soft);text-align:center;background:#ffffffa6;padding:34px 20px}.toast{z-index:200;color:#fff;background:var(--ink);max-width:min(390px,100vw - 36px);box-shadow:var(--shadow-md);border-radius:12px;padding:12px 15px;font-weight:650;position:fixed;bottom:18px;right:18px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1160px){.builder-layout{grid-template-columns:250px minmax(360px,1fr)}.preview-panel{grid-column:1/-1;position:static}.mini-device{max-width:440px;margin:0 auto}.live-layout{grid-template-columns:1fr}}@media (width<=900px){.primary-nav{order:3;width:100%;overflow-x:auto}.topbar{flex-wrap:wrap;gap:8px 14px}.teacher-pill{display:none}.demo-banner,.launch-layout,.join-layout{grid-template-columns:1fr}.demo-code{justify-self:start}.join-layout{min-height:auto}.join-hero{max-width:none}}@media (width<=760px){.builder-layout{grid-template-columns:1fr}.sequence-panel,.preview-panel{max-height:none;position:static}.sequence-list{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.mode-grid,.drop-grid,.matching-grid,.matching-board,.join-illustration{grid-template-columns:1fr}.student-topbar{flex-direction:column;align-items:flex-start}.student-topbar-actions{justify-content:space-between;width:100%}.student-progress{width:100%}.likert-table,.likert-table tbody,.likert-table tr,.likert-table td{width:100%;display:block}.likert-table thead{display:none}.likert-table tr{border-bottom:1px solid var(--line);padding:12px 0}.likert-table td{text-align:left;border:0;padding:6px 0}.likert-pair{justify-content:flex-start}.checkpoint-banner{flex-direction:column;align-items:flex-start}.rating-statement{grid-template-columns:1fr}}.content-slide{isolation:isolate;aspect-ratio:16/9;border:1px solid var(--line);width:100%;min-height:0;color:var(--ink);background:#fff;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 16px 42px #28244c1a}.content-slide-inner{z-index:2;height:100%;padding:clamp(24px,5vw,52px);position:relative}.content-slide-grid{align-items:center;gap:clamp(22px,4vw,44px);height:100%;min-height:0;display:grid}.student-card-body>.content-slide:not(.slide-layout-image-only),.teacher-live-display>.content-slide:not(.slide-layout-image-only){aspect-ratio:auto;min-height:clamp(420px,58vw,560px);overflow:hidden}.student-card-body>.content-slide:not(.slide-layout-image-only) .content-slide-inner,.student-card-body>.content-slide:not(.slide-layout-image-only) .content-slide-grid,.teacher-live-display>.content-slide:not(.slide-layout-image-only) .content-slide-inner,.teacher-live-display>.content-slide:not(.slide-layout-image-only) .content-slide-grid{height:auto}.student-card-body>.slide-layout-image-left .content-slide-image,.student-card-body>.slide-layout-image-right .content-slide-image,.teacher-live-display>.slide-layout-image-left .content-slide-image,.teacher-live-display>.slide-layout-image-right .content-slide-image{min-height:240px}.student-card-body>.slide-layout-image-top .content-slide-inner,.teacher-live-display>.slide-layout-image-top .content-slide-inner{grid-template-rows:minmax(220px,38vw) auto}.slide-layout-image-left .content-slide-grid{grid-template-columns:minmax(0,42%) minmax(0,1fr)}.slide-layout-image-right .content-slide-grid{grid-template-columns:minmax(0,1fr) minmax(0,42%)}.content-slide-image{background:#eeecf8;border-radius:17px;place-items:center;height:100%;min-height:0;margin:0;display:grid;overflow:hidden}.content-slide-image img{object-fit:cover;width:100%;height:100%;min-height:0;display:block}.content-slide-image.is-placeholder{color:var(--ink-soft);background:#f5f4fa;border:2px dashed #c7c3d8;font-weight:800}.slide-layout-image-top .content-slide-inner{grid-template-rows:minmax(0,44%) minmax(0,1fr);gap:24px;display:grid}.slide-layout-image-top .content-slide-image{height:100%;max-height:none}.slide-layout-image-top .content-slide-grid{height:auto}.slide-layout-image-background .content-slide-image{z-index:0;border-radius:0;min-height:100%;position:absolute;inset:0}.slide-layout-image-background:after{z-index:1;content:"";background:linear-gradient(90deg,#131127e6,#1311277a);position:absolute;inset:0}.slide-layout-image-background{color:#fff}.slide-layout-image-background .content-slide-copy{max-width:720px}.content-slide-copy h2{letter-spacing:-.035em;max-width:18ch;margin:0;font-size:clamp(30px,5vw,58px);line-height:1.02}.content-slide-subtitle{color:var(--purple-dark);white-space:pre-wrap;margin:14px 0 0;font-size:clamp(17px,2.2vw,23px);font-weight:750}.content-slide-body{white-space:pre-wrap;margin-top:20px;font-size:clamp(17px,2.1vw,22px);line-height:1.55}.content-slide-callout{border-left:5px solid var(--purple);color:var(--purple-dark);background:rgba(var(--accent-rgb), .1);white-space:pre-wrap;border-radius:0 14px 14px 0;margin-top:24px;padding:15px 18px;font-size:clamp(16px,2vw,20px);font-weight:750}.slide-theme-purple{background:linear-gradient(145deg,#fbfaff,#eeeaff);border-color:#cec9ff}.slide-theme-dark{color:#fff;background:linear-gradient(145deg,#1f1d36,#302d55);border-color:#302d4d}.slide-theme-dark .content-slide-subtitle,.slide-theme-dark .content-slide-callout,.slide-layout-image-background .content-slide-subtitle,.slide-layout-image-background .content-slide-callout{color:#fff}.slide-theme-dark .content-slide-callout,.slide-layout-image-background .content-slide-callout{background:#ffffff21;border-left-color:#a9a3ff}.slide-align-center .content-slide-copy,.slide-align-center .content-slide-copy h2{text-align:center;margin-left:auto;margin-right:auto}.speaker-notes{background:#fff8dc;border:1px solid #e5c873;border-radius:14px;margin-top:16px;padding:14px 16px}.speaker-notes span{color:#725b19;letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:850}.speaker-notes p{white-space:pre-wrap;margin:7px 0 0}.mini-slide-preview .content-slide{min-height:0;box-shadow:none}.mini-slide-preview .content-slide-inner{padding:23px}.mini-slide-preview .content-slide-copy h2{font-size:28px}.mini-slide-preview .content-slide-body,.mini-slide-preview .content-slide-subtitle,.mini-slide-preview .content-slide-callout{font-size:14px}.enhanced-live-layout{grid-template-columns:minmax(0,1fr) minmax(350px,420px)}.live-side-stack{align-content:start;gap:18px;display:grid}.teacher-live-display{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0 28px;padding:24px 0}.teacher-content-copy{white-space:pre-wrap;font-size:19px;line-height:1.6}.teacher-question-list,.live-question-results{gap:14px;display:grid}.teacher-question-card,.live-question-result{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.teacher-choice-grid,.teacher-card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px;display:grid}.teacher-choice,.teacher-card-grid>div{border:1px solid var(--line);background:#faf9fd;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.teacher-choice>span{width:28px;height:28px;color:var(--purple-dark);background:var(--purple-soft);border-radius:8px;flex:0 0 28px;place-items:center;font-weight:850;display:grid}.teacher-choice p{margin:3px 0 0}.teacher-statement-list{gap:10px;margin-top:14px;display:grid}.teacher-statement-list>div{border:1px solid var(--line);border-radius:12px;justify-content:space-between;gap:16px;padding:12px;display:flex}.live-submissions{margin-top:28px}.lobby-roster{background:#f8f7ff;border:1px solid #cbc7ff;border-radius:16px;gap:14px;padding:18px;display:grid}.lobby-roster-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lobby-roster-heading h3,.lobby-roster-heading p{margin:0}.lobby-roster-heading .eyebrow{margin-bottom:4px}.lobby-roster .roster-list{border-top:1px solid var(--line)}.compact-empty{padding:18px}.projection-toggle{background:var(--purple-soft);border:1px solid #d4cffc;border-radius:14px;align-items:flex-start;gap:12px;margin:18px 0;padding:14px;display:flex}.projection-toggle input{margin-top:4px}.projection-toggle span,.projection-toggle small{display:block}.projection-toggle small{color:var(--ink-soft);margin-top:4px}.batch-access-actions,.board-moderation-actions{flex-wrap:wrap;gap:8px;display:flex}.batch-access-actions{margin:14px 0}.live-access-list{gap:8px;display:grid}.live-access-row{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:42px minmax(0,1fr) 124px;align-items:center;gap:8px;padding:8px;display:grid}.live-access-row.is-current{box-shadow:0 0 0 2px rgba(var(--accent-rgb), .09);border-color:#aaa3ff}.live-access-select{color:var(--ink-soft);justify-content:center;align-items:center;gap:5px;font-weight:850;display:flex}.live-access-title{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;padding:2px}.live-access-title strong,.live-access-title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.live-access-title small{color:var(--ink-soft);margin-top:3px}.compact-select{min-width:0;padding:8px 7px;font-size:12px}.access-student-paced{color:#1b6b54;background:var(--mint-soft)}.access-locked{color:#6f6a80;background:#f1f0f5}.scale-result-row{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px;display:grid}.scale-result-row.is-binary{grid-template-columns:repeat(2,minmax(0,1fr))}.scale-result-row>div{background:var(--purple-soft);border-radius:10px;place-items:center;padding:8px;display:grid}.scale-result-row span,.scale-result-row b{display:block}.drawing-live-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.drawing-live-grid .drawing-review{margin-top:10px}.matching-guidance{background:#f8f7ff;border:1px solid #d7d3ff;border-radius:13px;align-items:center;gap:10px;margin-bottom:14px;padding:11px 13px;display:flex}.matching-guidance>span{color:#fff;background:var(--purple);border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-weight:850;display:grid}.matching-guidance p{color:var(--ink-soft);margin:0;font-size:13px}.match-card{justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.match-card-text{white-space:pre-wrap}.pair-badge{color:var(--purple-dark);background:#fff;border-radius:999px;flex:none;padding:5px 8px;font-size:11px;font-weight:900}.match-card.flash-wrong{animation:.82s match-wrong-flash}.match-card.flash-correct{animation:.68s match-correct-flash}@keyframes match-wrong-flash{0%,to{border-color:var(--line);background:#fff}25%,75%{color:#9d1d39;background:#ffe4ea;border-color:#dc516d;transform:translate(-2px)}50%{transform:translate(2px)}}@keyframes match-correct-flash{0%{border-color:var(--line);background:#fff}45%,to{color:#17654e;background:#dff8ee;border-color:#54b18f}}.ordering-instructions{color:var(--ink-soft);align-items:center;gap:8px;font-size:13px;display:flex}.ordering-item{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:22px 34px minmax(0,1fr) auto}.ordering-item:active{cursor:grabbing}.drag-handle{color:#8b86a1;letter-spacing:-.2em;font-weight:900}.ordering-item.is-dragging{opacity:.45}.ordering-item.is-drag-over{outline:3px solid var(--purple);outline-offset:2px;background:var(--purple-soft);box-shadow:0 8px 22px #493fbe29}.ordering-item.is-swap-selected{outline:3px solid var(--purple);outline-offset:2px;background:var(--purple-soft)}.correct-order-reveal{background:var(--mint-soft);border:1px solid #abdac8;border-radius:15px;margin-top:18px;padding:16px}.correct-order-reveal ol{gap:8px;padding:0;list-style:none;display:grid}.correct-order-reveal li{align-items:center;gap:10px;display:flex}.moderated-board-note{flex-direction:column;display:flex}.moderated-board-note .board-moderation-actions{margin-top:auto;padding-top:14px}.shared-board-note{flex-direction:column;display:flex}.shared-board-note>p{flex:1}.board-post-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.board-post-footer strong{margin:0}.board-like-button,.board-like-total{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);font:inherit;background:#ffffffd1;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:14px;font-weight:750;display:inline-flex}.board-like-button{cursor:pointer}.board-like-button:hover{border-color:var(--purple);transform:translateY(-1px)}.board-like-button.is-liked{border-color:var(--purple);background:var(--purple);color:#fff}.board-like-button:focus-visible{outline:3px solid color-mix(in srgb, var(--purple) 30%, transparent);outline-offset:2px}.student-shared-board{text-align:left;max-width:920px;margin:32px auto 0}.student-shared-board .section-heading{align-items:end;margin-bottom:14px}.student-own-post,.student-board-receipt{text-align:left;max-width:620px;margin:28px auto 0}.student-own-post .board-note,.student-board-receipt .board-note{margin:12px 0}@media (width<=1160px){.enhanced-live-layout{grid-template-columns:1fr}}@media (width<=760px){.slide-layout-image-left .content-slide-grid,.slide-layout-image-right .content-slide-grid{grid-template-columns:1fr}.slide-layout-image-right .content-slide-copy{order:initial}.content-slide-copy h2{font-size:34px}.live-access-row{grid-template-columns:38px minmax(0,1fr)}.live-access-row .compact-select{grid-column:2}.ordering-item{grid-template-columns:18px 30px minmax(0,1fr)}.ordering-item .button-row{grid-column:3}}@media (width<=520px){.topbar-actions .button-secondary,.brand-copy span{display:none}.sequence-list{grid-template-columns:1fr}.builder-toolbar,.page-header{flex-direction:column;align-items:stretch}.button-row .button{flex:1}.student-card-footer{flex-direction:column-reverse;align-items:stretch}.student-card-footer .button{width:100%}.response-bar{grid-template-columns:minmax(90px,1fr) minmax(90px,1.3fr) 38px}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.confidence-scale{grid-template-columns:repeat(5,minmax(48px,1fr));overflow-x:auto}}.sequence-item[draggable=true]{cursor:grab}.sequence-item[draggable=true]:active,.sequence-item.is-dragging{cursor:grabbing}.sequence-item.is-dragging{opacity:.45}.sequence-item.is-drag-over{box-shadow:inset 0 3px 0 var(--purple)}.sequence-item.is-drag-over.drop-after{box-shadow:inset 0 -3px 0 var(--purple)}.sequence-phase-badge{color:var(--purple-dark);letter-spacing:.07em;text-transform:uppercase;background:#e9e7ff;border-radius:999px;grid-column:2;justify-self:start;padding:2px 7px;font-size:10px;font-weight:900}.sequence-item .sequence-copy{grid-column:2}.checkpoint-placement-note,.resubmission-banner{color:var(--ink);background:linear-gradient(135deg, var(--purple-soft), #fbfaff);border:1px solid #cbc7ff;border-radius:14px;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);align-items:center;gap:18px;padding:16px 18px;display:grid}.checkpoint-placement-note h3,.checkpoint-placement-note p,.resubmission-banner h2,.resubmission-banner p{margin:0}.fill-word-picker{border:1px solid var(--line);background:#fbfaff;border-radius:14px;padding:16px}.clickable-sentence{color:var(--ink);white-space:pre-wrap;background:#fff;border:1px solid #d9d6e7;border-radius:12px;margin-top:12px;padding:18px;font-size:18px;line-height:2.25}.blank-word-toggle{color:inherit;font:inherit;cursor:pointer;background:#f2f1f7;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;margin:2px;padding:3px 6px;line-height:1.35;display:inline-flex;position:relative}.blank-word-toggle:hover{background:#ebe9ff;border-color:#aaa4ff}.blank-word-toggle.is-selected{border-color:var(--purple);color:var(--purple-dark);background:var(--purple-soft);text-decoration:line-through;text-decoration-thickness:2px}.blank-word-toggle span{color:#fff;background:var(--purple);text-transform:uppercase;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:900;text-decoration:none}.compact-modal{width:min(640px,100%)}.submitted-response-preview,.teacher-feedback-note{border:1px solid var(--line);background:#faf9fd;border-radius:12px;padding:15px}.submitted-response-preview>p,.teacher-feedback-note>p{white-space:pre-wrap}.teacher-feedback-note{background:var(--purple-soft);border-color:#cbc7ff;margin:12px 0}.submitted-response-card{gap:10px;display:grid}.resubmission-banner{background:#fff8e7;border-color:#efc467;grid-template-columns:1fr;margin-bottom:18px}@media (width<=700px){.checkpoint-placement-note{grid-template-columns:1fr}}.builder-layout.is-slide-canvas-mode{grid-template-columns:minmax(230px,285px) minmax(0,1fr)}.builder-layout.is-slide-canvas-mode .editor-panel{min-width:0}.slide-canvas-authoring{gap:18px;display:grid}.slide-sequence-name{max-width:620px}.slide-canvas-toolbar{z-index:8;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:10px 12px;display:flex;position:sticky;top:10px;box-shadow:0 8px 24px #28244c17}.slide-template-control{align-items:flex-end;gap:8px;display:flex}.slide-template-control label{align-self:center;font-size:12px;font-weight:800}.slide-template-control .select-input{width:175px;min-height:38px;padding:7px 10px}.slide-background-controls{border:1px solid var(--line);background:#faf9fd;border-radius:14px;grid-template-columns:minmax(120px,.5fr) minmax(220px,1.4fr) minmax(190px,1fr);align-items:end;gap:12px;padding:14px;display:grid}.slide-background-controls .form-group{gap:5px}.slide-background-controls .toggle-row{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:flex-start;gap:9px;min-width:0;padding:9px 10px;display:flex}.slide-background-controls .toggle-row input{flex:none;margin-top:3px}.slide-background-controls .toggle-row span{gap:2px;min-width:0;display:grid}.slide-background-controls .toggle-row small{color:var(--ink-soft);line-height:1.35}.color-input{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;width:100%;min-height:42px;padding:4px}.slide-authoring-layout{grid-template-columns:minmax(0,1fr) minmax(245px,320px);align-items:start;gap:16px;display:grid}.slide-canvas-stage,.slide-element-inspector{border:1px solid var(--line);background:#f5f4fa;border-radius:17px;min-width:0;padding:14px}.slide-canvas-stage-heading,.slide-inspector-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.slide-canvas-stage-heading h3,.slide-canvas-stage-heading p,.slide-inspector-heading h3,.slide-inspector-heading p{margin:0}.canvas-slide-shell{width:100%}.canvas-slide{isolation:isolate;aspect-ratio:16/9;background:#fff;border:1px solid #c9c5da;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 14px 30px #26214629;container-type:inline-size}.canvas-slide.is-editable{touch-action:none;-webkit-user-select:none;user-select:none}.canvas-slide.shows-grid:after{z-index:1;pointer-events:none;content:"";background-image:linear-gradient(#5f52bd17 1px,#0000 1px),linear-gradient(90deg,#5f52bd17 1px,#0000 1px),linear-gradient(#5f52bd24 1px,#0000 1px),linear-gradient(90deg,#5f52bd24 1px,#0000 1px);background-size:5% 5%,5% 5%,25% 25%,25% 25%;position:absolute;inset:0}.canvas-slide-background-image{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.canvas-slide-elements{z-index:2;position:absolute;inset:0}.canvas-element{left:calc(var(--slide-x) * 1%);top:calc(var(--slide-y) * 1%);width:calc(var(--slide-width) * 1%);height:calc(var(--slide-height) * 1%);min-width:0;min-height:0;position:absolute}.canvas-element[role=button]{cursor:grab;outline:none}.canvas-element[role=button]:active{cursor:grabbing}.canvas-element[role=button]:focus-visible,.canvas-element.is-selected{box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--purple)}.canvas-element-text{width:100%;height:100%;font-size:calc(var(--slide-font-size) * .1cqw);letter-spacing:-.015em;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #0000;padding:.08em .14em;line-height:1.18;display:block;overflow:hidden}.canvas-element-image,.canvas-element-shape,.canvas-image-placeholder{width:100%;height:100%;display:block}.canvas-element-image{background:#eceaf5}.canvas-element-shape{border:max(1px,.18cqw) solid}.canvas-image-placeholder{color:#625d78;text-align:center;background:repeating-linear-gradient(135deg,#f7f6fb,#f7f6fb 10px,#eeedf5 10px 20px);border:2px dashed #aaa4c4;place-content:center;gap:3px;padding:8px;display:grid}.canvas-image-placeholder>span{font-size:3.3cqw}.canvas-image-placeholder strong{font-size:1.5cqw}.canvas-image-placeholder small{font-size:1.05cqw;line-height:1.2}.canvas-selection-label{color:#fff;background:var(--purple);pointer-events:none;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:800;position:absolute;bottom:calc(100% + 5px);right:0}.canvas-resize-handle{background:var(--purple);cursor:nwse-resize;border:2px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;bottom:-7px;right:-7px;box-shadow:0 1px 5px #26214640}.canvas-empty-action{z-index:4;border:1px dashed var(--purple);color:var(--purple-dark);background:var(--purple-soft);cursor:pointer;border-radius:12px;padding:12px 16px;font-weight:800;position:absolute;inset:42% auto auto 50%;transform:translate(-50%,-50%)}.slide-element-inspector{background:#fff;gap:13px;max-height:min(760px,100vh - 150px);display:grid;overflow:auto}.slide-element-inspector .form-group{gap:5px}.slide-format-grid,.slide-position-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.slide-position-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}.slide-position-details summary{cursor:pointer;margin-bottom:10px;font-weight:800}.slide-layer-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.canvas-content-slide{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.canvas-content-slide .canvas-slide{border-radius:18px}.mini-slide-preview .canvas-content-slide{min-height:0;padding:0}.mini-slide-preview .canvas-slide{border-radius:7px;box-shadow:0 5px 14px #2621461f}.highlight-passage{border:1px solid var(--line);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;background:#fff;border-radius:15px;margin-top:14px;padding:20px;font-size:clamp(17px,2vw,21px);line-height:1.55}.highlight-inline-sentence{color:inherit;font:inherit;line-height:inherit;text-align:left;white-space:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;border:0;border-radius:.22em;margin:0;padding:0;display:inline}.highlight-inline-sentence+.highlight-inline-sentence{margin-top:0}.highlight-inline-sentence[role=button]:not([aria-disabled=true]){cursor:pointer}.highlight-inline-sentence[role=button]:not([aria-disabled=true]):hover,.highlight-inline-sentence[role=button]:not([aria-disabled=true]):focus-visible{background:#f0edff;outline:none;box-shadow:0 0 0 2px #b5afff}.highlight-inline-sentence.is-selected{background:#d6f5df;border-color:#379e65;box-shadow:0 0 0 2px #379e6547}.highlight-inline-sentence.is-eliminated{color:#716d7e;opacity:.62;background:#ecebf1;text-decoration:line-through;text-decoration-thickness:2px;box-shadow:0 0 0 1px #aaa6b7}.highlight-inline-sentence.is-answer{opacity:1;background:#d6f5df;border-color:#379e65;text-decoration:none;box-shadow:0 0 0 2px #379e6547}.highlight-inline-sentence.is-correct{opacity:1;background:#cfeede;border-color:#50ae85;text-decoration:none;box-shadow:0 0 0 2px #50ae85}.highlight-inline-sentence.is-correct-elimination{color:#4d5b52;opacity:1;background:#e4eee7;border-color:#379e65;text-decoration:line-through;text-decoration-thickness:2px;box-shadow:0 0 0 2px #50ae85}.highlight-inline-sentence.is-incorrect{opacity:1;background:#ffd7dc;text-decoration:none;box-shadow:0 0 0 2px #d55b6a}.highlight-inline-sentence[aria-disabled=true]{color:inherit;opacity:1;cursor:default}.teacher-presentation-passages .highlight-inline-sentence{margin:0}.teacher-presentation-passages .highlight-inline-sentence+.highlight-inline-sentence{margin-top:0}.mini-highlight-passage{border-radius:10px;margin-top:12px;padding:12px;font-size:12px;line-height:1.75}.mini-sentence-tools{gap:6px;margin-top:12px;display:flex}.mini-sentence-tools span{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800}.mini-sentence-tools span.is-active{background:#d6f5df;border-color:#379e65}.highlight-key-help{align-items:center;gap:7px;display:flex}.highlight-key-swatch{background:#cfeede;border:2px solid #50ae85;border-radius:4px;width:28px;height:14px}.highlight-key-swatch.is-eliminated{background:#ecebf1;border-color:#aaa6b7}.highlight-key-legend,.sentence-counts{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sentence-action-tools{border:1px solid var(--line);background:#faf9fd;border-radius:13px;flex-wrap:wrap;align-items:center;gap:9px;margin:13px 0;padding:10px;display:flex}.sentence-action-tools p{color:var(--ink-soft);flex:230px;margin:0 0 0 4px;font-size:13px;line-height:1.4}.sentence-tool-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-weight:800;display:inline-flex}.sentence-tool-button.is-highlight.is-active{background:#d6f5df;border-color:#379e65;box-shadow:0 0 0 2px #379e6533}.sentence-tool-button.is-eliminate.is-active{background:#ecebf1;border-color:#8d899a;box-shadow:0 0 0 2px #716d7e24}.simple-slide-tip{color:var(--ink);background:var(--purple-soft);border:1px solid #cbc7ff;border-radius:13px;gap:4px;padding:13px 15px;display:grid}.simple-slide-tip span{color:var(--ink-soft);line-height:1.45}.slide-layout-image-only{aspect-ratio:16/9;background:#f3f3f6;place-items:center;width:100%;min-height:0;display:grid}.slide-layout-image-only .content-slide-image{border-radius:inherit;background:#f3f3f6;min-height:0;margin:0;position:absolute;inset:0}.slide-layout-image-only .content-slide-image img{object-fit:contain;width:100%;height:100%;min-height:0;max-height:100%;object-position:center center!important}@media (width<=1080px){.slide-authoring-layout{grid-template-columns:1fr}.slide-element-inspector{max-height:none}.slide-background-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.builder-layout.is-slide-canvas-mode,.slide-background-controls,.slide-format-grid,.slide-position-grid{grid-template-columns:1fr}.slide-canvas-toolbar,.slide-template-control{flex-direction:column;align-items:stretch}.slide-template-control .select-input{width:100%}}.public-shell{background:radial-gradient(circle at 88% 7%, rgba(var(--accent-rgb), .15), transparent 29rem), radial-gradient(circle at 4% 29%, rgba(var(--pop-rgb), .08), transparent 24rem), linear-gradient(180deg, color-mix(in srgb, var(--purple-soft) 34%, #fff) 0, #fff 43rem);min-height:100vh}.public-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb}.marketing-main{max-width:1320px;padding-top:34px;padding-bottom:96px}.public-footer{border-top:1px solid var(--line);width:min(1320px,100% - 40px);color:var(--ink-soft);grid-template-columns:auto 1fr;align-items:center;gap:20px 36px;margin:0 auto;padding:28px 0 36px;display:grid}.public-footer-brand{align-items:center;gap:11px;display:flex}.public-footer-brand div{gap:2px;display:grid}.public-footer-brand strong{color:var(--ink);font-size:17px}.public-footer-brand span,.public-footer small{font-size:12px}.public-footer-mark{width:38px;height:38px}.public-footer nav{justify-content:flex-end;gap:20px;display:flex}.public-footer nav a{color:var(--ink);font-size:13px;font-weight:750;text-decoration:none}.public-footer nav a:hover{color:var(--purple);text-decoration:underline}.public-footer small{grid-column:1/-1;line-height:1.6}.legal-main{max-width:1000px;padding-top:64px;padding-bottom:84px}.legal-page{gap:14px;display:grid}.legal-page>header{margin-bottom:22px}.legal-page h1{letter-spacing:-.045em;margin:7px 0 12px;font-size:clamp(42px,6vw,68px)}.legal-page header>p:last-child{color:var(--ink-soft)}.legal-page section,.legal-callout{border:1px solid var(--line);background:#ffffffe6;border-radius:18px;padding:24px 28px;box-shadow:0 12px 34px #2722460a}.legal-page h2{margin:0 0 10px;font-size:22px}.legal-page p,.legal-page li{color:var(--ink-soft);line-height:1.7}.legal-page p{margin:0}.legal-page ul{margin:0;padding-left:22px}.legal-page li+li{margin-top:8px}.legal-page a{color:var(--purple-dark);font-weight:750}.legal-callout{border-color:rgba(var(--accent-rgb), .32);background:color-mix(in srgb, var(--purple-soft) 62%, #fff)}.legal-callout strong{color:var(--purple-dark);margin-bottom:7px;font-size:18px;display:block}.marketing-hero{grid-template-columns:minmax(0,1.02fr) minmax(430px,.88fr);align-items:center;gap:clamp(44px,7vw,96px);min-height:670px;padding:24px 0 46px;display:grid;position:relative}.marketing-hero:before{opacity:.22;background-image:radial-gradient(rgba(var(--accent-rgb), .72) 1.4px, transparent 1.4px);content:"";pointer-events:none;background-size:14px 14px;width:135px;height:135px;position:absolute;top:28px;left:-56px}.marketing-hero-copy{z-index:2;position:relative}.marketing-kicker{border:1px solid rgba(var(--accent-rgb), .2);color:var(--purple-dark);letter-spacing:.02em;background:#ffffffc2;border-radius:999px;align-items:center;gap:9px;padding:6px 13px 6px 7px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 8px 24px #2722460f}.marketing-kicker-mark{object-fit:contain;flex:0 0 30px;width:30px;height:30px;display:block}.marketing-hero-copy h1{letter-spacing:-.065em;max-width:720px;margin:24px 0 22px;font-size:clamp(56px,7.3vw,94px);line-height:.92}.marketing-hero-copy h1 em{color:var(--purple);text-decoration:underline;-webkit-text-decoration-color:rgba(var(--accent-rgb), .18);text-decoration-color:rgba(var(--accent-rgb), .18);text-underline-offset:-.05em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;font-style:normal;text-decoration-thickness:.16em}.marketing-lede{max-width:650px;color:var(--ink-soft);margin:0;font-size:clamp(19px,2vw,23px);line-height:1.58}.marketing-actions{margin:32px 0 20px}.button-large{min-height:52px;padding-inline:25px;font-size:16px}.marketing-proof-list{color:var(--ink-soft);flex-wrap:wrap;gap:9px 18px;font-size:12px;font-weight:750;display:flex}.marketing-proof-list span{align-items:center;gap:7px;display:inline-flex}.marketing-proof-list span:before{width:18px;height:18px;color:var(--purple-dark);background:var(--purple-soft);content:"✓";border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.marketing-demo-stage{place-items:center;min-height:610px;display:grid;position:relative}.marketing-demo-glow{aspect-ratio:1;background:radial-gradient(circle at 35% 35%, #ffffffeb, transparent 28%), linear-gradient(145deg, rgba(var(--accent-rgb), .25), rgba(var(--pop-rgb), .18));filter:blur(2px);border-radius:50%;width:min(520px,92%);position:absolute}.marketing-demo-card{z-index:2;border:1px solid rgba(var(--accent-rgb), .22);background:#fffffff7;border-radius:30px;gap:16px;width:min(100%,510px);padding:28px;display:grid;position:relative;overflow:hidden;transform:rotate(1deg);box-shadow:0 34px 90px #27224633}.marketing-demo-card:before{background:linear-gradient(90deg, var(--purple), var(--accent-mid), var(--accent-pop));content:"";height:7px;position:absolute;inset:0 0 auto}.demo-card-header,.demo-progress-row{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-card-header>div{color:var(--ink);align-items:center;gap:8px;display:inline-flex}.demo-live-dot{background:#24a477;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #e2f7ef}.demo-card-meta{color:var(--ink-soft);background:color-mix(in srgb, var(--purple-soft) 62%, #fff);letter-spacing:.05em;text-transform:uppercase;border-radius:12px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:11px;font-weight:800;display:flex}.demo-question{gap:8px;margin:12px 0 2px;display:grid}.demo-question span{color:var(--purple-dark);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:850}.demo-question strong{font-size:26px;line-height:1.25}.demo-passage{gap:9px;display:grid}.demo-passage p{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:13px;margin:0;padding:13px 15px;font-size:13px;line-height:1.45}.demo-passage p.is-selected{color:#176647;background:#e3f6ee;border-color:#4ab182;font-weight:750;box-shadow:inset 4px 0 #4ab182}.demo-progress-row{border-top:1px solid var(--line);margin-top:6px;padding-top:17px}.demo-progress-row>div{flex:1;gap:7px;font-size:12px;font-weight:750;display:grid}.demo-progress-track{background:#ecebf2;border-radius:999px;height:7px;overflow:hidden}.demo-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--purple), var(--accent-mid));width:82%;height:100%;display:block}.demo-floating-card{z-index:3;border:1px solid rgba(var(--accent-rgb), .2);background:#fffffff5;border-radius:17px;position:absolute;box-shadow:0 18px 48px #2722462b}.demo-floating-code{gap:3px;padding:14px 18px;display:grid;top:38px;right:-8px;transform:rotate(3deg)}.demo-floating-code span,.demo-floating-response>div>span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.demo-floating-code strong{color:var(--purple-dark);letter-spacing:.08em;font-size:20px}.demo-floating-response{align-items:center;gap:10px;padding:13px 16px;display:flex;bottom:40px;right:18px;transform:rotate(-2deg)}.demo-floating-response>div{gap:2px;display:grid}.demo-response-icon{color:#fff;background:#2b9976;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.marketing-activity-strip{border:1px solid var(--line);background:#ffffffc7;border-radius:25px;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:34px;margin:18px 0 72px;padding:clamp(24px,4vw,38px);display:grid;box-shadow:0 18px 55px #27224612}.marketing-activity-strip h2{letter-spacing:-.035em;margin:0;font-size:clamp(24px,3vw,34px);line-height:1.12}.marketing-activity-pills{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.marketing-activity-pills span{border:1px solid rgba(var(--accent-rgb), .18);color:var(--purple-dark);background:color-mix(in srgb, var(--purple-soft) 64%, #fff);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800}.marketing-section{color:#fff;background:radial-gradient(circle at 90% 0, rgba(var(--accent-rgb), .42), transparent 28rem), linear-gradient(145deg, #27243e, #1e1b31);border-radius:30px;margin:64px 0;padding:clamp(28px,5vw,58px);box-shadow:0 28px 75px #1f1b3329}.marketing-section-heading h2,.marketing-feature-grid h2,.marketing-cta h2{letter-spacing:-.035em;margin:7px 0 12px;font-size:clamp(28px,3.2vw,42px)}.marketing-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px;display:grid}.marketing-step-grid article{background:#ffffff0f;border:1px solid #ffffff24;border-radius:19px;padding:23px}.marketing-step-grid article>span{width:38px;height:38px;color:var(--purple-dark);background:var(--purple-soft);border-radius:50%;place-items:center;font-weight:900;display:grid}.marketing-step-grid h3{margin:18px 0 8px;font-size:20px}.marketing-step-grid p,.marketing-section .eyebrow{color:#d7d3e7}.marketing-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:60px 0;display:grid}.marketing-feature-grid article{border:1px solid var(--line);background:#fff;border-radius:26px;min-height:320px;padding:30px;position:relative;overflow:hidden;box-shadow:0 18px 42px #25204812}.marketing-feature-grid article:after{border:24px solid rgba(var(--accent-rgb), .07);content:"";border-radius:50%;width:150px;height:150px;position:absolute;bottom:-52px;right:-36px}.marketing-feature-grid .feature-card-teacher{background:linear-gradient(150deg, #fff, color-mix(in srgb, var(--purple-soft) 58%, #fff))}.marketing-feature-grid .feature-card-private{background:linear-gradient(150deg, #fff, color-mix(in srgb, var(--coral-soft) 58%, #fff))}.feature-card-number{color:rgba(var(--accent-rgb), .42);letter-spacing:.12em;margin-bottom:38px;font-size:15px;font-weight:900;display:inline-block}.marketing-feature-grid p:not(.eyebrow){color:var(--ink-soft);line-height:1.65}.marketing-feature-grid a{z-index:1;color:var(--purple-dark);font-weight:800;position:relative}.marketing-cta{border:1px solid rgba(var(--accent-rgb), .25);background:radial-gradient(circle at 86% 15%, rgba(var(--pop-rgb), .18), transparent 17rem), linear-gradient(135deg, var(--purple-soft), #fff 58%);border-radius:28px;justify-content:space-between;align-items:center;gap:30px;padding:clamp(28px,4vw,48px);display:flex;overflow:hidden;box-shadow:0 18px 55px #27224617}.marketing-cta p:not(.eyebrow){max-width:760px;color:var(--ink-soft);margin:0}.auth-main{place-items:center;min-height:calc(100vh - 86px);padding-block:48px;display:grid}.auth-layout{border:1px solid var(--line);background:#fff;border-radius:28px;grid-template-columns:minmax(0,650px) minmax(300px,390px);width:min(100%,1060px);display:grid;overflow:hidden;box-shadow:0 28px 75px #261f5b21}.auth-card,.auth-side-card{padding:clamp(28px,5vw,54px)}.auth-heading{margin-bottom:26px}.auth-heading h1{letter-spacing:-.04em;margin:7px 0 10px;font-size:clamp(34px,4vw,48px)}.auth-heading>p:not(.eyebrow){color:var(--ink-soft);margin:0;line-height:1.55}.auth-side-card{color:#fff;background:linear-gradient(155deg,#34305b,#211d39)}.auth-side-card .brand-mark{background:#fff;border-radius:20px;width:62px;height:62px;padding:7px;box-shadow:0 15px 35px #0003}.auth-side-card h2{letter-spacing:-.03em;margin:28px 0 12px;font-size:30px}.auth-side-card p,.auth-side-card .feature-list{color:#d9d5ea;line-height:1.6}.auth-links{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:14px;display:flex}.auth-links a,.link-button{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.success-summary{color:#176546;background:#e8f8f0;border:1px solid #8fd8b4;border-radius:13px;margin-bottom:18px;padding:13px 15px}.preview-credentials{background:#faf9fd;border:1px dashed #c9c5dc;border-radius:14px;margin-top:22px;padding:14px 16px}.preview-credentials summary{cursor:pointer;font-weight:800}.preview-credentials>div{gap:4px;margin-top:13px;display:grid}.preview-credentials code,.token-code{overflow-wrap:anywhere;color:#37314f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.code-input{letter-spacing:.16em;max-width:260px;font-size:24px;font-weight:850}.token-input{letter-spacing:.03em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.local-email-preview{background:#f4f2ff;border:1px solid #d5d0ff;border-radius:16px;grid-template-columns:1fr auto;gap:14px 22px;margin-bottom:22px;padding:18px;display:grid}.local-email-preview p{color:var(--ink-soft);margin:3px 0 0;font-size:13px;line-height:1.45}.local-email-preview code{color:#fff;background:var(--primary);letter-spacing:.14em;border-radius:11px;align-self:center;padding:12px 14px;font-size:24px;font-weight:900}.local-email-preview>span{color:var(--ink-soft);grid-column:1/-1;font-size:12px}.join-loaded-fields{border-top:1px solid var(--line);gap:18px;padding-top:18px;animation:.22s ease-out join-fields-in;display:grid}.join-code-status{border-radius:12px;align-items:center;gap:11px;margin-top:10px;padding:11px 13px;display:flex}.join-code-status>span{color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.join-code-status div{gap:2px;display:grid}.join-code-status small{color:inherit}.join-code-status.is-valid{color:#176546;background:#e8f8f0}.join-code-status.is-valid>span{background:#24986e}.join-code-status.is-invalid{color:#983c3c;background:#fff0ef}.join-code-status.is-invalid>span{background:#d75454}@keyframes join-fields-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.admin-shell{background:#faf9fd;min-height:100vh}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.admin-stat-grid article{border:1px solid var(--line);background:#fff;border-radius:17px;gap:8px;padding:20px;display:grid}.admin-stat-grid span{color:var(--ink-soft);font-size:13px;font-weight:750}.admin-stat-grid strong{font-size:32px}.retention-policy-card{background:#eefaf5;border:1px solid #b9dfcf;border-radius:19px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:22px 24px;display:flex}.retention-policy-card h2{margin:4px 0 7px}.retention-policy-card p:not(.eyebrow){max-width:820px;color:var(--ink-soft);margin:0;line-height:1.55}.retention-day-badge{color:#fff;background:#218765;border-radius:50%;flex:none;align-content:center;place-items:center;width:86px;height:86px;display:grid}.retention-day-badge strong{font-size:30px;line-height:1}.retention-day-badge small{text-transform:uppercase;margin-top:3px;font-weight:800}.retention-status{gap:3px;min-width:160px;display:grid}.retention-status strong{font-size:13px}.retention-status small{color:var(--ink-soft);font-size:11px;line-height:1.35}.retention-status.is-purged strong{color:var(--mint)}.retention-download-notice{color:var(--ink-soft);background:#fff8df;border:1px solid #efd79a;border-radius:15px;align-items:center;gap:12px;margin:-6px 0 20px;padding:13px 16px;display:flex}.retention-download-notice strong{color:var(--ink);white-space:nowrap}.admin-panel{margin-bottom:22px}.token-created-notice{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));background:color-mix(in srgb, var(--accent-soft) 70%, white);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.token-created-notice p{color:var(--ink-soft);margin:4px 0 10px}.token-created-notice .token-code{font-size:1rem;font-weight:800;display:inline-block}.status-locked{color:#625d73;background:#f0eef5}.admin-privacy-note,.admin-readonly-banner{border-top:1px solid var(--line);color:var(--ink-soft);background:#faf9fd;align-items:center;gap:12px;padding:15px 20px;display:flex}.admin-privacy-note strong,.admin-readonly-banner strong{color:var(--ink)}.admin-readonly-banner{background:#f1efff;border:1px solid #d5d0ff;border-radius:14px;margin-bottom:20px}.admin-readonly-list{gap:18px;display:grid}.admin-readonly-item .teacher-live-display{max-width:100%}.teacher-agreement-list{gap:12px;display:grid}.teacher-agreement-list article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:15px}.teacher-agreement-list p{margin:0 0 12px;font-weight:700;line-height:1.5}.teacher-agreement-list article>div{flex-wrap:wrap;gap:8px;display:flex}.teacher-agreement-list span{border:1px solid var(--line);min-width:42px;min-height:38px;color:var(--ink-soft);background:#f8f7fc;border-radius:10px;place-items:center;padding:7px 12px;font-weight:800;display:inline-grid}@media (width<=980px){.public-topbar .primary-nav{display:none}.marketing-hero,.auth-layout{grid-template-columns:1fr}.marketing-hero{gap:20px}.marketing-demo-stage{min-height:570px}.marketing-demo-card{max-width:620px}.marketing-activity-strip{grid-template-columns:1fr}.marketing-activity-pills{justify-content:flex-start}.marketing-step-grid,.marketing-feature-grid{grid-template-columns:1fr}.marketing-feature-grid article{min-height:0}.auth-side-card{order:-1}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.public-topbar .brand-copy span,.public-topbar .button-secondary{display:none}.public-topbar{gap:8px}.public-topbar .topbar-actions{gap:6px}.theme-picker-label{display:none}.theme-picker summary{justify-content:center;width:36px;padding-inline:7px}.marketing-main,.auth-main{padding-top:24px}.marketing-hero{min-height:0;padding-top:12px}.marketing-hero:before{display:none}.marketing-hero-copy h1{font-size:clamp(46px,15vw,64px)}.marketing-proof-list{gap:9px;display:grid}.marketing-demo-stage{min-height:510px;margin-inline:-6px}.marketing-demo-card{padding:22px;transform:none}.demo-question strong{font-size:21px}.demo-floating-code{top:2px;right:4px}.demo-floating-response{bottom:4px;right:4px}.marketing-activity-strip{margin-bottom:46px}.marketing-activity-pills span{padding:8px 11px}.marketing-cta,.admin-privacy-note,.admin-readonly-banner,.token-created-notice,.retention-download-notice{flex-direction:column;align-items:flex-start}.retention-policy-card{align-items:flex-start}.auth-layout{border-radius:20px}.auth-side-card{padding-block:28px}.auth-side-card .feature-list{display:none}.local-email-preview,.admin-stat-grid{grid-template-columns:1fr}.local-email-preview code{justify-self:start}.public-footer{grid-template-columns:1fr}.public-footer nav{flex-wrap:wrap;justify-content:flex-start}.public-footer small{grid-column:1}.legal-main{padding-top:40px}.legal-page section,.legal-callout{padding:20px}}.nav-count{color:#fff;background:var(--danger);border-radius:999px;place-items:center;min-width:1.35rem;height:1.35rem;margin-left:.4rem;padding:0 .34rem;font-size:.72rem;font-weight:800;line-height:1;display:inline-grid}.marketing-contact{border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 12% 15%, rgba(var(--accent-rgb), .16), transparent 19rem), linear-gradient(135deg, var(--paper), var(--canvas-warm));box-shadow:var(--shadow-md);grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,4.5rem);scroll-margin-top:6rem;display:grid}.marketing-contact-copy h2{max-width:15ch;margin:.35rem 0 1rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.02}.marketing-contact-copy>p:not(.eyebrow){max-width:40rem;color:var(--ink-soft);font-size:1.08rem;line-height:1.7}.marketing-contact-form{background:#fffffff0;margin:0;padding:clamp(1.25rem,3vw,2rem)}.contact-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.support-main{max-width:92rem}.support-create-card{margin-bottom:1.5rem}.support-workspace{grid-template-columns:minmax(19rem,25rem) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.support-sidebar,.support-detail{overflow:hidden}.support-ticket-list{max-height:46rem;display:grid;overflow-y:auto}.support-ticket-row{border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);background:var(--paper);text-align:left;cursor:pointer;gap:.42rem;padding:1rem 1.15rem;display:grid}.support-ticket-row:hover,.support-ticket-row:focus-visible{background:var(--canvas);outline:none}.support-ticket-row.is-selected{box-shadow:inset 4px 0 0 var(--primary);background:var(--purple-soft)}.support-ticket-row.is-unread strong{color:var(--purple-dark)}.support-ticket-row>span:not(.support-ticket-row-heading,.support-ticket-row-footer){color:var(--ink-soft);font-size:.88rem}.support-ticket-row-heading,.support-ticket-row-footer{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.support-ticket-row-heading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.support-ticket-row-footer time{color:var(--ink-soft);font-size:.78rem}.unread-dot{background:var(--danger);width:.62rem;height:.62rem;box-shadow:0 0 0 3px var(--danger-soft);border-radius:50%;flex:none}.support-detail .panel-body{gap:1.25rem;display:grid}.support-conversation{gap:.85rem;max-height:34rem;padding:.25rem;display:grid;overflow-y:auto}.support-message{border:1px solid var(--line);background:var(--canvas);border-radius:1rem;max-width:min(44rem,92%);padding:1rem 1.1rem}.support-message.is-admin{border-color:rgba(var(--accent-rgb), .25);background:var(--purple-soft);justify-self:end}.support-message.is-prospect{background:var(--canvas-warm)}.support-message>div{justify-content:space-between;gap:1rem;margin-bottom:.45rem;display:flex}.support-message time{color:var(--ink-soft);font-size:.78rem}.support-message p{margin:0;line-height:1.55}.support-contact-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--canvas-warm);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;display:grid}.support-contact-card>div{gap:.25rem;display:grid}.support-contact-card span:first-child{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.support-reply-form{border-top:1px solid var(--line);padding-top:1rem}.support-closed-note{border-radius:var(--radius-md);background:var(--mint-soft);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.compact-empty{min-height:10rem;padding:1.5rem}@media (width<=960px){.marketing-contact,.support-workspace{grid-template-columns:1fr}.support-ticket-list{max-height:24rem}}@media (width<=620px){.marketing-contact{padding:1.25rem}.support-contact-card{grid-template-columns:1fr}.support-message{max-width:100%}.support-closed-note{flex-direction:column;align-items:stretch}}
