@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-ext-500-normal-h0Fp6aX0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-500-normal-CK0UkkKf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-ext-700-normal-C8_gqRu2.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-700-normal-4Hjo2OtD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1f2f5c;--paper:#eceae4;--board:#2c6b66;--cinnabar:#c23b22;--turmeric:#d8a31d;--muted:#6b7280;--surface:#f6f5f1;--surface-sunken:var(--paper);--on-ink:#eceae4;--on-board:#eceae4;--on-cinnabar:#fff;--on-turmeric:#1f2f5c;--text-1:var(--ink);--text-2:color-mix(in oklab, var(--ink) 72%, var(--paper));--hair:color-mix(in oklab, var(--ink) 15%, transparent);--hair-strong:color-mix(in oklab, var(--ink) 32%, transparent);--group-1:#35687a;--group-2:#7a5a2e;--group-3:#4b6b3a;--group-4:#6b4b7a;--group-5:#2f4858;--group-6:#8a6e4b;--group-7:#56706b;--group-8:#44406b;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--r-cell:2px;--r-ctl:8px;--r-card:12px;--r-sheet:20px;--shadow-lift:0 16px 40px color-mix(in oklab, var(--ink) 26%, transparent);--fs-display:40px;--lh-display:44px;--fs-title:24px;--lh-title:30px;--fs-body:16px;--lh-body:24px;--fs-meta:14px;--lh-meta:20px;--fs-ask:20px;--lh-ask:28px;--font-ui:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num:"Barlow Condensed", "Be Vietnam Pro", sans-serif;--tap:44px;--bar-h:64px;--measure:70ch;--dur-1:.15s;--dur-2:.22s;--ease:ease-out}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1b2236;--ink:#e8e6df;--board:#1e4642;--surface:#232c44;--surface-sunken:#19203a;--muted:#9aa1ad;--group-1:#4d8ba1;--group-2:#a8834a;--group-3:#6f9558;--group-4:#9273a3;--group-5:#4a6b82;--group-6:#a88a63;--group-7:#7a968f;--group-8:#6f6aa3}}@media (width<=1023px){:root{--fs-display:32px;--lh-display:36px;--fs-title:20px;--lh-title:26px;--fs-meta:13px;--lh-meta:18px;--fs-ask:18px;--lh-ask:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{min-height:100%}body{font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-1);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400}h1,h2,h3{font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:-.01em;font-weight:700}h1{font-size:var(--fs-display);line-height:var(--lh-display)}p{max-width:var(--measure)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--turmeric);outline-offset:2px}::selection{background:color-mix(in oklab, var(--turmeric) 40%, transparent)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--sp-2);z-index:50;padding:var(--sp-2) var(--sp-3);background:var(--ink);color:var(--on-ink);border-radius:var(--r-ctl);transition:top var(--dur-1) var(--ease);position:absolute;top:-48px}.skip-link:focus{top:var(--sp-2)}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-weight:700}.meta{font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-2)}.stack{gap:var(--sp-3);display:grid}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap);min-width:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-ctl);text-align:center;cursor:pointer;transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);background:0 0;border:1px solid #0000;font-weight:500;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn--primary{background:var(--cinnabar);color:var(--on-cinnabar);font-weight:700}.btn--primary:hover:not(:disabled){background:color-mix(in oklab, var(--cinnabar) 88%, var(--ink))}.btn--ghost{border-color:var(--hair-strong);color:var(--text-1)}.btn--ghost:hover:not(:disabled){background:color-mix(in oklab, var(--ink) 8%, transparent)}.btn--sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-meta)}.btn--block{width:100%}.card{padding:var(--sp-5);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card)}.card--sunken{background:var(--surface-sunken)}.panel{gap:var(--sp-4);padding:var(--sp-4);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);display:grid}.panel__title{font-size:var(--fs-meta);line-height:var(--lh-meta);letter-spacing:.02em;text-transform:none;color:var(--text-2);font-weight:700}.chip{align-items:center;gap:var(--sp-1);min-height:24px;padding:0 var(--sp-2);border:1px solid var(--hair-strong);font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-2);white-space:nowrap;border-radius:999px;display:inline-flex}.chip--solid{background:var(--group-color,var(--board));color:var(--on-board);border-color:#0000;font-weight:500}[data-group="1"]{--group-color:var(--group-1);--group-pattern:repeating-linear-gradient(45deg, #fff 0 2px, transparent 2px 6px)}[data-group="2"]{--group-color:var(--group-2);--group-pattern:repeating-linear-gradient(90deg, #fff 0 2px, transparent 2px 6px)}[data-group="3"]{--group-color:var(--group-3);--group-pattern:repeating-linear-gradient(0deg, #fff 0 2px, transparent 2px 6px)}[data-group="4"]{--group-color:var(--group-4);--group-pattern:repeating-linear-gradient(-45deg, #fff 0 2px, transparent 2px 6px)}[data-group="5"]{--group-color:var(--group-5);--group-pattern:radial-gradient(circle at 2px 2px, #fff 1.2px, transparent 1.4px) 0 0 / 6px 6px}[data-group="6"]{--group-color:var(--group-6);--group-pattern:repeating-linear-gradient(135deg, #fff 0 1px, transparent 1px 8px)}[data-group="7"]{--group-color:var(--group-7);--group-pattern:repeating-linear-gradient(45deg, #fff 0 1px, transparent 1px 10px)}[data-group="8"]{--group-color:var(--group-8);--group-pattern:repeating-linear-gradient(90deg, #fff 0 1px, transparent 1px 8px)}.swatch{border-radius:var(--r-cell);background-color:var(--group-color,var(--board));background-image:var(--group-pattern);flex:none;block-size:14px;inline-size:14px}@media (width<=639px){.btn{min-height:52px}.btn--sm{min-height:44px}.card{padding:var(--sp-4)}}.app{flex-direction:column;min-height:100dvh;display:flex}.masthead{z-index:20;align-items:center;gap:var(--sp-4);min-height:56px;padding:var(--sp-2) var(--sp-5);background:var(--board);color:var(--on-board);border-bottom:1px solid color-mix(in oklab, var(--ink) 40%, var(--board));display:flex;position:sticky;top:0}.masthead__brand{align-items:baseline;gap:var(--sp-2);font-size:var(--fs-body);letter-spacing:-.01em;font-weight:700;display:flex}.masthead__brand .num{font-size:var(--fs-title);line-height:var(--lh-title)}.masthead__spacer{flex:1}.masthead .chip,.masthead__btn{border-color:color-mix(in oklab, var(--on-board) 45%, transparent);color:var(--on-board)}.masthead__btn:hover{background:color-mix(in oklab, var(--on-board) 14%, transparent)}.wrap{width:100%;max-width:1440px;padding:var(--sp-5);flex:1;margin-inline:auto}.home{gap:var(--sp-5);max-width:980px;display:grid}.home__lede,.banklist{gap:var(--sp-2);display:grid}.bankrow{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);text-align:start;cursor:pointer;transition:border-color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.bankrow:hover{border-color:var(--hair-strong)}.bankrow[aria-pressed=true],.bankrow[data-selected=true]{border-color:var(--ink);background:color-mix(in oklab, var(--group-color,var(--ink)) 8%, var(--surface))}.bankrow__title{font-weight:500}.bankrow__count{font-family:var(--font-num);font-weight:700;font-size:var(--fs-title);line-height:var(--lh-title);color:var(--text-2)}.setup{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.field{gap:var(--sp-2);display:grid}.field>label,.field>legend{font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-2);padding:0;font-weight:500}.segmented{gap:var(--sp-1);padding:var(--sp-1);background:var(--surface-sunken);border:1px solid var(--hair);border-radius:var(--r-ctl);display:inline-flex}.segmented .btn{border-radius:calc(var(--r-ctl) - 3px);min-height:40px;font-size:var(--fs-meta);flex:1}.segmented .btn[aria-pressed=true]{background:var(--ink);color:var(--on-ink);font-weight:700}select{min-height:var(--tap);padding:0 var(--sp-3);background:var(--surface);border:1px solid var(--hair-strong);border-radius:var(--r-ctl)}.switch{align-items:center;gap:var(--sp-2);min-height:var(--tap);cursor:pointer;display:inline-flex}.switch input{block-size:20px;inline-size:20px;accent-color:var(--ink)}.home__cta{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.home__cta .btn--primary{min-width:220px}.quiz{gap:var(--sp-5);grid-template-columns:280px minmax(0,1fr) 320px;align-items:start;display:grid}.rail{gap:var(--sp-4);overscroll-behavior:contain;max-height:calc(100dvh - 92px);display:grid;position:sticky;top:76px;overflow:auto}.rail--right{gap:var(--sp-4);display:grid}.stat{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.stat__value{font-family:var(--font-num);font-weight:700;font-size:var(--fs-display);line-height:var(--lh-display)}.stat__value--warn{color:var(--cinnabar)}.meter{background:color-mix(in oklab, var(--ink) 12%, var(--surface));border-radius:999px;height:6px;overflow:hidden}.meter__fill{background:var(--turmeric);border-radius:inherit;height:100%;transition:width var(--dur-2) var(--ease)}.nav-grid{gap:var(--sp-1);grid-template-columns:repeat(auto-fill,minmax(40px,1fr));display:grid}.nav-cell{background:var(--paper);border:1px solid var(--hair-strong);border-radius:var(--r-cell);min-height:40px;font-family:var(--font-num);font-weight:600;font-size:var(--fs-body);cursor:pointer;transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);place-items:center;display:grid}.nav-cell:hover{border-color:var(--ink)}.nav-cell[data-state=answered]{background:color-mix(in oklab, var(--ink) 14%, var(--surface));border-color:var(--hair-strong)}.nav-cell[data-state=marked]{border-color:var(--turmeric);background-image:repeating-linear-gradient(-45deg, color-mix(in oklab, var(--turmeric) 55%, transparent) 0 2px, transparent 2px 5px);border-width:2px}.nav-cell[data-current=true]{outline:2px solid var(--cinnabar);outline-offset:1px;font-weight:700}.nav-cell[data-result=correct]{border-color:var(--turmeric);background:color-mix(in oklab, var(--turmeric) 26%, var(--surface))}.nav-cell[data-result=wrong]{background:color-mix(in oklab, var(--ink) 78%, var(--surface));color:var(--on-ink);border-style:dashed;border-color:var(--ink)}.nav-cell[data-result=skip]{color:var(--text-2);border-style:dotted}.meter__fill[data-tone=wrong]{background:var(--ink)}.meter__fill[data-tone=skip]{background:var(--muted)}.btn[aria-pressed=true].qcard__flag{border-color:var(--turmeric);background:color-mix(in oklab, var(--turmeric) 20%, var(--surface))}.legend{gap:var(--sp-1);font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-2);display:grid}.legend__row{align-items:center;gap:var(--sp-2);display:flex}.legend__key{border-radius:var(--r-cell);border:1px solid var(--hair-strong);background:var(--paper);flex:none;block-size:18px;inline-size:18px}.journal{gap:var(--sp-1);max-height:220px;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-2);display:grid;overflow:auto}.journal li{padding-left:var(--sp-3);border-left:2px solid var(--hair);list-style:none}.qcard{gap:var(--sp-4);padding:var(--sp-5);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);display:grid}.qcard__head{align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.qcard__index{font-family:var(--font-num);font-weight:700;font-size:var(--fs-title);line-height:var(--lh-title)}.qcard__flag{margin-inline-start:auto}.qcard__text{font-size:var(--fs-ask);line-height:var(--lh-ask);max-width:var(--measure);text-wrap:pretty;font-weight:500}.options{gap:var(--sp-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.opt{align-items:center;gap:var(--sp-3);min-inline-size:0;padding:var(--sp-3);background:var(--paper);border:1px solid var(--hair-strong);border-radius:var(--r-ctl);cursor:pointer;transition:border-color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.opt:hover{border-color:var(--ink)}.opt:has(.opt__input:focus-visible){outline:2px solid var(--turmeric);outline-offset:2px}.opt__input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.opt__key{border-radius:var(--r-cell);background:color-mix(in oklab, var(--ink) 10%, transparent);block-size:32px;inline-size:32px;font-family:var(--font-num);font-weight:700;font-size:var(--fs-title);place-items:center;line-height:1;display:grid}.opt__body{text-wrap:pretty;min-inline-size:0}.opt__mark{align-items:center;gap:var(--sp-1);font-size:var(--fs-meta);line-height:var(--lh-meta);white-space:nowrap;opacity:0;font-weight:500;display:inline-flex}.opt[data-checked=true]{border-color:var(--ink);background:color-mix(in oklab, var(--ink) 7%, var(--paper));border-width:2px}.opt[data-checked=true] .opt__key{background:var(--ink);color:var(--on-ink)}.opt[data-verdict=correct]{border-color:var(--turmeric);background:color-mix(in oklab, var(--turmeric) 20%, var(--paper));border-width:2px}.opt[data-verdict=correct] .opt__mark{opacity:1;color:color-mix(in oklab, var(--turmeric) 60%, var(--ink))}.opt[data-verdict=wrong]{border-color:var(--cinnabar);background:color-mix(in oklab, var(--cinnabar) 10%, var(--paper));border-width:2px}.opt[data-verdict=wrong] .opt__mark{opacity:1;color:var(--cinnabar)}.opt[data-checked=true][data-verdict=wrong] .opt__key{background:var(--cinnabar);color:var(--on-cinnabar)}.opt[data-checked=true][data-verdict=correct] .opt__key{background:var(--turmeric);color:var(--on-turmeric)}.feedback{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-ctl);font-size:var(--fs-meta);line-height:var(--lh-meta);background:color-mix(in oklab, var(--ink) 6%, transparent);border-left:3px solid var(--hair-strong);display:flex}.feedback[data-tone=correct]{border-left-color:var(--turmeric);background:color-mix(in oklab, var(--turmeric) 14%, var(--paper))}.feedback[data-tone=wrong]{border-left-color:var(--cinnabar);background:color-mix(in oklab, var(--cinnabar) 8%, var(--paper))}.feedback strong{font-weight:700}.qcard__foot{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.qcard__foot .btn--primary{margin-inline-start:auto}.hint{font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--text-2)}kbd{background:var(--paper);border:1px solid var(--hair-strong);border-radius:var(--r-cell);font-family:var(--font-num);font-weight:600;font-size:var(--fs-meta);border-bottom-width:2px;padding:1px 5px}.blanks__passage{font-size:var(--fs-body);max-width:var(--measure);line-height:2.6}.blank{vertical-align:middle;margin-inline:3px;display:inline-block}.blank select{min-height:36px;padding:0 var(--sp-2);font-family:var(--font-num);font-weight:600;font-size:var(--fs-body);border-color:var(--hair-strong)}.blank[data-verdict=correct] select{border-color:var(--turmeric);border-width:2px}.blank[data-verdict=wrong] select{border-color:var(--cinnabar);border-width:2px}.blank[data-verdict=missed] select{border-style:dashed}.actionbar{z-index:15;align-items:center;gap:var(--sp-2);min-height:var(--bar-h);padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--hair);display:none;position:sticky;bottom:0}.actionbar .btn--primary{flex:1}.sheet{z-index:40;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet__scrim{background:color-mix(in oklab, var(--ink) 45%, transparent);cursor:pointer;border:0;position:absolute;inset:0}.sheet__panel{gap:var(--sp-4);max-block-size:82dvh;inline-size:100%;max-inline-size:720px;padding:var(--sp-4) var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--shadow-lift);overscroll-behavior:contain;animation:sheet-up var(--dur-2) var(--ease);margin-inline:auto;display:grid;position:relative;overflow:auto}@keyframes sheet-up{0%{opacity:.6;transform:translateY(16px)}}.sheet__handle{background:var(--hair-strong);border-radius:999px;block-size:4px;inline-size:40px;margin-inline:auto}.sheet__head{align-items:center;gap:var(--sp-2);display:flex}.sheet__head h2{font-size:var(--fs-title);line-height:var(--lh-title);flex:1}.toasts{z-index:45;right:var(--sp-5);bottom:var(--sp-5);gap:var(--sp-2);justify-items:end;display:grid;position:fixed}.toast{align-items:center;gap:var(--sp-3);max-inline-size:360px;padding:var(--sp-3);background:var(--ink);color:var(--on-ink);border-radius:var(--r-ctl);box-shadow:var(--shadow-lift);animation:toast-in var(--dur-2) var(--ease);display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast button{border:1px solid color-mix(in oklab, var(--on-ink) 40%, transparent);border-radius:var(--r-cell);block-size:32px;inline-size:32px;color:inherit;cursor:pointer;background:0 0;place-items:center;display:grid}.score{align-items:flex-end;gap:var(--sp-5);flex-wrap:wrap;display:flex}.score__value{font-family:var(--font-num);letter-spacing:-.02em;font-size:clamp(56px,12vw,96px);font-weight:700;line-height:.9}.score__unit{font-family:var(--font-num);font-weight:600;font-size:var(--fs-title);line-height:var(--lh-title);color:var(--text-2)}.score__meta{gap:var(--sp-1);font-family:var(--font-num);font-weight:600;font-size:var(--fs-title);line-height:var(--lh-title);color:var(--text-2);display:grid}.grid-split{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.bars{gap:var(--sp-3);display:grid}.bar__top{justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-meta);line-height:var(--lh-meta);display:flex}.review{gap:var(--sp-2);display:grid}.reviewrow{align-items:center;gap:var(--sp-3);inline-size:100%;padding:var(--sp-3);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);text-align:start;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.reviewrow:hover{border-color:var(--hair-strong)}.reviewrow__idx{font-family:var(--font-num);font-weight:700;font-size:var(--fs-title);line-height:var(--lh-title);color:var(--text-2)}.reviewrow__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.badge{align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);font-size:var(--fs-meta);line-height:var(--lh-meta);border:1px solid var(--hair-strong);white-space:nowrap;border-radius:999px;font-weight:500;display:inline-flex}.badge[data-tone=correct]{border-color:var(--turmeric);background:color-mix(in oklab, var(--turmeric) 22%, var(--paper))}.badge[data-tone=wrong]{border-color:var(--cinnabar);background:color-mix(in oklab, var(--cinnabar) 12%, var(--paper))}.badge[data-tone=skip]{color:var(--text-2)}@media (width<=1023px){.quiz{grid-template-columns:minmax(0,1fr)}.rail{max-height:none;position:static;overflow:visible}.rail-left{order:2}.rail-right{order:3}.stage{order:1}.quiz--result .rail-left{order:0}.quiz--result .stage{order:1}.quiz--result .rail-right{order:2}.rail--duo{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.toasts{right:var(--sp-4);left:var(--sp-4);bottom:var(--sp-4);justify-items:center}}@media (width>=640px) and (width<=1023px){.wrap{padding:var(--sp-4)}}@media (width<=639px){.wrap{padding:var(--sp-3) var(--sp-2) 0}.masthead{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.masthead .chip,.masthead__spacer{display:none}.masthead__btn{flex:none;margin-inline-start:auto}.actionbar{display:flex}.qcard{padding:var(--sp-4);border-radius:var(--r-card) var(--r-card) 0 0}.qcard__foot .btn--nav{display:none}.quiz--live{gap:var(--sp-3)}.quiz--live .rail-left{order:0}.quiz--live .stage{order:1}.quiz--live .rail-right,.quiz--live .panel--nav{display:none}.opt{padding:var(--sp-3)}.blank select,.nav-cell,.segmented .btn{min-height:var(--tap)}.toasts{top:var(--sp-2);right:var(--sp-2);left:var(--sp-2);justify-items:stretch;bottom:auto}.score__value{font-size:clamp(64px,22vw,96px)}}