:root{--canvas:#f6f4ee;--surface:#fff;--ink:#102a43;--muted:#5d7185;--line:#dfe7eb;--blue:#1167b1;--blue-dark:#0c4f8c;--blue-soft:#e7f2fb;--teal:#158b83;--teal-soft:#e5f5f2;--coral:#c85e50;--coral-soft:#fbedE9;--shadow:0 12px 32px rgba(16,42,67,.08),0 2px 6px rgba(16,42,67,.05);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{margin:0;min-width:320px;background:var(--canvas);color:var(--ink);line-height:1.5}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #78bff0;outline-offset:3px}a{color:var(--blue);text-decoration:none}h1,h2,p{margin-top:0}h1{font-size:clamp(1.85rem,5vw,2.7rem);line-height:1.08;letter-spacing:-.04em;margin-bottom:.55rem}h2{font-size:1.25rem;line-height:1.2;letter-spacing:-.025em}.app-shell{min-height:100vh;padding-bottom:86px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 20px;border-bottom:1px solid rgba(16,42,67,.08)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand>span:last-child{display:grid;line-height:1}.brand strong{font-size:1rem;letter-spacing:.12em}.brand small{font-size:.68rem;color:var(--muted);margin-top:4px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--blue);display:grid;place-items:center;box-shadow:inset 0 -4px 8px rgba(0,0,0,.12)}.brand-mark span{width:15px;height:15px;border:3px solid #fff;border-top-color:#75d8cf;border-radius:50%;position:relative}.brand-mark span:after{content:"";position:absolute;width:3px;height:8px;background:#fff;left:3px;top:-8px;border-radius:2px}.course-chip{font-size:.76rem;font-weight:700;letter-spacing:.04em;background:#fff;padding:7px 10px;border:1px solid var(--line);border-radius:8px}.course-chip span{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:5px}.page-frame{max-width:1120px;margin:0 auto;padding:38px 20px 50px}.page-stack{display:grid;gap:26px;max-width:980px;margin:auto}.welcome{padding-top:8px}.welcome p:last-child,.page-header p{color:var(--muted);margin:0;max-width:570px;font-size:1.05rem}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.7rem;color:var(--blue);margin:0 0 8px}.today-card{background:var(--blue);color:#fff;border-radius:24px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;box-shadow:0 16px 36px rgba(17,103,177,.2);position:relative;overflow:hidden}.today-card:after{content:"";position:absolute;width:230px;height:230px;border:42px solid rgba(255,255,255,.06);border-radius:50%;right:-90px;top:-85px}.today-copy{position:relative;z-index:1}.today-card .section-kicker{color:#9de1db}.today-card h2{font-size:clamp(1.45rem,4vw,2rem);margin-bottom:8px}.today-card p{color:#dceefa;max-width:490px}.primary-button,.secondary-button{min-height:48px;border:0;border-radius:12px;padding:0 18px;font-weight:750;cursor:pointer;transition:transform .16s,background .16s,box-shadow .16s}.primary-button{background:var(--blue);color:#fff;box-shadow:0 7px 16px rgba(17,103,177,.2)}.today-card .primary-button{background:#fff;color:var(--blue);box-shadow:none}.primary-button:hover:not(:disabled),.secondary-button:hover{transform:translateY(-2px)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{background:#fff;border:1px solid var(--line)}.mastery-ring{--value:0;width:134px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#69d2c7 calc(var(--value)*1%),rgba(255,255,255,.18) 0);display:grid;place-items:center;position:relative;z-index:1}.mastery-ring:before{content:"";position:absolute;inset:11px;background:var(--blue);border-radius:50%}.mastery-ring div{z-index:1;display:grid;text-align:center}.mastery-ring strong{font-size:1.6rem;line-height:1}.mastery-ring span{font-size:.7rem;color:#dceefa;margin-top:5px}.quick-stats{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 20px rgba(16,42,67,.04)}.quick-stats>div{padding:18px;display:grid;grid-template-columns:auto 1fr;column-gap:12px}.quick-stats>div+div{border-left:1px solid var(--line)}.quick-stats p,.quick-stats small{margin:0}.quick-stats small{color:var(--muted);grid-column:2;font-size:.78rem}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;grid-row:1/3}.stat-icon.flame{background:var(--coral-soft);color:var(--coral)}.stat-icon.check{background:var(--teal-soft);color:var(--teal)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:15px}.section-heading h2{margin:0}.section-heading a,.text-button{font-size:.82rem;font-weight:700}.text-button{border:0;background:transparent;color:var(--blue);padding:8px;cursor:pointer}.coral-text{color:var(--coral)}.topic-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.topic-card{min-height:148px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent,var(--blue));border-radius:15px;padding:16px;text-align:left;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 3px 14px rgba(16,42,67,.04);transition:transform .16s,box-shadow .16s}.topic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.topic-card.blue,.status-dot.blue{--accent:var(--blue)}.topic-card.teal,.status-dot.teal{--accent:var(--teal)}.topic-card.coral,.status-dot.coral{--accent:var(--coral)}.topic-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,white);font-weight:800;margin-bottom:14px}.topic-card strong{font-size:.94rem}.topic-card small{font-size:.72rem;color:var(--muted);margin:4px 0 13px}.mini-track{height:4px;background:#e9eef1;display:block;border-radius:4px;margin-top:auto;overflow:hidden}.mini-track i{display:block;height:100%;background:var(--accent,var(--teal));border-radius:4px}.weak-panel,.progress-list,.trouble-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 4px 18px rgba(16,42,67,.035)}.empty-inline{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted)}.empty-inline>span{font-size:1.8rem;color:var(--teal)}.empty-inline p{margin:0;font-size:.88rem}.empty-inline strong{color:var(--ink)}.weak-row,.topic-list-row{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;border:0;border-top:1px solid var(--line);background:#fff;padding:15px 2px;text-align:left;cursor:pointer}.weak-row>span:nth-child(2),.topic-list-row>span:nth-child(2){display:grid}.weak-row small,.topic-list-row small,.progress-row small{color:var(--muted);font-size:.75rem}.weak-row i,.topic-list-row i{font-size:1.6rem;color:#91a0ad;font-style:normal}.status-dot{width:9px;height:9px;background:var(--accent);border-radius:50%}.page-header{padding-top:8px}.mode-feature{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;text-align:left;border:0;background:var(--blue);color:#fff;border-radius:20px;padding:24px;cursor:pointer;box-shadow:var(--shadow)}.mode-feature>span:nth-child(2){display:grid}.mode-feature small{color:#9de1db;text-transform:uppercase;letter-spacing:.1em;font-style:normal;font-size:.65rem;font-weight:800}.mode-feature strong{font-size:1.2rem}.mode-feature em{font-style:normal;color:#dbeeff;font-size:.8rem}.mode-feature b{font-size:1.4rem}.mode-icon{width:48px;height:48px;border-radius:14px;background:#fff;color:var(--blue);display:grid;place-items:center}.topic-list{border:1px solid var(--line);border-radius:18px;padding:0 20px;background:#fff}.topic-list-row:first-child{border-top:0}.topic-list-row:hover strong{color:var(--blue)}.practice-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:28px;align-items:start}.question-pane,.concept-pane{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.question-pane h1{font-size:clamp(1.45rem,3vw,2rem);margin:26px 0 24px;max-width:760px}.question-progress>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}.question-progress strong{color:var(--ink)}.progress-track{height:7px;background:#e9eef1;border-radius:8px;overflow:hidden;margin-top:9px}.progress-track span{height:100%;background:var(--teal);display:block;transition:width .35s}.question-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:19px}.question-tags span{font-size:.67rem;background:var(--blue-soft);color:var(--blue-dark);padding:5px 8px;border-radius:6px;font-weight:750}.question-tags span:nth-child(2){background:var(--teal-soft);color:#0b6c65}.question-tags span:nth-child(3){background:#f1f1ec;color:#566472}.answer-list{display:grid;gap:10px}.answer-choice{min-height:62px;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1.5px solid var(--line);border-radius:13px;background:#fff;padding:10px 15px;text-align:left;cursor:pointer;transition:border .15s,background .15s,transform .15s}.answer-choice:hover:not(:disabled){border-color:#91bfe2;transform:translateX(2px)}.answer-choice.selected{border-color:var(--blue);background:var(--blue-soft)}.answer-choice.correct{border-color:var(--teal);background:var(--teal-soft)}.answer-choice.incorrect{border-color:var(--coral);background:var(--coral-soft)}.answer-choice.muted{opacity:.58}.choice-letter{width:34px;height:34px;border:1px solid #bdcbd4;border-radius:9px;display:grid;place-items:center;font-weight:800}.selected .choice-letter{background:var(--blue);border-color:var(--blue);color:#fff}.correct .choice-letter{background:var(--teal);border-color:var(--teal);color:#fff}.incorrect .choice-letter{background:var(--coral);border-color:var(--coral);color:#fff}.choice-copy{font-weight:600}.choice-result{font-size:1.25rem;font-weight:900}.submit-button{width:100%;margin-top:20px}.concept-pane{position:sticky;top:20px;background:#fdfdfb}.source-card h2{font-size:1.45rem;margin:5px 0 8px}.source-card>p{color:var(--muted)}.source-label{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.source-label>span{width:33px;height:33px;display:grid;place-items:center;background:var(--blue-soft);border-radius:9px;color:var(--blue)}.source-label div{display:grid;min-width:0}.source-label small{font-size:.67rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.source-label strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiet-note{margin-top:24px;border-left:3px solid var(--teal);padding:10px 0 10px 14px}.quiet-note span{color:var(--teal);font-weight:800;font-size:.75rem}.quiet-note p{font-size:.83rem;color:var(--muted);margin:3px 0}.feedback-title{display:flex;gap:12px;align-items:center}.feedback-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.2rem}.right .feedback-icon{background:var(--teal)}.wrong .feedback-icon{background:var(--coral)}.feedback-card h2{margin:0}.feedback-card>p{color:var(--muted);margin-top:22px}.remember{background:var(--teal-soft);padding:14px;border-radius:10px;display:grid;font-size:.88rem}.wrong .remember{background:var(--coral-soft)}.remember strong{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--teal)}.wrong .remember strong{color:var(--coral)}.mobile-feedback{display:none}.center-state{max-width:570px;margin:8vh auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:48px 28px;text-align:center;box-shadow:var(--shadow)}.center-state.compact{margin:0 auto;width:100%}.state-mark{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal);font-size:1.6rem;font-weight:900;margin:0 auto 20px}.center-state p{color:var(--muted)}.completion-actions{display:flex;justify-content:center;gap:10px}.progress-hero{display:flex;align-items:center;gap:25px;background:var(--blue);color:#fff;border-radius:22px;padding:25px}.mastery-ring.large{width:120px;flex:0 0 auto}.progress-hero h2{font-size:1.6rem;margin:4px 0}.progress-hero p{color:#dbeeff;margin:0}.progress-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:20px}.progress-row{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.progress-row>div{display:grid}.progress-row .mini-track{margin-top:8px}.trouble-card{align-self:start}.trouble-row{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line)}.coral-button{background:var(--coral);width:100%;margin-top:15px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;height:70px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;box-shadow:0 -6px 18px rgba(16,42,67,.05)}.bottom-nav a{width:120px;color:#788996;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.7rem;font-weight:650}.bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav a.active{color:var(--blue)}.reveal{animation:rise .45s both}.delay-1{animation-delay:.07s}.delay-2{animation-delay:.13s}.delay-3{animation-delay:.19s}.delay-4{animation-delay:.25s}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}#blazor-error-ui{background:#fff3cd;bottom:0;box-shadow:0 -1px 3px rgba(0,0,0,.2);display:none;left:0;padding:.7rem 1.25rem;position:fixed;width:100%;z-index:1000}.dismiss{cursor:pointer;position:absolute;right:.75rem}.blazor-error-boundary{background:var(--coral);padding:1rem;color:#fff}
@media(max-width:760px){.page-frame{padding:28px 16px 38px}.topbar{height:64px;padding:0 16px}.today-card{padding:23px 20px;border-radius:20px}.mastery-ring{width:105px}.topic-strip{grid-template-columns:repeat(2,1fr)}.topic-card{min-height:138px}.practice-workspace{display:block}.question-pane{border:0;box-shadow:none;background:transparent;padding:0}.concept-pane{display:none}.mobile-feedback{display:block;margin-top:16px}.mobile-feedback .feedback-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.question-pane h1{margin:20px 0}.progress-grid{grid-template-columns:1fr}.progress-hero{padding:20px}.weak-row small{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:460px){.page-frame{padding-top:24px}.welcome h1{font-size:2rem}.today-card{grid-template-columns:1fr}.today-card .mastery-ring{position:absolute;width:96px;right:16px;top:18px}.today-copy{padding-right:70px}.today-copy p{padding-right:12px}.quick-stats{grid-template-columns:1fr 1fr}.quick-stats>div{padding:14px 11px;column-gap:8px}.stat-icon{width:30px;height:30px}.quick-stats p{font-size:.82rem}.quick-stats small{font-size:.66rem}.topic-card{padding:13px;min-height:130px}.section-heading{align-items:center}.section-heading .text-button{max-width:145px}.question-tags span:last-child{display:none}.answer-choice{min-height:60px}.progress-hero .mastery-ring{width:100px}.progress-hero h2{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.mobile-concept-review{display:none;background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:14px;overflow:hidden}.mobile-concept-review summary{min-height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-weight:750;cursor:pointer;list-style:none}.mobile-concept-review summary::-webkit-details-marker{display:none}.mobile-concept-review[open] summary{border-bottom:1px solid var(--line)}.mobile-concept-review[open] summary span:last-child{transform:rotate(45deg)}.mobile-concept-review>div{padding:17px}.mobile-concept-review h2{font-size:1.15rem;margin:2px 0 6px}.mobile-concept-review p{font-size:.88rem;color:var(--muted)}
@media(max-width:760px){.mobile-concept-review{display:block}}
.welcome-heading{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.welcome-heading h1{margin-bottom:.55rem}.change-name-button{border:0;background:transparent;color:var(--blue);font-size:.78rem;font-weight:750;padding:8px;min-height:44px;cursor:pointer}.change-name-button:hover{text-decoration:underline}.onboarding-shell{min-height:calc(100vh - 246px);display:grid;place-items:center;padding:24px 0}.onboarding-card{width:min(100%,520px);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(28px,6vw,46px);box-shadow:var(--shadow)}.onboarding-brand{margin-bottom:24px}.onboarding-brand .brand-mark{width:46px;height:46px;border-radius:13px}.onboarding-brand .brand-mark span{width:19px;height:19px}.onboarding-card h1{font-size:clamp(2rem,6vw,2.65rem);max-width:410px}.onboarding-card h1:focus{outline:none}.onboarding-lede{font-size:1.08rem;color:var(--ink);margin-bottom:8px}.privacy-note{color:var(--muted);font-size:.9rem;margin-bottom:26px}.name-form{display:grid;gap:8px}.name-form label{font-size:.82rem;font-weight:800}.name-form input{width:100%;min-height:52px;border:1.5px solid #b8c8d2;border-radius:12px;background:#fff;color:var(--ink);padding:0 14px;font:inherit;font-size:1rem}.name-form input:hover{border-color:#85a9c2}.name-form input:focus{outline:3px solid #78bff0;outline-offset:2px;border-color:var(--blue)}.name-form input[aria-invalid=true]{border-color:var(--coral)}.name-form small{font-size:.76rem;color:var(--muted)}.name-form .primary-button{margin-top:14px;width:100%}.validation-message{color:#9f392f;font-size:.82rem;font-weight:700;margin:3px 0 0}.name-edit-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 4px 18px rgba(16,42,67,.035)}.name-form-inline{max-width:520px}.name-edit-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}.name-edit-heading h2{margin:0}
.name-edit-heading .text-button{min-width:44px;min-height:44px}.name-edit-heading .text-button:hover{text-decoration:underline}
@media(max-width:460px){.onboarding-shell{min-height:calc(100vh - 220px);padding:8px 0 20px}.onboarding-card{padding:28px 22px;border-radius:20px}.welcome-heading{display:block}.change-name-button{margin:-2px 0 4px;padding-left:0}}
.session-length-picker{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 4px 18px rgba(16,42,67,.035)}.session-length-copy{display:grid}.session-length-copy .section-kicker{margin-bottom:4px}.session-length-copy strong{font-size:.94rem}.session-length-copy small{color:var(--muted);font-size:.76rem;margin-top:2px}.session-length-options{display:grid;grid-template-columns:repeat(3,minmax(56px,1fr));gap:7px;flex:0 0 auto}.session-length-option{min-width:56px;min-height:44px;border:1px solid #b8c8d2;border-radius:10px;background:#fff;color:var(--ink);font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:background .16s,border-color .16s,transform .16s}.session-length-option:hover{border-color:var(--blue);transform:translateY(-1px)}.session-length-option.selected{background:var(--blue-soft);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);color:var(--blue-dark)}.session-length-option b{font-size:.72rem;color:var(--teal)}.today-length-control{width:min(100%,360px);margin:13px 0 15px;border:1px solid rgba(255,255,255,.32);border-radius:12px;position:relative;z-index:1;overflow:hidden}.today-length-control summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;cursor:pointer;list-style:none;color:#fff;font-size:.8rem}.today-length-control summary::-webkit-details-marker{display:none}.today-length-control summary b{color:#9de1db;font-size:.74rem}.today-length-control[open] summary{border-bottom:1px solid rgba(255,255,255,.22)}.session-length-picker.compact{background:rgba(255,255,255,.07);border:0;border-radius:0;padding:10px 12px;box-shadow:none}.session-length-picker.compact .session-length-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.session-length-picker.compact .session-length-options{width:100%}.session-length-picker.compact .session-length-option{min-width:0;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.38);color:#fff}.session-length-picker.compact .session-length-option.selected{background:#fff;border-color:#fff;color:var(--blue-dark);box-shadow:none}
@media(max-width:600px){.session-length-picker:not(.compact){align-items:stretch;flex-direction:column}.session-length-options{width:100%}.session-length-option{min-width:0}.today-length-control{width:100%}}

/* Safari and installed iOS/iPadOS web app support */
html,body{min-height:100%;overscroll-behavior-y:none}
body{min-height:100vh;min-height:100dvh;-webkit-tap-highlight-color:rgba(17,103,177,.12)}
button,a,input,summary{touch-action:manipulation}
h1[tabindex="-1"]:focus{outline:none}
.app-shell{min-height:100vh;min-height:100dvh;padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
.topbar{height:calc(72px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.page-frame{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.bottom-nav{height:calc(70px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.topic-symbol{background:var(--blue-soft)}
@supports (background:color-mix(in srgb,white,black)){.topic-symbol{background:color-mix(in srgb,var(--accent) 10%,white)}}
@media(max-width:760px){.topbar{height:calc(64px + env(safe-area-inset-top,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.page-frame{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}

/* Account setup and sign-in */
.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-actions form{margin:0}.sign-out-button{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer;padding:10px 6px}.sign-out-button:hover{color:var(--blue)}
.auth-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(32px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));background:radial-gradient(circle at top,#e6f3f8 0,transparent 38%),var(--canvas)}
.auth-brand{align-self:flex-start;max-width:520px;width:100%;margin:0 auto 28px}.auth-card{width:min(100%,520px);background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(24px,6vw,42px);box-shadow:var(--shadow)}.auth-card h1{margin:8px 0 10px;font-size:clamp(2rem,7vw,3rem);line-height:1.02}.auth-card>p{color:var(--muted);line-height:1.55;margin:0 0 24px}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:7px;color:var(--ink);font-size:.85rem;font-weight:800}.auth-form input{width:100%;min-height:52px;border:1px solid #bfd0dc;border-radius:14px;padding:12px 14px;background:#fff;color:var(--ink);font:inherit;font-size:1rem}.auth-form input:focus{outline:3px solid rgba(17,103,177,.18);border-color:var(--blue)}.auth-form small{color:var(--muted);margin-top:-10px;line-height:1.4}.auth-form .primary-button{width:100%;justify-content:center;margin-top:4px}.auth-error{margin:0 0 18px;padding:12px 14px;border-radius:12px;background:#fff0ed;color:#913f34;font-weight:700;line-height:1.4}.auth-note{font-size:.86rem;text-align:center;margin:18px 0 0!important}
@media(max-width:600px){.sign-out-button{font-size:.78rem}.topbar-actions{gap:6px}.auth-shell{padding-top:calc(20px + env(safe-area-inset-top,0px))}.auth-card{border-radius:22px}.auth-brand{margin-bottom:20px}}

/* Practice test mode */
.exam-feature{margin-top:14px;background:linear-gradient(135deg,#173d5c,#245a78)}.exam-feature .mode-icon{color:#173d5c}.practice-workspace.exam-mode{grid-template-columns:minmax(0,860px);justify-content:center}.practice-workspace.exam-mode .question-pane{width:100%}.question-tags.exam-tag span{background:#e8f0f5;color:#173d5c}
.completion-page{display:grid;gap:28px}.exam-review{width:min(100%,900px);margin:0 auto;display:grid;gap:16px}.exam-review>.section-heading{align-items:end}.exam-review>.section-heading>strong{color:var(--muted);font-size:.9rem}.exam-review-item{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(20px,4vw,30px);box-shadow:var(--shadow);display:grid;gap:16px}.exam-review-item h3{margin:0;color:var(--ink);font-size:clamp(1.15rem,3vw,1.45rem);line-height:1.3}.review-number{color:var(--blue);font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.review-answer{border-radius:16px;padding:14px 16px}.review-answer>span{display:block;margin-bottom:5px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.review-answer p{margin:0;line-height:1.45}.review-wrong{background:#fff0ed;color:#7f352d}.review-correct{background:#e8f7f3;color:#155f59}.review-notes{border-top:1px solid var(--line);padding-top:16px}.review-notes>strong{color:var(--ink)}.review-notes>p{color:var(--muted);line-height:1.55;margin:6px 0 14px}.exam-perfect{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.exam-perfect>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e8f7f3;color:var(--teal);font-size:1.4rem;font-weight:900}.exam-perfect p{margin:3px 0 0;color:var(--muted)}
@media(min-width:700px){.exam-review-item{grid-template-columns:1fr 1fr}.exam-review-item>.review-number,.exam-review-item>h3,.exam-review-item>.review-notes,.exam-review-item>.source-label{grid-column:1/-1}}