.shell{min-height:100dvh;transition:background var(--t-mode-flip) var(--ease), color var(--t-mode-flip) var(--ease);flex-direction:column;display:flex}.shell[data-mode=dark]{background:var(--ink);color:var(--on-dark)}.shell[data-mode=light]{background:var(--paper);color:var(--on-light)}.topbar{padding:18px var(--gutter-mobile) 0;align-items:center;gap:14px;display:flex}.back{border-radius:var(--r-tag);width:44px;height:44px;color:inherit;opacity:.75;place-items:center;margin-inline-start:-10px;font-size:20px;line-height:1;display:grid}.back:hover{opacity:1}.back[disabled]{opacity:.25;cursor:default}[dir=rtl] .back{transform:scaleX(-1)}.sectionName{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.shell[data-mode=dark] .sectionName{color:var(--on-dark-secondary)}.shell[data-mode=light] .sectionName{color:var(--on-light-secondary)}.percent{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px}.shell[data-mode=dark] .percent{color:var(--on-dark-secondary)}.shell[data-mode=light] .percent{color:var(--on-light-secondary)}.progress{padding:12px var(--gutter-mobile) 0;gap:3px;display:flex}.segment{border-radius:2px;flex:1;height:3px;overflow:hidden}.shell[data-mode=dark] .segment{background:var(--hairline-dark)}.shell[data-mode=light] .segment{background:#dcdad3}.segmentFill{background:var(--acid);transform-origin:0;height:100%;transition:width var(--t-progress) var(--ease)}[dir=rtl] .segmentFill{transform-origin:100%}.main{padding:0 var(--gutter-mobile);flex-direction:column;flex:1;justify-content:center;padding-block:28px;display:flex}.meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:10px}.shell[data-mode=dark] .meta{color:var(--on-dark-muted)}.shell[data-mode=light] .meta{color:var(--on-light-meta)}.prompt{letter-spacing:var(--track-display);max-width:20ch;font-size:27px;font-weight:800;line-height:1.12}[dir=rtl] .prompt{font-size:24px;font-weight:600;line-height:1.45}.helper{max-width:var(--measure-max);margin-top:12px;font-size:13.5px;line-height:1.55}[dir=rtl] .helper{line-height:2}.shell[data-mode=dark] .helper{color:var(--on-dark-secondary)}.shell[data-mode=light] .helper{color:var(--on-light-body)}.field{margin-top:26px}.field+.field{margin-top:22px}.fieldLabel{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:11px;font-size:12px;display:flex}.shell[data-mode=dark] .fieldLabel{color:var(--on-dark-secondary)}.shell[data-mode=light] .fieldLabel{color:var(--on-light-secondary)}.optionalTag{font-family:var(--font-mono);border-radius:var(--r-tag);padding:3px 7px;font-size:10px}.shell[data-mode=dark] .optionalTag{color:var(--on-dark-muted);border:1px dashed var(--on-dark-line)}.shell[data-mode=light] .optionalTag{color:var(--on-light-muted);border:1px dashed #c9c6bd}.counter{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px}.counter[data-at-limit=true]{color:var(--acid)}.options{flex-direction:column;gap:8px;margin-top:18px;display:flex}.option{width:100%;min-height:var(--option-min);border-radius:var(--r-option);text-align:start;transition:background var(--t-select) var(--ease), color var(--t-select) var(--ease), opacity var(--t-select) var(--ease);align-items:center;gap:12px;padding:12px 16px;font-size:15px;line-height:1.35;display:flex}.shell[data-mode=dark] .option{background:var(--raised);color:var(--on-dark-body)}.shell[data-mode=light] .option{color:var(--on-light);background:#e6e4dd}.shell[data-mode=dark] .option:hover:not([data-selected=true]):not([data-dimmed=true]){background:#1f1f26}.shell[data-mode=light] .option:hover:not([data-selected=true]):not([data-dimmed=true]){background:#dedbd2}.option[data-selected=true]{background:var(--acid);color:var(--ink);font-weight:600}.option[data-dimmed=true]{opacity:.55;cursor:default}.optionLabel{flex:1}.optionTerms{font-family:var(--font-mono);opacity:.62;white-space:nowrap;font-size:10.5px}.marker{flex:none;width:12px;height:12px}.marker[data-marker=american]{background:var(--sys-american);border-radius:50%}.marker[data-marker=british]{background:var(--sys-british)}.marker[data-marker=ib]{background:var(--sys-ib);width:11px;height:11px;transform:rotate(45deg)}.marker[data-marker=btec]{background:var(--sys-btec);border-radius:6px 6px 0 0}.marker[data-marker=national]{background:var(--sys-national);height:5px}.marker[data-marker=other]{background:var(--sys-other);border-radius:2px}.check{text-align:center;flex:none;width:18px;font-weight:700}.scale{align-items:flex-end;gap:6px;margin-top:20px;display:flex}.scaleStep{border-radius:var(--r-option);height:48px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;transition:height var(--t-select) var(--ease), background var(--t-select) var(--ease), color var(--t-select) var(--ease);flex:1;font-size:14px}.shell[data-mode=dark] .scaleStep{background:var(--raised);color:var(--on-dark-secondary)}.shell[data-mode=light] .scaleStep{color:var(--on-light-secondary);background:#e6e4dd}.scaleStep:hover{height:58px}.scaleStep[data-selected=true]{background:var(--acid);height:76px;color:var(--ink);font-weight:700}.scaleEnds{justify-content:space-between;gap:16px;margin-top:12px;font-size:11.5px;display:flex}.scaleEnds span{max-width:45%}.scaleEnds span:last-child{text-align:end}.shell[data-mode=dark] .scaleEnds{color:var(--on-dark-secondary)}.shell[data-mode=light] .scaleEnds{color:var(--on-light-secondary)}.inputUnderline{width:100%;min-height:var(--target-min);background:0 0;border:0;border-bottom:1.5px solid;padding:10px 2px;font-size:15px}.shell[data-mode=dark] .inputUnderline{border-color:var(--on-dark-line);color:var(--on-dark)}.shell[data-mode=light] .inputUnderline{color:var(--on-light);border-color:#c9c6bd}.inputBox{width:100%;min-height:var(--target-min);border-radius:var(--r-input);border:1.5px solid;padding:14px 16px;font-size:15px}.shell[data-mode=dark] .inputBox{background:var(--raised);border-color:var(--on-dark-line);color:var(--on-dark)}.shell[data-mode=light] .inputBox{color:var(--on-light);background:#fff;border-color:#c9c6bd}.textarea{resize:vertical;min-height:150px;font-family:inherit;line-height:1.55}[dir=rtl] .textarea{line-height:2}.inputUnderline::placeholder,.inputBox::placeholder{color:var(--on-light-muted)}.shell[data-mode=dark] .inputUnderline::placeholder,.shell[data-mode=dark] .inputBox::placeholder{color:var(--on-dark-muted)}.validation{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--caution);margin-top:8px;font-size:10.5px}.resourceRow{align-items:center;gap:12px;display:flex}.resourceRank{font-family:var(--font-mono);opacity:.6;flex:none;width:18px;font-size:11px}.actions{padding:16px var(--gutter-mobile) var(--action-clearance);flex-direction:column;gap:10px;display:flex;position:sticky;bottom:0}.shell[data-mode=dark] .actions{background:linear-gradient(to top, var(--ink) 72%, transparent)}.shell[data-mode=light] .actions{background:linear-gradient(to top, var(--paper) 72%, transparent)}.primary{width:100%;min-height:var(--target-min);border-radius:var(--r-option);background:var(--acid);color:var(--ink);transition:filter var(--t-select) var(--ease), transform var(--t-select) var(--ease);font-size:16px;font-weight:600}.primary:hover:not([disabled]){filter:brightness(1.06)}.primary:active:not([disabled]){filter:brightness(.9);transform:scale(.98)}.primary[disabled]{cursor:default;filter:none;color:var(--on-dark-muted);background:#3a3a42}.shell[data-mode=light] .primary[disabled]{color:var(--on-light-muted);background:#d5d2c9}.secondary{border-radius:var(--r-option);width:100%;min-height:44px;font-size:14px}.shell[data-mode=dark] .secondary{color:var(--on-dark-secondary)}.shell[data-mode=light] .secondary{color:var(--on-light-secondary)}.secondary:hover{text-decoration:underline}.langToggle{font-family:var(--font-mono);border-radius:var(--r-tag);gap:2px;font-size:10.5px;display:flex;overflow:hidden}.langOption{min-height:32px;padding:7px 10px}.shell[data-mode=dark] .langOption{background:var(--raised);color:var(--on-dark-secondary)}.shell[data-mode=light] .langOption{color:var(--on-light-secondary);background:#e6e4dd}.langOption[data-active=true]{background:var(--acid);color:var(--ink);font-weight:600}.confirm{border-radius:var(--r-option);border:1px solid var(--caution);background:#a8792a1a;margin-top:20px;padding:18px}.confirmTitle{font-size:15px;font-weight:700}.confirmBody{margin-top:8px;font-size:13px;line-height:1.55}.shell[data-mode=dark] .confirmBody{color:var(--on-dark-secondary)}.shell[data-mode=light] .confirmBody{color:var(--on-light-body)}.confirmActions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.confirmActions button{border-radius:var(--r-input);flex:1;min-width:140px;min-height:44px;padding-inline:16px;font-size:14px;font-weight:600}.confirmYes{background:var(--caution);color:#fff}.shell[data-mode=dark] .confirmNo{background:var(--raised);color:var(--on-dark)}.shell[data-mode=light] .confirmNo{color:var(--on-light);background:#e6e4dd}.sectionEnter{z-index:20;pointer-events:none;animation:sectionFade var(--t-mode-flip) var(--ease) forwards;place-items:center;display:grid;position:fixed;inset:0}.shell[data-mode=dark] .sectionEnter{background:var(--ink)}.shell[data-mode=light] .sectionEnter{background:var(--paper)}.sectionEnterName{letter-spacing:var(--track-display);font-size:30px;font-weight:800}@keyframes sectionFade{0%,55%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.sectionEnter{display:none}.option,.scaleStep,.segmentFill,.primary{transition:none}}@media (min-width:900px){.shell{grid-template-rows:auto 1fr;grid-template-columns:5fr 6fr;align-content:start;column-gap:64px;padding:0 56px;display:grid}.topbar{grid-column:1/-1;padding:28px 0 0}.progress{grid-column:1/-1;padding:16px 0 0}.main{grid-column:1;justify-content:center;max-width:46ch;padding:48px 0}.prompt{max-width:16ch;font-size:40px}[dir=rtl] .prompt{font-size:34px}.answerZone{grid-column:2;align-self:center;width:100%;max-width:62ch;padding:48px 0}.actions{background:0 0;grid-column:2;max-width:62ch;padding:0 0 56px;position:static}.primary,.secondary{max-width:320px}}@media (max-width:899px){.answerZone{padding:0 var(--gutter-mobile)}}.centered{padding:40px var(--gutter-mobile);flex-direction:column;flex:1;justify-content:center;width:100%;max-width:640px;margin:0 auto;display:flex}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-secondary);font-size:10.5px}.display{letter-spacing:var(--track-display);margin-top:16px;font-size:34px;font-weight:800;line-height:1.08}[dir=rtl] .display{font-size:30px;font-weight:600;line-height:1.45}@media (min-width:900px){.display{font-size:56px}[dir=rtl] .display{font-size:46px}.centered{max-width:780px}}.lede{color:var(--on-dark-body);max-width:var(--measure-max);margin-top:20px;font-size:15.5px;line-height:1.6}[dir=rtl] .lede{line-height:2}.factRow{flex-wrap:wrap;gap:28px;margin-top:32px;display:flex}.fact{flex-direction:column;gap:6px;display:flex}.factValue{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.factLabel{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-secondary);font-size:10px}.submittedBadge{border-radius:var(--r-tag);background:var(--acid);color:var(--ink);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;padding:9px 14px;font-size:10.5px;font-weight:500;display:inline-flex}.notice{border-radius:var(--r-input);border:1px solid var(--caution);color:var(--caution);margin-top:22px;padding:14px 16px;font-size:13px;line-height:1.55}.spinner{border:2px solid var(--on-dark-line);border-top-color:var(--acid);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.landingHero{width:100%;max-width:640px;padding:36px var(--gutter-mobile) 0;margin:0 auto}.landingCta{width:100%;max-width:640px;padding:30px var(--gutter-mobile) var(--action-clearance);margin:0 auto}.landingCta .primary{width:100%}.ctaHelper{color:var(--on-dark-body);margin-top:14px;font-size:14.5px;line-height:1.5}[dir=rtl] .ctaHelper{line-height:1.9}@media (min-width:900px){.shell.landing{grid-template-rows:auto auto}.landingHero{grid-column:1;align-self:start;max-width:none;margin:0;padding:52px 0 0}.landingCta{grid-column:2;align-self:end;max-width:380px;margin:0;padding:0 0 4px}.landingCta .primary{max-width:none}.ctaHelper{font-size:15px}}