:root{color:#17131f;font-synthesis:none;text-rendering:optimizelegibility;--green:#00c646;--green-dark:#008f34;--purple:#5406cb;--purple-soft:#eee4ff;--ink:#17131f;--muted:#6b6574;--paper:#fffdf8;--line:#ddd8e3;--score-remainder:#ded9e2;--shadow:0 24px 70px #30233c1c;background:#f6f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}a{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header,.site-footer{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);margin:0 auto;display:flex}.site-header{padding:28px 0}.site-footer{color:var(--muted);justify-content:center;padding:28px 0 36px;font-size:.9rem}.brand{align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand-logo{object-fit:cover;border-radius:50%;width:42px;height:42px;display:block}main{flex:1}.intro-layout,.assessment-layout,.results-layout{width:min(1120px,100% - 40px);margin:42px auto 72px}.intro-layout{width:min(620px,100% - 40px);margin-top:24px}.eyebrow,.step-label{color:var(--purple);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin:18px 0 24px;font-size:clamp(2.55rem,6vw,5.2rem);line-height:.98}h2{letter-spacing:-.035em;font-size:clamp(1.7rem,3vw,2.4rem)}.student-card,.question-card,.results-section,.answer-review{background:var(--paper);box-shadow:var(--shadow);border:1px solid #5406cb17;border-radius:26px}.student-card{gap:24px;padding:34px;display:grid}.assessment-intro{border-bottom:1px solid var(--line);padding-bottom:20px}.assessment-intro h1{margin:12px 0 14px;font-size:clamp(2.25rem,7vw,3.7rem);line-height:1.02}.assessment-intro p{margin-bottom:0}.student-card h2{margin:8px 0}.student-card p{color:var(--muted);line-height:1.5}.student-card label{gap:9px;font-size:.9rem;font-weight:700;display:grid}.student-card input[type=text],.student-card input[type=email],.student-card input:not([type]){border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:14px 15px}.student-card input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #5406cb1a}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:13px;padding:14px 19px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s}.primary-button{color:#09150d;background:var(--green);box-shadow:0 10px 25px #00c64638}.secondary-button{color:var(--ink);background:#efebf2}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.assessment-layout{max-width:850px}.assessment-topline{margin-bottom:24px}.assessment-topline>div:first-child{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.question-count{color:var(--muted);font-size:.9rem}.progress-track,.mini-track{background:#e5e0e8;border-radius:99px;overflow:hidden}.progress-track{height:8px}.progress-track span,.mini-track span{background:linear-gradient(90deg, var(--purple), var(--green));border-radius:inherit;height:100%;transition:width .25s;display:block}.question-card{flex-direction:column;min-height:720px;padding:clamp(26px,5vw,52px);display:flex}.skill-label{color:var(--purple);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:850}.question-card h1{letter-spacing:-.02em;margin:22px 0 30px;font-size:clamp(1.45rem,3vw,2rem);line-height:1.28}.instruction{color:var(--purple);margin:22px 0 -8px;font-weight:700}.multiple-instruction{color:var(--ink);background:#e8f8ed;border:2px solid #00c64661;border-radius:14px;align-items:center;gap:13px;margin:-8px 0 22px;padding:15px 17px;font-size:1.02rem;font-weight:750;line-height:1.35;animation:.7s ease-out 2 multiple-instruction-pulse;display:flex;box-shadow:0 10px 24px #008f341f}.multiple-instruction strong{letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:.76rem;display:block}.multiple-instruction-icon{color:#fff;background:var(--purple);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:1.25rem;font-weight:950;display:grid}@keyframes multiple-instruction-pulse{50%{box-shadow:0 0 0 6px #5406cb3d,0 10px 24px #008f341f}}@media (prefers-reduced-motion:reduce){.multiple-instruction{animation:none}}.question-context{border-left:4px solid var(--green);color:#343039;background:#f0faf3;margin:22px 0 -8px;padding:15px 17px;line-height:1.5}.answer-list{gap:12px;display:grid}.answer-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;align-items:center;gap:14px;min-height:62px;padding:13px 16px;line-height:1.4;display:flex;position:relative}.answer-option:hover{border-color:#5406cb73}.answer-option.selected{border-color:var(--purple);background:#f6f0ff;box-shadow:0 0 0 3px #5406cb14}.answer-option input{opacity:0;pointer-events:none;position:absolute}.option-letter{background:#eeeaf0;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:.78rem;font-weight:900;display:grid}.answer-option.selected .option-letter{color:#fff;background:var(--purple)}.text-answer{gap:9px;font-size:.9rem;font-weight:800;display:grid}.text-answer input,.text-answer textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:13px;outline:none;padding:16px}.text-answer textarea{resize:vertical;min-height:112px;line-height:1.5}.text-answer input:focus,.text-answer textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px #5406cb1a}.question-actions{justify-content:space-between;gap:16px;margin-top:auto;padding-top:32px;display:flex}.results-layout{max-width:900px}.results-hero{grid-template-columns:auto 1fr;align-items:center;gap:34px;margin-bottom:32px;display:grid}.results-hero h1{margin:10px 0 12px;font-size:clamp(2.4rem,6vw,4.5rem)}.results-hero p{color:var(--muted)}.score-ring{text-align:center;width:172px;height:172px;color:var(--ink);box-shadow:var(--shadow);border-radius:50%;place-content:center;display:grid;position:relative}.score-ring:before{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:18px}.score-ring strong,.score-ring span{z-index:1;position:relative}.score-ring strong{letter-spacing:-.06em;font-size:2.7rem}.score-ring span{color:var(--muted);font-size:.82rem}.save-status{background:#ece8ef;border-radius:9px;padding:8px 11px;font-size:.82rem;display:inline-flex}.save-status.success{color:#08752f;background:#e3f8ea}.save-status.warning{color:#7a4d00;background:#fff1d2}.save-status.error{color:#9b1c1c;background:#ffe3e3}.level-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.level-card{color:#fff;background:var(--purple);border-radius:20px;padding:24px}.level-card:nth-child(2){color:#07140c;background:var(--green)}.level-card span{opacity:.85;font-size:.86rem;font-weight:800;display:block}.level-card strong{letter-spacing:-.05em;margin:10px 0 2px;font-size:2.5rem;display:block}.level-card p{opacity:.78;margin:0;font-size:.86rem}.results-section{margin-top:18px;padding:clamp(24px,4vw,38px)}.section-heading h2{margin:8px 0 24px}.skill-results{gap:18px;display:grid}.skill-result>div:first-child{justify-content:space-between;gap:20px;margin-bottom:7px;font-size:.9rem;display:flex}.mini-track{height:7px}.review-section{box-shadow:none}.recommendation-list{gap:10px;display:grid}.recommendation-list>div{background:#f3eff7;border-radius:12px;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:13px 14px;display:grid}.recommendation-list span{color:var(--purple);font-weight:900}.recommendation-list p{margin:0}.answer-review{margin-top:18px;overflow:hidden}.answer-review summary{cursor:pointer;padding:22px 28px;font-weight:850}.answer-review>div{gap:12px;padding:0 28px 28px;display:grid}.answer-review article{background:#f4f1f6;border-radius:14px;padding:20px}.answer-review article>span{color:var(--purple);font-size:.78rem;font-weight:900}.answer-review article h3{margin:6px 0 12px}.answer-review article p{color:var(--muted);margin:6px 0;line-height:1.5}.answer-review article .review-context{border-left:4px solid var(--green);color:#343039;background:#f0faf3;margin:10px 0 12px;padding:12px 14px}.results-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.email-results-button{color:#fff;background:var(--purple);border:1px solid var(--purple);box-shadow:0 10px 25px #5406cb38}.email-status{border-radius:10px;width:fit-content;margin:12px auto 0;padding:9px 12px;font-size:.86rem}.email-status.success{color:#08752f;background:#e3f8ea}.email-status.error{color:#9b1c1c;background:#ffe3e3}.ai-review-status p{color:var(--muted);margin-bottom:0}.ai-review-note{color:var(--muted);background:#f4f1f6;border-radius:12px;margin:18px 0 0;padding:13px 15px}.personalized-review article{border-left:5px solid var(--green)}.personalized-review article.feedback-incorrect,.personalized-review article.feedback-acceptable_but_not_target{border-left-color:var(--purple)}@media (width<=800px){.results-hero{text-align:center;grid-template-columns:1fr}.score-ring{margin:0 auto}.results-hero .eyebrow{text-align:center}}@media (width<=560px){.site-header,.site-footer,.intro-layout,.assessment-layout,.results-layout{width:min(100% - 24px,1120px)}.site-header{padding:17px 0}.student-card,.question-card{border-radius:20px;padding:23px 18px}.question-card{min-height:auto}.question-actions{align-items:stretch}.question-actions button{flex:1}.level-grid{grid-template-columns:1fr}.recommendation-list>div{grid-template-columns:62px 1fr}.recommendation-list strong{grid-column:2}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.student-player button,.presenter-view button{cursor:pointer}.student-player button:disabled,.presenter-view button:disabled{cursor:not-allowed;opacity:.35}.student-player{background:#242129;grid-template-rows:auto minmax(0,1fr) auto;min-height:100vh;display:grid}.student-topbar{color:#fff;background:#17131f;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:12px clamp(16px,3vw,34px);display:flex}.student-topbar>div:first-child{gap:3px;min-width:0;display:grid}.student-topbar strong{text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.lesson-kicker,.panel-eyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:850}.student-actions,.presenter-actions{flex:none;align-items:center;gap:10px;display:flex}.text-button,.primary-action{border:0;border-radius:11px;padding:10px 14px;font-size:.82rem;font-weight:800}.text-button{color:inherit;background:#ffffff1a}.primary-action{color:#07140c;background:var(--green)}.sync-status{color:#aaa4ae;white-space:nowrap;align-items:center;gap:7px;font-size:.76rem;display:inline-flex}.sync-status i{background:#7b747f;border-radius:50%;width:8px;height:8px}.sync-status.connected{color:inherit}.sync-status.connected i{background:var(--green);box-shadow:0 0 0 4px #00c64621}.student-stage{place-items:center;min-height:0;padding:clamp(10px,2vw,24px);display:grid;overflow:hidden}.lesson-slide-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.student-stage .lesson-slide-image{border-radius:5px;max-width:min(100%,177.778vh - 284.444px);max-height:calc(100vh - 160px);box-shadow:0 18px 55px #00000059}.student-controls{color:#fff;background:#17131f;border-top:1px solid #ffffff1a;place-items:center;min-height:72px;padding:10px 18px;display:grid}.lesson-navigation{align-items:center;gap:14px;display:flex}.lesson-navigation button{width:44px;height:44px;color:inherit;background:#ffffff1c;border:0;border-radius:12px;place-items:center;font-size:1.2rem;font-weight:900;display:grid}.lesson-navigation label{color:#c9c4cc;align-items:center;gap:8px;font-size:.8rem;display:flex}.lesson-navigation input{color:#fff;text-align:center;background:#ffffff14;border:1px solid #ffffff29;border-radius:9px;width:52px;padding:8px 5px;font-weight:850}.presenter-body{background:#eeeaf0}.presenter-view{min-height:100vh;padding:0 28px 30px}.presenter-header{border-bottom:1px solid #d8d2dc;justify-content:space-between;align-items:center;gap:24px;min-height:78px;display:flex}.presenter-header>div:first-child{align-items:center;gap:14px;display:flex}.presenter-header img{object-fit:contain;object-position:left center;width:188px;height:38px}.presenter-header>div:first-child span{color:var(--purple);border-left:1px solid #ccc5d0;padding-left:14px;font-weight:850}.presenter-header .text-button{color:#fff;background:var(--purple)}.presenter-grid{grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);align-items:start;gap:22px;width:min(1500px,100%);margin:26px auto 0;display:grid}.presenter-current,.notes-panel,.next-panel{background:var(--paper);border:1px solid #5406cb14;border-radius:20px;box-shadow:0 18px 50px #30233c17}.presenter-current{padding:18px}.panel-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:.74rem;font-weight:800;display:flex}.panel-label strong{color:var(--purple);font-size:.86rem}.presenter-slide-frame,.next-slide-frame{aspect-ratio:16/9;background:#e6e2e8;border-radius:8px;overflow:hidden}.presenter-current .lesson-navigation{color:var(--ink);justify-content:center;margin-top:16px}.presenter-current .lesson-navigation button{color:var(--ink);background:#ece8ef}.presenter-current .lesson-navigation input{color:var(--ink);border-color:var(--line);background:#fff}.presenter-current .lesson-navigation label{color:var(--muted)}.presenter-sidebar{gap:18px;display:grid}.notes-panel{border-top:6px solid var(--green);min-height:390px;padding:clamp(22px,3vw,32px)}.notes-panel h1{letter-spacing:-.045em;margin:10px 0 18px;font-size:clamp(1.45rem,2.2vw,2.1rem);line-height:1.06}.notes-panel p{color:#4f4954;margin:0;font-size:1rem;line-height:1.65}.next-panel{padding:18px}.next-panel p{color:var(--muted);margin:12px 2px 1px;font-size:.85rem;line-height:1.35}.next-panel .end-message{place-items:center;min-height:110px;margin:0;display:grid}:fullscreen .student-topbar{min-height:54px;padding-top:8px;padding-bottom:8px}:fullscreen .student-controls{min-height:58px}:fullscreen .student-stage .lesson-slide-image{max-width:min(100%,177.778vh - 199.111px);max-height:calc(100vh - 112px)}@media (width<=980px){.presenter-grid{grid-template-columns:1fr}.presenter-sidebar{grid-template-columns:1.35fr .65fr}}@media (width<=720px){.student-topbar{align-items:flex-start}.student-actions .sync-status,.student-actions .text-button{display:none}.presenter-view{padding:0 14px 20px}.presenter-header{align-items:flex-start;padding:14px 0}.presenter-header img{width:150px}.presenter-header>div:first-child span{display:none}.presenter-actions{flex-direction:column-reverse;align-items:flex-end}.presenter-sidebar{grid-template-columns:1fr}}