@font-face{font-family:system-ui;src:local("Apple SD Gothic Neo")}*{box-sizing:border-box}body{margin:0;background:#000;color:#eee;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,input[type=submit],.button{cursor:pointer;background:#151517;color:#eee;border:1px solid #303034;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:0}button:hover,.button:hover{border-color:#777}button:disabled{opacity:.36;cursor:not-allowed}.primary,button.primary,input.primary{background:#f3f3f1;color:#090909;border-color:#f3f3f1;font-weight:650}.quiet{background:transparent;border-color:transparent;font-size:13px;color:#aaa}header{height:88px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #232326}.brand{font-size:29px;font-weight:750;letter-spacing:-1.5px}.brand span{font-size:9px;font-weight:500;letter-spacing:3px;display:block;line-height:1}.account{display:flex;align-items:center;gap:18px;font-size:14px}.account form{margin:0}.local-banner{padding:6px 48px;background:#0b0b0c;color:#929297;font-size:11px;border-bottom:1px solid #232326}main{max-width:1500px;margin:auto;padding:36px 48px;min-height:76vh}footer{padding:28px 48px;color:#5b5b60;border-top:1px solid #232326;font-size:11px}.eyebrow{font-size:10px;letter-spacing:3px;color:#77777e}h1{font-size:40px;line-height:1.28;letter-spacing:-1.6px;font-weight:600;margin:16px 0 22px}h2{font-size:23px;font-weight:600;letter-spacing:-.6px;margin:0 0 14px}h3{font-size:17px;font-weight:550;margin:0 0 12px}p{margin:10px 0}.lead{font-size:17px;color:#999;line-height:1.9}.muted{color:#929298}.small{font-size:12px}.login-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;max-width:1120px;margin:50px auto}.login-grid h1{font-size:49px}.panel{border:1px solid #232326;background:#0b0b0c;padding:24px}.login-panel{max-width:440px;width:100%;padding:32px}.tabs{display:flex;gap:25px;margin-bottom:28px;border-bottom:1px solid #232326}.tabs a{padding:0 0 12px;color:#777}.tabs a.active{color:white;border-bottom:2px solid white}.social{width:100%;margin:5px 0}.stack{display:flex;flex-direction:column;gap:16px}label{font-size:12px;color:#aaa;display:block}input,select,textarea{width:100%;margin-top:6px;color:#eee;background:#101012;border:1px solid #333;padding:12px;border-radius:0}select{color-scheme:dark}textarea{resize:vertical;min-height:110px}.steps{display:flex;flex-direction:column;gap:8px;color:#777;font-size:12px;margin-top:40px}hr{border:0;border-top:1px solid #232326;margin:26px 0}.portal{display:grid;grid-template-columns:170px minmax(0,1fr);gap:44px}nav{display:flex;flex-direction:column;gap:4px;border-right:1px solid #232326;min-height:650px;padding-right:25px}nav a,nav button{padding:12px;text-align:left;font-size:14px;color:#929298;background:transparent;border:0;justify-content:start}nav a.active{background:#161619;color:white}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}.page-head h1{font-size:33px;margin:3px 0 10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #232326;margin:24px 0 32px}.metric{padding:24px;border-right:1px solid #232326}.metric:last-child{border:0}.metric strong{font-size:40px;display:block;font-weight:300;font-variant-numeric:tabular-nums}.metric span{color:#929298;font-size:13px}.rows{border-top:1px solid #232326}.row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid #232326}.row h3{margin:4px 0}.row small{color:#777}.badge{display:inline-block;color:#c4c4c7;border:1px solid #35353a;padding:3px 9px;font-size:11px;white-space:nowrap}.badge.completed{color:#a5dfbe;border-color:#2e4b3b}.badge.grading{color:white}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.empty{padding:70px 25px;text-align:center;border:1px solid #232326;color:#777}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.university{min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.university.inactive{opacity:.48}.detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px}.studio-video{position:relative;background:#101012;border:1px solid #232326}.studio-video video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain;background:black}.studio-video canvas.ink{position:absolute;left:0;top:0;width:100%;height:calc(100% - 50px);pointer-events:none}.studio-video canvas.ink.drawing{pointer-events:auto;touch-action:none}.studio-controls{padding:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.recording{color:#f87777}.note{padding:15px 0;border-bottom:1px solid #232326;display:flex;align-items:start;gap:14px;font-size:13px}.time-link{color:#b7d8c5;background:none;border:0;padding:0;font-variant-numeric:tabular-nums;flex-shrink:0}.prose{white-space:pre-wrap;overflow-wrap:anywhere}.preview{width:100%;max-height:250px;background:#080808}.progress{height:4px;background:#252528;margin-top:14px}.progress span{display:block;height:100%;background:#d6e1d9;width:0}dialog{background:#101012;color:white;border:1px solid #444;padding:30px;max-width:500px;width:90vw}dialog::backdrop{background:#000b}.notice,#message:not(:empty){padding:13px 18px;background:#161619;border:1px solid #414148;margin-bottom:20px}.notice.error,#message.error{border-color:#793c3c;color:#f7b2b2}.method-options{display:flex;flex-direction:column;gap:8px;margin:12px 0 22px}.method-options label{display:flex;align-items:center;gap:8px}.method-options input{width:auto;margin:0}.status-line{color:#a7a7ad;font-size:13px}.review-total{border-left:2px solid #bbcfc1;padding:20px;margin-top:25px}.hidden{display:none!important}#recording-face{position:fixed;bottom:20px;right:20px;width:160px;z-index:10;border:1px solid #666}.numbers{font-variant-numeric:tabular-nums}.file-box{border:1px dashed #444;padding:20px}.file-box input{border:0;padding:0}.teacher-select{min-width:150px;margin:0}button.danger{color:#f39a9a}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){header{padding:0 24px}main{padding:25px 24px}.local-banner{padding:6px 24px}.portal{grid-template-columns:1fr;gap:25px}nav{flex-direction:row;min-height:0;border:0;border-bottom:1px solid #232326;padding:0;overflow:auto}.login-grid{gap:30px}.login-grid h1{font-size:34px}.detail-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{height:72px}.brand{font-size:23px}.account{font-size:11px;gap:2px}main{padding:24px 18px}.login-grid{display:block;margin:10px auto}.login-panel{margin-top:35px;max-width:none}.login-grid h1{font-size:32px}.page-head{align-items:start;flex-direction:column;gap:10px}.page-head h1{font-size:29px}.metric{padding:16px 12px}.metric strong{font-size:32px}.metric span{font-size:11px}.row{align-items:start;flex-direction:column}.row .actions{width:100%}.grid,.two{grid-template-columns:1fr}.panel{padding:18px}.steps{margin-top:25px}nav a{white-space:nowrap;font-size:13px}footer{padding:25px}}
/* Teacher commentary controls stay in view while the capture is running. */
body.commentary-recording main{padding-bottom:130px}
.studio-controls .student-progress{display:flex;align-items:center;gap:10px;flex:1 1 220px;min-width:180px;white-space:nowrap}
.student-progress input[type=range]{flex:1;min-width:70px;margin:0;padding:0;accent-color:#eee}
.studio-controls .student-toggle{white-space:nowrap}
.dock-pause-hint{order:5;flex-basis:100%;margin:0;text-align:center;color:#eee;font-size:13px;line-height:1.3}
.commentary-dock{position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;min-height:84px;padding:14px 30px;background:#111113;border-top:1px solid #48484c;box-shadow:0 -8px 30px #000a}
.dock-recording{display:flex;align-items:center;gap:10px;white-space:nowrap}
.dock-recording strong{font-size:17px;font-weight:600}
.dock-recording .numbers{display:inline-block;min-width:52px;font-size:20px;font-weight:400}
.record-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#f87777;box-shadow:0 0 0 5px #f8777726;flex:none}
.mic-readout{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap;color:#c2c2c6}
.mic-meter{width:110px;height:9px;border:1px solid #49494e;background:#29292d;overflow:hidden}
.mic-meter span{display:block;width:0;height:100%;background:#f3f3f1;transition:width .1s}
.mic-readout .numbers{display:inline-block;width:35px;text-align:right}
.commentary-dock button{white-space:nowrap}
.commentary-dock button.danger{border-color:#a75e5e;color:#ffb6b6;background:#291818}
@media(max-width:900px){.commentary-dock{gap:12px;padding:12px 18px}.dock-recording strong{font-size:15px}body.commentary-recording main{padding-bottom:170px}}
@media(max-width:600px){.commentary-dock{justify-content:space-between}.mic-readout{order:3;width:100%;justify-content:center}.commentary-dock button{flex:1 1 auto}body.commentary-recording main{padding-bottom:205px}.studio-controls .student-progress{order:3;flex-basis:100%}}
/* Public landing and student administration share the existing quiet palette. */
html{scroll-behavior:smooth;scroll-padding-top:24px}
.public-navigation,.site-footer,.site-footer>div{display:flex;align-items:center;gap:28px}
.public-navigation{font-size:13px}.site-footer{justify-content:space-between}.site-footer a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.landing{word-break:keep-all;max-width:1230px;margin:auto}.landing-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding:65px 0 90px}.landing-hero h1{font-size:clamp(40px,4.4vw,66px);line-height:1.22;letter-spacing:-2.8px}.landing-hero h1 span{color:#929298}.landing-hero .eyebrow{color:#b5b5bb}.hero-actions{margin:30px 0 18px;gap:24px}.hero-actions .primary{padding:15px 23px;gap:30px}.text-link{font-size:13px}.answer-preview{background:#0b0b0c;border:1px solid #303034;padding:30px}.preview-top{display:flex;align-items:center;justify-content:space-between;font-size:13px}.preview-question{padding:42px 0 26px}.preview-question>p:last-child{font-size:27px;line-height:1.6;letter-spacing:-.7px}.preview-timer>span{font-size:12px;color:#929298}.preview-timer strong{display:block;font-size:64px;font-weight:200;line-height:1.3;letter-spacing:1px;font-variant-numeric:tabular-nums}.preview-timeline{height:2px;background:#303034;margin:18px 0 28px}.preview-timeline span{display:block;background:#ccc;width:60%;height:100%}.preview-feedback{border-top:1px solid #303034;padding-top:22px;display:flex;gap:15px;font-size:14px}.feedback-mark{font-size:26px;color:#aaa}.preview-feedback p{margin-bottom:0}.landing-universities{padding:30px 0;border-block:1px solid #232326}.landing-universities>div{display:flex;align-items:center;gap:60px;flex-wrap:wrap;margin:22px 0}.landing-universities>div>span{font-size:23px;font-weight:550;letter-spacing:-.8px}.landing-universities small{font-size:12px;font-weight:400;color:#929298;margin-left:6px}.landing-section{padding:80px 0;border-bottom:1px solid #232326}.landing-section h2{font-size:38px;line-height:1.4;letter-spacing:-1.4px}.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:48px}.landing-steps article{border-top:1px solid #39393d;padding-top:20px}.step-number{font-size:35px;font-weight:250;color:#777;font-variant-numeric:tabular-nums}.landing-steps h3{font-size:20px;margin-top:15px}.landing-steps article>p:last-child{font-size:15px;color:#929298;line-height:1.9}.landing-feedback,.landing-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.landing-feedback .lead{margin-top:34px}.feedback-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:#bbb;margin-top:28px}.feedback-status>span:last-child{color:#a5dfbe}.landing-faq details{padding:20px 0;border-bottom:1px solid #232326}.landing-faq details:first-child{padding-top:5px}.landing-faq summary{cursor:pointer;font-size:17px}.landing-faq details p{font-size:14px;color:#929298;padding-top:10px;line-height:1.9}.landing-cta{padding:85px 0 65px;text-align:center}.landing-cta h2{font-size:34px;margin:20px 0 30px}.landing-cta .button{padding:15px 26px}
.student-filters{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:14px;align-items:end;margin:25px 0}.student-filters button{min-height:51px}.student-counts{font-size:12px;color:#929298;margin-top:8px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:28px 0}.pagination span{font-size:13px;color:#929298}.student-profile{margin-bottom:30px}.student-profile .stack{max-width:500px}.student-profile dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;font-size:14px;margin-bottom:28px}.student-profile dt{color:#929298}.student-profile dd{margin:0;overflow-wrap:anywhere}.student-state{padding-top:24px;margin-top:24px;border-top:1px solid #232326}.row>div{min-width:0}.row h3,.row small,.row p{overflow-wrap:anywhere}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #eee;outline-offset:5px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:1050px){.landing-hero{gap:30px}.answer-preview{padding:24px}.landing-universities>div{gap:25px}.landing-feedback,.landing-faq{gap:40px}.landing-steps{gap:22px}}
@media(max-width:700px){.landing-hero{grid-template-columns:1fr;padding:25px 0 50px;gap:36px}.landing-hero h1{font-size:43px;letter-spacing:-1.8px}.landing-hero .lead{font-size:15px}.answer-preview{padding:24px}.preview-question{padding:28px 0 15px}.landing-universities>div{gap:15px;flex-direction:column;align-items:start}.landing-universities>div>span{font-size:21px}.landing-section{padding:48px 0}.landing-section h2{font-size:30px}.landing-steps{grid-template-columns:1fr;gap:30px;margin-top:28px}.landing-feedback,.landing-faq{grid-template-columns:1fr;gap:18px}.landing-feedback .lead{margin-top:0;font-size:15px}.landing-cta{padding:50px 0}.landing-cta h2{font-size:27px}.public-navigation{gap:15px}.desktop-link{display:none}.public-navigation .button{font-size:12px;padding:9px 12px}.site-footer{align-items:start;gap:20px;flex-direction:column}.student-filters{grid-template-columns:minmax(0,1fr) 115px}.student-filters button{grid-column:1/-1}.student-profile dl{grid-template-columns:75px minmax(0,1fr)}.hero-actions{gap:18px}}
@media(max-width:600px){.account{gap:10px}.account>span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account .text-link{white-space:nowrap;font-size:12px}.account .quiet{padding:10px 6px;white-space:nowrap}}

/* Service information and merchant disclosures. */
.site-footer .business-information{display:block;max-width:690px;line-height:1.8}.business-information p{margin:5px 0;font-size:12px}.site-footer{align-items:flex-start;color:#929298}.site-footer nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;max-width:390px;min-height:0;border:0;padding:0;overflow:visible}.site-footer nav a{padding:0;font-size:12px}.service-document{max-width:900px;margin:30px auto 70px;word-break:keep-all;overflow-wrap:anywhere;line-height:1.9}.service-document h1{font-size:clamp(30px,4vw,46px);line-height:1.35;margin:15px 0 26px}.service-document h2{font-size:21px;margin-top:35px}.service-document p,.service-document li,.product-details{color:#b5b5bb}.service-document a,.business-information a{text-decoration:underline;text-underline-offset:4px}.product-details{display:grid;grid-template-columns:150px 1fr;border-top:1px solid #232326;margin:35px 0}.product-details dt,.product-details dd{padding:18px 0;border-bottom:1px solid #232326;margin:0}.product-details dt{color:#fff}.service-document .notice{color:#fff}@media(max-width:700px){.product-details{grid-template-columns:1fr}.product-details dt{padding:15px 0 0;border:0}.product-details dd{padding:5px 0 15px}.service-document{margin-top:20px}.site-footer nav{max-width:100%}}

.consent{display:flex;gap:12px;align-items:flex-start}.consent input{width:20px;flex:0 0 20px}.service-document .panel{margin:20px 0}
.product-offers{display:grid;grid-template-columns:1fr;gap:14px;margin:28px 0}.product-offer{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr);align-items:center;gap:32px}.product-offer-featured{padding:32px}.product-offer-featured h3{font-size:clamp(22px,3vw,29px);font-weight:650;line-height:1.4}.product-offer ul{padding-left:20px;margin:20px 0 0;font-size:14px}.offer-description{font-size:15px}.offer-purchase{border-left:1px solid #303034;padding-left:32px}.offer-purchase .button{width:100%;margin-top:14px;text-decoration:none}.offer-price{display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.5}.offer-original{font-size:15px;color:#929298}.offer-current strong{font-size:clamp(28px,4vw,38px);letter-spacing:-1px;font-weight:650}.offer-saving{font-size:13px;font-weight:600}.product-alternatives{border-top:1px solid #303034;padding:14px 0;font-size:14px}.product-alternatives summary{cursor:pointer;list-style-position:inside}.product-offer-secondary{padding:24px 0 8px}.product-offer-secondary h3{font-size:17px}.product-offer-secondary .offer-current strong{font-size:24px}@media(max-width:700px){.product-offer{grid-template-columns:1fr;gap:24px}.product-offer-featured{padding:24px}.offer-purchase{border-left:0;border-top:1px solid #303034;padding:20px 0 0}.offer-current strong{font-size:34px}}

.student-recovery{border:1px solid var(--line-strong);border-radius:12px;padding:16px;margin:14px 0}.student-recovery p{margin-top:0}.student-recorder .progress{margin:18px 0}

/* Sky light palette for every page, the same values as the iOS ThemePalette light scheme.
   Only the exam room (.camera-frame while live) and the commentary dock stay dark. Every
   selector below is prefixed so its specificity beats the equivalent dark rule above
   regardless of source order. Most text (h1-h3, p, a via color:inherit) has no literal color
   in the rules above, so it already follows body's color here -- only rules that set an
   explicit color, background or border are restated. */
body[data-surface]{
  color-scheme:light;
  --bg:#F4F9FF;--surface:#FFFFFF;--surface-2:#E1F0FF;
  --ink:#16263A;--ink-soft:#47586E;--muted:#47586E;--faint:#5D6E84;
  --line:#D3E0EF;--line-strong:#BCCDE0;
  --accent:#1668CC;--accent-fill:#7CC4FF;--accent-fill-ink:#0F2A47;
  --success:#1F7A4D;--success-line:#A9D5BE;
  --error:#C8322B;--error-line:#E8B8B4;
  background:var(--bg);color:var(--ink);
}
body[data-surface] header{border-bottom-color:var(--line)}
body[data-surface] footer{color:var(--faint);border-top-color:var(--line)}
body[data-surface] .local-banner{background:var(--surface-2);color:var(--muted);border-bottom-color:var(--line)}
body[data-surface] button,body[data-surface] input[type=submit],body[data-surface] .button{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}
body[data-surface] button:hover,body[data-surface] .button:hover{border-color:var(--ink-soft)}
body[data-surface] .primary,body[data-surface] button.primary,body[data-surface] input.primary{background:var(--accent-fill);color:var(--accent-fill-ink);border-color:var(--accent-fill)}
body[data-surface] .quiet{color:var(--muted)}
body[data-surface] .eyebrow,body[data-surface] .landing-hero .eyebrow{color:var(--accent)}
body[data-surface] .lead{color:var(--ink-soft)}
body[data-surface] .muted{color:var(--muted)}
body[data-surface] .panel{border-color:var(--line);background:var(--surface)}
body[data-surface] .tabs{border-bottom-color:var(--line)}
body[data-surface] .tabs a{color:var(--muted)}
body[data-surface] .tabs a.active{color:var(--ink);border-bottom-color:var(--ink)}
body[data-surface] label{color:var(--muted)}
body[data-surface] input,body[data-surface] select,body[data-surface] textarea{color:var(--ink);background:var(--bg);border-color:var(--line-strong)}
body[data-surface] select{color-scheme:light}
body[data-surface] hr{border-top-color:var(--line)}
body[data-surface] .steps{color:var(--muted)}
body[data-surface] .badge{color:var(--muted);border-color:var(--line-strong)}
body[data-surface] .badge.completed{color:var(--success);border-color:var(--success-line)}
body[data-surface] .badge.grading{color:var(--ink)}
body[data-surface] .notice,body[data-surface] #message:not(:empty){background:var(--surface);border-color:var(--line-strong)}
body[data-surface] .notice.error,body[data-surface] #message.error{border-color:var(--error-line);color:var(--error)}
body[data-surface] button:focus-visible,body[data-surface] a:focus-visible,body[data-surface] summary:focus-visible{outline-color:var(--ink)}
/* Landing */
body[data-surface] .landing-hero h1 span{color:var(--muted)}
body[data-surface] .answer-preview{background:var(--surface);border-color:var(--line-strong)}
body[data-surface] .preview-timer>span{color:var(--muted)}
body[data-surface] .preview-timeline{background:var(--line-strong)}
body[data-surface] .preview-timeline span{background:var(--accent)}
body[data-surface] .preview-feedback{border-top-color:var(--line-strong)}
body[data-surface] .feedback-mark{color:var(--muted)}
body[data-surface] .landing-universities{border-block-color:var(--line)}
body[data-surface] .landing-universities small{color:var(--muted)}
body[data-surface] .landing-section{border-bottom-color:var(--line)}
body[data-surface] .landing-steps article{border-top-color:var(--line-strong)}
body[data-surface] .step-number{color:var(--muted)}
body[data-surface] .landing-steps article>p:last-child{color:var(--muted)}
body[data-surface] .feedback-status{color:var(--muted)}
body[data-surface] .feedback-status>span:last-child{color:var(--success)}
body[data-surface] .landing-faq details{border-bottom-color:var(--line)}
body[data-surface] .landing-faq details p{color:var(--muted)}
/* Service info, orders, business disclosures */
body[data-surface] .site-footer{color:var(--faint)}
body[data-surface] .business-information{color:var(--muted)}
body[data-surface] .service-document p,body[data-surface] .service-document li,body[data-surface] .product-details{color:var(--ink-soft)}
body[data-surface] .product-details{border-top-color:var(--line)}
body[data-surface] .product-details dt,body[data-surface] .product-details dd{border-bottom-color:var(--line)}
body[data-surface] .product-details dt{color:var(--ink)}
body[data-surface] .service-document .notice{color:var(--ink)}
body[data-surface] .product-offer-featured{border-color:var(--line-strong);background:var(--surface)}
body[data-surface] .offer-purchase,body[data-surface] .product-alternatives{border-color:var(--line-strong)}
body[data-surface] .offer-original{color:var(--muted)}
body[data-surface] .offer-current,body[data-surface] .offer-saving{color:var(--ink)}
body[data-surface] .product-alternatives summary{color:var(--muted)}

.profile-dialog{max-width:640px}
.interest-picker{border:0;padding:0;margin:0;max-height:46vh;overflow:auto}
.interest-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.interest-chip{font-size:13px;padding:6px 10px}
.interest-search{width:100%;margin:6px 0}
.interest-results{display:grid;gap:6px;max-height:36vh;overflow:auto}
.social-option{position:relative}
.recent-login{position:absolute;top:-8px;right:14px;z-index:1;background:#f3f3f1;color:#090909;font-size:11px;font-weight:650;padding:2px 8px;line-height:1.5;pointer-events:none}
.recent-login::after{content:"";position:absolute;left:50%;bottom:-4px;margin-left:-4px;border:4px solid transparent;border-bottom:0;border-top-color:#f3f3f1}
.clock-fields{display:grid;grid-template-columns:repeat(2,minmax(0,140px));gap:14px;border:0;padding:0;margin:0}.clock-fields legend{padding:0;margin-bottom:8px}

/* Light colors for the pages that used to be dark only, and rounder, larger controls for a first-time reader. */
body[data-surface] button,body[data-surface] input[type=submit],body[data-surface] .button{border-radius:12px;min-height:44px;font-weight:600}
body[data-surface] input,body[data-surface] select,body[data-surface] textarea{border-radius:10px}body[data-surface] input[type=checkbox],body[data-surface] input[type=radio]{width:20px;height:20px;padding:0;margin:0 8px 0 0;vertical-align:-4px}
body[data-surface] button:disabled{background:var(--surface-2);color:var(--faint);border-color:var(--line);opacity:1}
body[data-surface] button.danger{color:var(--error);border-color:var(--error-line)}
body[data-surface] .panel,body[data-surface] .empty,body[data-surface] .metrics,body[data-surface] .notice,body[data-surface] #message:not(:empty){border-radius:12px}
body[data-surface] .panel{background:var(--surface)}
body[data-surface] .small{font-size:14px}body[data-surface] label{font-size:15px}body[data-surface] .eyebrow{font-size:13px;letter-spacing:1.5px}
body[data-surface] .badge{border-radius:999px;font-size:13px}
body[data-surface] nav{border-right-color:var(--line)}
body[data-surface] nav a,body[data-surface] nav button{color:var(--muted);background:transparent;border:0;min-height:0;border-radius:10px;font-weight:500}
body[data-surface] nav a.active{background:var(--surface-2);color:var(--ink)}
body[data-surface] .metrics,body[data-surface] .metric{border-color:var(--line)}
body[data-surface] .metric span,body[data-surface] .student-counts,body[data-surface] .pagination span,body[data-surface] .student-profile dt{color:var(--muted)}
body[data-surface] .rows,body[data-surface] .row,body[data-surface] .note,body[data-surface] .student-state{border-color:var(--line)}
body[data-surface] .row small{color:var(--faint);font-size:14px}
body[data-surface] .empty{border-color:var(--line);color:var(--muted);background:var(--surface)}
body[data-surface] dialog{background:var(--surface);color:var(--ink);border-color:var(--line-strong);border-radius:12px}
body[data-surface] dialog::backdrop{background:#16263a80}
body[data-surface] .time-link{color:var(--accent);background:none;border:0;min-height:0;font-weight:500}
body[data-surface] .status-line{color:var(--muted);font-size:15px}body[data-surface] .status-line.error{color:var(--error)}
body[data-surface] .review-total{border-left-color:var(--accent)}
body[data-surface] .progress{background:var(--line)}body[data-surface] .progress span{background:var(--accent)}
body[data-surface] .file-box{border-color:var(--line-strong)}
body[data-surface] .studio-video{background:var(--surface);border-color:var(--line)}
body[data-surface] .student-progress input[type=range]{accent-color:var(--accent)}
body[data-surface] .recent-login{background:var(--accent);color:#fff}body[data-surface] .recent-login::after{border-top-color:var(--accent)}
body[data-surface] button:focus-visible,body[data-surface] a:focus-visible{outline-color:var(--accent)}
/* The commentary dock floats over the studio and stays dark. */
body[data-surface] .commentary-dock{color:#eee}
body[data-surface] .commentary-dock button{background:#151517;color:#eee;border-color:#303034}
body[data-surface] .commentary-dock button.danger{background:#291818;color:#ffb6b6;border-color:#a75e5e}

/* Member pages: full pages reached from large cards, each with a named way back. */
.portal.solo{display:block}.portal.solo #workspace,.portal.solo .profile-page{max-width:1120px;margin-left:auto;margin-right:auto}
.page-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin-bottom:22px}
.back-link{display:inline-flex;align-items:center;min-height:48px;padding:0 18px 0 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--accent);font-size:16px;font-weight:600}
.back-link svg{width:24px;height:24px;fill:currentColor}.back-link:hover{border-color:var(--accent)}
.page-title{margin-bottom:22px}.page-title h1{font-size:32px;margin:0 0 6px;letter-spacing:-.8px;font-weight:700;word-break:keep-all}.page-title p{margin:0;font-size:17px;color:var(--muted);word-break:keep-all}
.landing-greeting{font-size:34px;font-weight:700;text-align:center;letter-spacing:-.8px;margin:28px 0 30px;word-break:keep-all}
.landing-cards{display:flex;gap:18px}
.landing-card{flex:1 1 0;min-width:0;min-height:320px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;word-break:keep-all;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.landing-card svg{width:52px;height:52px;fill:currentColor}.landing-card strong{font-size:28px;font-weight:700}.landing-card span{font-size:16px;color:var(--muted)}
.landing-card:hover{border-color:var(--accent)}
.landing-card.first{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-fill-ink)}.landing-card.first span{color:var(--accent-fill-ink)}.landing-card.first:hover{border-color:var(--accent-fill-ink)}
.landing-links{text-align:center;margin-top:18px;font-size:15px;color:var(--muted)}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.choice-card{display:block;min-height:118px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);word-break:keep-all}
.choice-card:hover{border-color:var(--accent)}.choice-card h2{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:22px;font-weight:700;margin:0 0 8px}.choice-card p{margin:0;font-size:17px;color:var(--muted)}
.tag{flex:none;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--accent);font-size:14px;font-weight:600}
.guide-step{display:flex;gap:14px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);word-break:keep-all}
.guide-step>span,.login-step>span{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-2);color:var(--accent);font-size:17px;font-weight:700}
.guide-step h2,.login-step h2{font-size:19px;font-weight:700;margin:3px 0 4px}.guide-step p,.login-step p{margin:0;font-size:16px;color:var(--muted)}
.page-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.page-actions>*{min-height:56px;min-width:180px}.page-actions .primary{min-width:300px;font-size:18px}
.narrow{max-width:560px}.narrow .primary{width:100%;min-height:56px;font-size:18px}.narrow p{font-size:17px;word-break:keep-all}
.schedule-row{padding:16px 22px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);word-break:keep-all}.schedule-row strong{display:block;font-size:18px}.schedule-row span{color:var(--muted);font-size:16px}
.profile-page.panel{padding:24px}.profile-page .interest-picker,.profile-page .interest-results{max-height:none}.profile-page .stack{max-width:640px}.profile-page dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:6px;margin:0 0 18px;font-size:16px}.profile-page dt{color:var(--muted)}.profile-page dd{margin:0}
.profile-more{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:15px}.profile-more form{margin:0}
.login-panel{word-break:keep-all}.login-steps{display:flex;flex-direction:column;gap:14px;margin-top:26px}.login-step{display:flex;gap:14px;word-break:keep-all}

/* Camera check: what the camera sees beside what still needs checking. */
.step-bar{display:flex;gap:8px;font-size:14px;color:var(--faint)}.step-bar span{display:block;width:84px;padding-top:6px;border-top:4px solid var(--line)}.step-bar span.active{border-top-color:var(--accent);color:var(--ink);font-weight:700}
.preflight{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
.recorder-side h2{font-size:25px;font-weight:700;margin:0 0 4px}.recorder-side>p{margin:0 0 10px;color:var(--muted);font-size:16px;word-break:keep-all}
.check-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;border-top:1px solid var(--line);font-size:16px}.check-row span:last-child{color:var(--muted);font-size:15px}
.level{display:block;width:96px;height:8px;border-radius:4px;background:var(--line);overflow:hidden}.level i{display:block;width:0;height:100%;background:var(--success);transition:width .1s}
.start-button{width:100%;min-height:64px;margin-top:14px;font-size:20px}.start-hint{text-align:center;margin:8px 0 0;font-size:15px;color:var(--muted)}
.recorder-side .button-stack{display:grid;gap:10px;margin-top:14px}.recorder-side .button-stack .start-button{margin-top:0}
.student-recorder.panel{border:0;background:none;padding:0}
.camera-frame{position:relative;background:#000;border-radius:12px;aspect-ratio:16/9;overflow:hidden}
.camera-frame>video{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.camera-note{position:absolute;padding:8px 14px;border-radius:8px;background:#0000009e;color:#fafafa;font-size:15px}.camera-note.top{left:16px;top:16px}.camera-note.bottom{left:50%;bottom:16px;transform:translateX(-50%);white-space:nowrap}
.student-review{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}.student-review h2{font-size:32px;font-weight:700;margin:0 0 6px}.review-side>p{margin:0 0 14px;font-size:17px;color:var(--muted);word-break:keep-all}
.student-review .preview{display:block;width:100%;max-height:none;aspect-ratio:16/9;border-radius:12px;background:#000}
.review-actions{display:grid;gap:10px}.review-actions>*{min-height:56px}.review-actions .primary{min-height:64px;font-size:20px}
.review-side .review-warning{color:var(--error);font-size:16px}.review-side .review-warning.saved{color:var(--success)}

/* The exam room: dark only while the clock runs, the same values as the iOS dark scheme. */
body.exam-room{overflow:hidden}
.student-recorder.live .camera-frame{position:fixed;inset:0;z-index:50;max-width:none;margin:0;border-radius:0;aspect-ratio:auto}
.student-recorder.live .camera-note{display:none}
.exam-layer{position:absolute;inset:0;color:#fafafa;word-break:keep-all}
.exam-prep{display:flex;flex-direction:column;padding:24px 32px;background:#000}
.exam-prep .exam-row{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#c3c9c4;font-size:16px}
.exam-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#c3c9c4;font-size:16px}
.exam-center strong{font-size:clamp(84px,14vw,168px);font-weight:200;line-height:1.1;color:#fafafa;font-variant-numeric:tabular-nums}
.exam-center h2{font-size:24px;font-weight:700;color:#fafafa;margin:0}.exam-center p{margin:0}
.exam-rail{position:absolute;left:0;right:0;top:0;display:flex;gap:2px;height:4px}.exam-rail span{display:block;background:#2f3331;overflow:hidden}.exam-rail i{display:block;width:0;height:100%;background:#ff6b66}
.exam-readouts{position:absolute;left:24px;right:24px;top:24px;display:flex;align-items:flex-start;gap:16px}
.exam-panel{padding:16px 20px;border:1px solid #2f3331;border-radius:12px;background:#000000ad;color:#c3c9c4;font-size:15px}.exam-panel strong{display:block;font-size:52px;font-weight:300;line-height:1.15;color:#fafafa;font-variant-numeric:tabular-nums}
.exam-panel b{color:#fafafa;font-size:20px;margin-left:8px}.exam-stages{display:flex;gap:9px;font-size:14px;color:#a9afab}.exam-stages .on{color:#fafafa}
.exam-badge{margin-left:auto;padding:10px 16px;border:1px solid #6b2e2c;border-radius:12px;background:#000000ad;color:#ff6b66;font-size:15px;font-weight:700}
.exam-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:20px;padding:14px 24px;background:#000000cc;border-top:1px solid #2f3331}
.exam-bar #exam-hint{flex:1;text-align:right;color:#c3c9c4;font-size:16px;font-variant-numeric:tabular-nums}
body[data-surface] .exam-button{background:#0b0b0c;color:#fafafa;border-color:#2f3331;min-height:52px}
body[data-surface] .exam-button.fill{background:#fafafa;color:#000;border-color:#fafafa;font-size:18px;font-weight:700;padding:0 28px;min-height:60px}
body[data-surface] .exam-button.fill:disabled{background:#2f3331;color:#a9afab;border-color:#2f3331}
.exam-transition,.exam-status{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;background:#000000cc;color:#c3c9c4;font-size:16px}
.exam-transition b{font-size:64px;color:#fafafa}.exam-transition strong{font-size:120px;font-weight:200;line-height:1.1;color:#fafafa;font-variant-numeric:tabular-nums}
.exam-status strong{font-size:28px;color:#fafafa}

@media(max-width:900px){.landing-cards{flex-wrap:wrap}.landing-card{flex:1 1 40%;min-height:220px}.preflight,.student-review{grid-template-columns:1fr}.recorder-side .primary.start-button{position:sticky;bottom:10px;z-index:2}.preflight .camera-frame{max-width:calc(46vh*16/9);width:100%;margin:0 auto}.student-review .preview{max-height:46vh}.page-bar{flex-wrap:wrap}.step-bar span{width:64px}}
@media(max-width:600px){.landing-card{flex:1 1 100%;min-height:150px}.landing-greeting{font-size:27px;margin:12px 0 20px}.choice-grid{grid-template-columns:1fr}.page-title h1{font-size:27px}.page-actions{flex-direction:column}.page-actions>*,.page-actions .primary{min-width:0;width:100%}.exam-panel strong{font-size:38px}.exam-bar{flex-wrap:wrap;gap:10px;padding:10px 14px}.exam-bar #exam-hint{order:3;flex-basis:100%;text-align:center}.exam-readouts{left:12px;right:12px;top:12px;flex-wrap:wrap}.exam-prep{padding:14px}.camera-note.bottom{white-space:normal;width:max-content;max-width:90%}.step-bar span{width:54px;font-size:13px}}