:root{--bg:#000;--surface:#15110b;--raised:#221b11;--panel:#0b0905;--line:#3a3020;--edge:#8c7a55;--paper:#f4efe6;--cream:#e8e0d0;--muted:#a89c88;--brass:#b8923a;--brass-light:#d4aa55;--right:#8fc15c;--wrong:#ec8a7e;--focus:#fff;--display:"Anton", Impact, "Arial Narrow", sans-serif;--light:"Oswald", "Arial Narrow", sans-serif;--serif:"Sorts Mill Goudy", Georgia, serif;--sans:"DM Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--cream);font-family:var(--sans);line-height:1.55}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brass-light)}:focus-visible{outline:.15em solid var(--focus);outline-offset:.15em}[tabindex="-1"]:focus{outline:none}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sizer{height:100%}.page{flex-direction:column;max-width:52em;height:100%;margin:0 auto;padding:1em 1.4em;display:flex}.top{align-items:center;gap:.6em;margin-bottom:1.2em;display:flex}.brand-star{width:auto;height:2.2em;display:block}.brand{flex-wrap:wrap;align-items:baseline;gap:0 .7em;line-height:1;display:flex}.brand-name{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:#fff;font-size:1.15em}[data-brand=studios] .brand-name{font-family:var(--serif);letter-spacing:0;text-transform:none;font-size:1.35em}.app-name{font-family:var(--light);letter-spacing:.06em;text-transform:uppercase;color:#fff;font-size:1.22em;font-weight:300}.main{overscroll-behavior:contain;flex:1;min-height:0;margin:-.2em;padding:.2em;overflow-y:auto}.card{background:var(--surface);border:.06em solid var(--line);border-radius:.6em;padding:1.8em 2em 2em}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--brass-light);margin-bottom:.4em;font-size:.75em}h1,h2,.learner legend{font-family:var(--serif);color:var(--paper);font-variant-numeric:lining-nums;font-weight:400;line-height:1.2}h1{font-size:2em}.lede{margin:.6em 0 1em;font-size:1.1em}.facts{color:var(--muted);flex-wrap:wrap;gap:.5em 1.6em;margin-bottom:1.6em;list-style:none;display:flex}.facts strong{color:var(--paper);font-weight:500}.learner{border:0;margin-bottom:1.4em}.learner legend{font-family:var(--serif);color:var(--paper);margin-bottom:.3em;font-size:1.3em}.optional{font-family:var(--sans);color:var(--muted);font-size:.7em}.hint{color:var(--muted);max-width:38em;margin-bottom:1em;font-size:.92em}.field{flex-direction:column;gap:.3em;max-width:26em;margin-bottom:.9em;display:flex}.field label{color:var(--paper);font-weight:500}.field input{background:var(--bg);border:.08em solid var(--edge);color:var(--paper);border-radius:.35em;padding:.55em .7em}.field input[aria-invalid=true]{border-color:var(--wrong)}.field-error{color:var(--wrong);margin:.3em 0 .6em}.who{margin-bottom:1.4em}.who strong{color:var(--paper);font-weight:500}.primary,.secondary{font-family:var(--sans);letter-spacing:.04em;border:.08em solid var(--brass);border-radius:.35em;padding:.7em 1.6em;font-size:1.05em;font-weight:500}.primary{background:var(--brass);color:#000}.primary:hover{background:var(--brass-light);border-color:var(--brass-light)}.secondary{color:var(--brass-light);background:0 0;margin-bottom:1em}.secondary:hover{background:var(--raised)}.progress{color:var(--muted);align-items:center;gap:1em;margin-bottom:1.2em;font-size:.9em;display:flex}.progress p{white-space:nowrap}.progress-bar{background:var(--line);border-radius:.2em;flex:1;height:.4em;overflow:hidden}.progress-bar span{background:var(--brass);height:100%;transition:width .3s;display:block}.question .prompt{margin-bottom:.8em;font-size:1.8em}.choices{gap:.6em;margin-bottom:1.2em;display:grid}.choice{border:.08em solid var(--edge);cursor:pointer;color:var(--paper);border-radius:.45em;align-items:center;gap:.8em;padding:.8em 1em;transition:background .15s,border-color .15s;display:flex}.choice:hover{background:var(--raised)}.choice input{width:1.2em;height:1.2em;accent-color:var(--brass);flex-shrink:0}.choice:has(input:focus-visible){outline:.15em solid var(--focus);outline-offset:.15em}.choice.chosen{background:var(--raised);border-color:var(--brass-light)}.choice-text{flex:1}.choice-mark{white-space:nowrap;font-size:.9em;font-weight:500}.choice.right{border-color:var(--right)}.choice.right .choice-mark{color:var(--right)}.choice.wrong{border-color:var(--wrong)}.choice.wrong .choice-mark{color:var(--wrong)}.choices.is-locked .choice{cursor:default}.choices.is-locked .choice:hover{background:0 0}.choices.is-locked .choice.chosen:hover{background:var(--raised)}.feedback{border-left:.25em solid;margin-bottom:1.4em;padding:.4em 0 .4em 1em}.feedback h2{margin-bottom:.2em;font-size:1.4em}.feedback.is-right{border-color:var(--right)}.feedback.is-right h2{color:var(--right)}.feedback.is-wrong{border-color:var(--wrong)}.feedback.is-wrong h2{color:var(--wrong)}.percent{color:var(--muted)}.verdict{margin:.4em 0 .3em;font-size:1.15em;font-weight:500}.verdict.is-right{color:var(--right)}.verdict.is-wrong{color:var(--wrong)}.saved{color:var(--muted);min-height:1.55em;margin-bottom:.8em}.review-title{margin:.6em 0;font-size:1.4em}.review{counter-reset:q;gap:.7em;margin-bottom:1.6em;list-style:none;display:grid}.review li{border-left:.2em solid;padding-left:.9em}.review li.is-right{border-color:var(--right)}.review li.is-wrong{border-color:var(--wrong)}.review-q{color:var(--paper)}.review-a{color:var(--muted);font-size:.95em}.review li.is-right .review-mark{color:var(--right);font-weight:500}.review li.is-wrong .review-mark{color:var(--wrong);font-weight:500}.actions{margin-bottom:1.6em}.foot-tools{align-items:center;gap:.8em;display:flex}.xapi-open{min-height:2em;color:var(--muted);background:0 0;border:.08em solid #0000;border-radius:.35em;align-items:center;gap:.4em;padding:.2em .5em;font-size:.9em;display:inline-flex}.xapi-open:hover{border-color:var(--edge);color:var(--cream)}.xapi-braces{font-family:Consolas,monospace}.xapi-count{font-variant-numeric:tabular-nums;text-align:center;border:.08em solid var(--edge);border-radius:1em;min-width:1.6em;padding:0 .4em;font-size:.8em}.xapi-dialog{background:var(--panel);width:min(46em,94vw);max-height:84vh;color:var(--cream);border:.1em solid var(--brass);border-radius:.6em;flex-direction:column;margin:auto;padding:1.2em 1.4em 1em;font-size:.9em;display:none}.xapi-dialog[open]{display:flex}.xapi-dialog::backdrop{background:#000000bf}.xapi-head-bar{justify-content:space-between;align-items:center;gap:1em;display:flex}.xapi-head-bar h2{font-size:1.4em}.xapi-close{border:.08em solid var(--edge);color:var(--brass-light);background:0 0;border-radius:.35em;padding:.25em .9em}.xapi-close:hover{background:var(--raised)}.xapi-summary{color:var(--muted);margin:.3em 0 .8em}.xapi-list{min-height:6em;padding-right:.3em;overflow-y:auto}.xapi-empty{color:var(--muted);padding-bottom:.3em}.xapi-entry{border-left:.2em solid var(--edge);padding:.3em 0 .3em .8em}.xapi-entry.is-stored{border-color:var(--right)}.xapi-entry.is-failed{border-color:var(--wrong)}.xapi-meta{flex-wrap:wrap;gap:0 .8em;font-size:.9em;display:flex}.xapi-time{color:var(--muted);font-variant-numeric:tabular-nums}.xapi-status{font-weight:500}.xapi-status.is-sending{color:var(--muted)}.xapi-status.is-stored{color:var(--right)}.xapi-status.is-failed,.xapi-error{color:var(--wrong)}.xapi-statement+.xapi-statement{margin-top:.4em}.xapi-line{color:var(--cream)}.xapi-line q{color:var(--paper)}.xapi-verb{color:var(--brass-light);font-weight:500}.xapi-details{flex-wrap:wrap;gap:.1em 1.3em;font-size:.92em;display:flex}.xapi-details div{gap:.35em;display:flex}.xapi-details dt{color:var(--muted)}.xapi-details dt:after{content:":"}.xapi-details dd{color:var(--paper)}.xapi-details .is-right dd{color:var(--right)}.xapi-details .is-wrong dd{color:var(--wrong)}.xapi-json summary{cursor:pointer;color:var(--brass-light);width:fit-content;font-size:.9em}.xapi-json pre{background:var(--bg);border:.06em solid var(--line);max-height:16em;color:var(--cream);border-radius:.4em;margin-top:.4em;padding:.8em;font-size:.85em;line-height:1.45;overflow:auto}.record-error{color:var(--wrong);min-height:1.55em;margin-top:.8em}.foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6em 1em;margin-top:1.4em;font-size:.85em;display:flex}.scale-switch{border:.08em solid var(--edge);color:var(--cream);background:0 0;border-radius:2em;align-items:center;gap:.6em;padding:.35em .7em .35em 1em;display:inline-flex}.scale-switch:hover{background:var(--raised)}.switch-track{background:var(--bg);border:.1em solid var(--edge);border-radius:1em;flex-shrink:0;width:2.6em;height:1.4em;transition:background .15s,border-color .15s;position:relative}.switch-knob{background:var(--muted);border-radius:50%;width:.95em;height:.95em;transition:left .15s,background .15s;position:absolute;top:50%;left:.15em;transform:translateY(-50%)}.switch-state{min-width:1.7em;color:var(--muted);font-weight:500}.scale-switch[aria-checked=true]{border-color:var(--brass)}.scale-switch[aria-checked=true] .switch-track{background:var(--brass);border-color:var(--brass)}.scale-switch[aria-checked=true] .switch-knob{background:#000;left:calc(100% - 1.1em)}.scale-switch[aria-checked=true] .switch-state{color:var(--brass-light)}@media (prefers-reduced-motion:reduce){.progress-bar span,.choice,.switch-track,.switch-knob{transition:none}}@media (width<=36em){.page{padding:.8em}.card{padding:1.2em}h1,.question .prompt{font-size:1.5em}}@media (aspect-ratio>=3/2) and (height<=600px){.page{grid-template:"top foot""main main"1fr/minmax(0,1fr) auto;column-gap:1em;max-width:64em;padding:.6em 1.2em;display:grid}.top{grid-area:top;margin-bottom:.6em}.brand-star{height:1.8em}.main{grid-area:main;min-height:0}.foot{grid-area:foot;align-self:start;margin-top:0}.foot>p{display:none}.card{padding:1em 1.4em}h1{font-size:1.6em}.record-error{min-height:0;margin-top:.3em}.start{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:2em;display:grid}.lede{margin:.4em 0 .8em}.facts{flex-direction:column;gap:.2em;margin-bottom:0}.learner{margin-bottom:.8em}.learner legend{font-size:1.15em}.hint,.field{margin-bottom:.6em}.field input{padding:.4em .6em}.question-form{grid-template:"progress progress""prompt choices""feedback choices"1fr"feedback nudge""feedback next"/minmax(0,1fr) minmax(0,1.15fr);align-items:start;column-gap:1.6em;display:grid}.progress{grid-area:progress;margin-bottom:.8em}.question .prompt{grid-area:prompt;margin-bottom:.6em;font-size:1.55em}.choices{grid-area:choices;gap:.45em;margin-bottom:.7em}.choice{padding:.5em .8em}.nudge{grid-area:nudge;margin-top:0}.feedback{grid-area:feedback;margin-bottom:0}.feedback h2{font-size:1.25em}.next{grid-area:next;justify-self:start;padding:.55em 1.4em}.results{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;column-gap:2em;display:grid}.results .actions{margin-bottom:0}.review-title{margin:0 0 .4em;font-size:1.25em}.review{gap:.5em;max-height:calc(100vh - 9.5em);margin-bottom:0;padding-right:.4em;overflow-y:auto}}