@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-vietnamese-500-normal-DjeaNLFD.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-500-normal-CsrJDWc5.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:500;src:url(/assets/barlow-condensed-latin-ext-500-normal-yA5ONLQ9.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-500-normal-B1RE8WP7.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:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.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}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-cyrillic-ext-600-normal-DDEJyoof.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-600-normal-BLVNc-Ct.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-cyrillic-600-normal-Ba_MyzgW.woff2)format("woff2"),url(/assets/caveat-cyrillic-600-normal-CqH0c_uj.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-ext-600-normal-DDJRD6ps.woff2)format("woff2"),url(/assets/caveat-latin-ext-600-normal-shBvSnoU.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:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-600-normal-zlTlWIYU.woff2)format("woff2"),url(/assets/caveat-latin-600-normal-DUjB8dgm.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: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#151b31;--card:#1f2744;--ink:#e8ecf6;--ink-soft:#a4adc8;--line:#36406a;--accent:#8197ff;--accent-ink:#10152a;--rec:#ff5b4f;--tape:#8b5b3c;--shell:#3a4b88;--shell-edge:#2b3866;--label:#e4e7ef;--window:#0c1020;--hub:#d9deea;--stripe-1:#f2b53a;--stripe-2:#dd3329;--stripe-3:#5b74f0;--known:#44c487;--unknown:#ff7a62;--unclear:#99a1ba;--on-status:#1b2233;--field-line:#6c77a3;--focus:#f2b53a;--font-print:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--font-hand:"Caveat", "Segoe Print", "Bradley Hand", cursive;--step--1:.9rem;--step-0:1.125rem;--step-1:1.4rem;--step-2:1.75rem;--step-3:2.2rem;--step-4:2.75rem;--radius:.75rem;--gap:1rem;--ease-out:cubic-bezier(.23, 1, .32, 1)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#e6eaf0;--card:#f8f9fb;--ink:#1b2233;--ink-soft:#566079;--line:#c9d0dc;--accent:#2b4fd8;--accent-ink:#fff;--rec:#dd3329;--tape:#5b3a26;--shell:#2c3a66;--shell-edge:#1f2a4d;--label:#f3f4f7;--window:#141a2c;--hub:#e9ecf3;--stripe-3:#2b4fd8;--known:#1c8657;--unknown:#b23a27;--unclear:#5f667c;--on-status:#fff;--field-line:#78819a;--focus:#1b2233}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior-y:none}html{-webkit-text-size-adjust:100%;font-size:100%}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-print);font-size:var(--step-0);-webkit-tap-highlight-color:transparent;margin:0;font-weight:500;line-height:1.45}button,input{font:inherit;color:inherit}button,a.btn,.check{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3{letter-spacing:.01em;margin:0;font-weight:700;line-height:1.1}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p{max-width:34rem;margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen{gap:var(--gap);width:100%;max-width:30rem;min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1.25rem, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:.5rem;min-height:2.75rem;display:flex}.topbar-title{font-size:var(--step-0);color:var(--ink-soft);font-weight:600}.wordmark{font-family:var(--font-print);font-weight:700;font-size:var(--step-4);letter-spacing:.02em;line-height:1}.lede{font-size:var(--step-1);font-weight:600}.muted{color:var(--ink-soft)}.stack{gap:var(--gap);flex-direction:column;display:flex}.stack-tight{flex-direction:column;gap:.5rem;display:flex}.row{gap:.5rem;display:flex}.row>*,.spacer{flex:1}.actions,.controls{flex-direction:column;gap:.625rem;display:flex}.actions{margin-top:auto}.actions-apart{padding-top:2.5rem}.btn{border:2px solid var(--ink);border-radius:var(--radius);min-height:3.5rem;font-size:var(--step-1);text-align:center;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.6rem;padding:.6rem 1.1rem;font-weight:600;line-height:1.1;display:inline-flex}.btn:disabled{opacity:.4;cursor:default}.btn[data-settling]:disabled{opacity:1}.btn,.segmented button,.check,.version{transition:transform .16s var(--ease-out)}.btn:not(:disabled):active,.segmented button:active,.check:active,.version:active{transform:scale(.97)}.enter{transition:opacity .2s var(--ease-out), transform .2s var(--ease-out)}@starting-style{.enter{opacity:0;transform:translateY(4px)}}.btn-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.btn-rec{border-color:var(--rec);background:var(--rec);color:var(--on-status)}.btn-known{border-color:var(--known);background:var(--known);color:var(--on-status)}.btn-missed{border-color:var(--unknown);color:var(--unknown)}.btn-quiet{min-height:2.75rem;font-size:var(--step-0);color:var(--ink-soft);border-color:#0000;padding:.4rem .75rem}.btn-small{min-height:2.75rem;font-size:var(--step-0);border-width:1.5px;padding:.4rem .8rem}.btn svg{flex:none;width:1.4em;height:1.4em}.card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);padding:1rem}.jcard{background:var(--label);color:#1b2233;background-image:repeating-linear-gradient(#0000 0 calc(2.2rem - 1px),#b9c3d6 calc(2.2rem - 1px) 2.2rem);background-origin:content-box;border-radius:.5rem;padding:.75rem 1rem;position:relative}.hand{font-family:var(--font-hand);font-weight:600;font-size:var(--step-2);overflow-wrap:anywhere;line-height:2.2rem}.jcard .answer-set{line-height:2.2rem}.answer-option{background:var(--label);color:#1b2233;text-align:left;cursor:pointer;width:100%;min-height:3.25rem;transition:background-color .16s var(--ease-out);border:0;border-bottom:1px solid #b9c3d6;padding:.3rem 1rem;display:block}.answer-option:active{background:#d5dceb}.answer-option:first-child{border-radius:.5rem .5rem 0 0}.answer-option:last-child{border-bottom:0;border-radius:0 0 .5rem .5rem}.answer-set{font-family:var(--font-print);font-size:var(--step--1);color:#566079;font-weight:600;display:block}.field{flex-direction:column;gap:.35rem;display:flex}.field label,.field-label{color:var(--ink-soft);font-weight:600}.input{border:2px solid var(--field-line);border-radius:var(--radius);background:var(--card);min-height:3.25rem;font-size:var(--step-1);padding:.5rem .85rem}.input:focus{border-color:var(--accent);outline:none}.segmented{border-radius:calc(var(--radius) + .25rem);background:var(--card);border:1px solid var(--line);grid-auto-columns:1fr;grid-auto-flow:column;gap:.375rem;padding:.25rem;display:grid}.segmented button{border-radius:var(--radius);min-height:3rem;font-weight:600;font-size:var(--step-0);cursor:pointer;background:0 0;border:0}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.stepper{grid-template-columns:3.5rem 1fr 3.5rem;align-items:center;gap:.5rem;display:grid}.counter{font-family:var(--font-print);font-variant-numeric:tabular-nums;justify-content:center;gap:.2rem;font-weight:700;display:inline-flex}.counter span{background:var(--window);color:#f3f4f7;text-align:center;border-radius:.3rem;min-width:1.6em;padding:.1em .2em}.check{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);cursor:pointer;align-items:center;gap:.75rem;min-height:3.25rem;padding:.5rem .75rem;display:flex}.check input{width:1.4rem;height:1.4rem;accent-color:var(--accent)}.check-meta{color:var(--ink-soft);font-size:var(--step--1);margin-left:auto}.notice{border-radius:var(--radius);border-left:4px solid var(--stripe-1);background:var(--card);padding:.75rem 1rem}.notice-error{border-left-color:var(--rec)}.live-cue{font-size:var(--step-3);text-align:center;color:var(--rec);font-weight:700}.tracks{background:var(--label);color:#1b2233;border-radius:.5rem;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.track{border-bottom:1px solid #b9c3d6;grid-template-columns:2rem 1fr;gap:.25rem .5rem;padding:.6rem .75rem;display:grid}.track:last-child{border-bottom:0}.track[aria-current=true]{background:#e3e9f4;box-shadow:inset 4px 0 #dd3329}.track-solo{grid-template-columns:1fr}.tracks .muted{color:#566079}.tracks,.answer-option,.jcard{--focus:#1b2233}.answer-option:focus-visible{outline-offset:-4px}.track-no{color:#566079;font-variant-numeric:tabular-nums;font-weight:700;line-height:2.2rem}.track-body{flex-direction:column;gap:.4rem;min-width:0;display:flex}.track-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.track .btn{color:#1b2233;border-color:#1b2233}.track-tools{flex-wrap:wrap;gap:.4rem;display:flex}.now-playing{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.result{font-weight:700;font-size:var(--step--1);color:var(--on-status);border-radius:999px;padding:.1rem .5rem}.result-known{background:var(--known)}.result-unknown{background:var(--unknown)}.result-unclear{background:var(--unclear)}.scoreboard{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.score{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;display:flex}.score-value{font-size:var(--step-3);font-variant-numeric:tabular-nums;font-weight:700}.howto{flex-direction:column;gap:.4rem;margin:0;padding-left:1.4rem;display:flex}.diag-log{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;max-height:50vh;margin:0;padding:.75rem;font-size:.8rem;overflow:auto}.publisher{color:var(--ink-soft);font-size:var(--step--1);letter-spacing:.02em;align-self:center;margin:.5rem 0 -.75rem;font-weight:600}.version{min-width:2.75rem;min-height:2.75rem;color:var(--ink-soft);font-size:var(--step--1);background:0 0;border:0;align-self:center;padding:.5rem}.cassette{width:100%;max-width:22rem;height:auto;margin:0 auto;display:block}.cassette .shell{fill:var(--shell);stroke:var(--shell-edge);stroke-width:3px}.cassette .label-paper{fill:var(--label)}.cassette .stripe-1{fill:var(--stripe-1)}.cassette .stripe-2{fill:var(--stripe-2)}.cassette .stripe-3{fill:var(--stripe-3)}.cassette .label-line{stroke:#b9c3d6;stroke-width:1px}.cassette .label-text{font-family:var(--font-hand);fill:#1b2233;font-size:22px;font-weight:600}.cassette .window{fill:var(--window)}.cassette .tape-pack{fill:var(--tape);transition:r .3s}.cassette .hub{fill:var(--hub)}.cassette .hub-hole{fill:var(--window)}.cassette .screw,.cassette .led{fill:var(--shell-edge)}.cassette .reel{transform-box:fill-box;transform-origin:50%;animation:1.4s linear infinite paused reel-spin}.cassette[data-mode=forward] .reel,.cassette[data-mode=record] .reel,.cassette[data-mode=reverse] .reel,.cassette[data-mode=rewind] .reel{animation-play-state:running}.cassette[data-mode=reverse] .reel{animation-direction:reverse}.cassette[data-mode=rewind] .reel{animation-duration:.45s;animation-timing-function:ease-out;animation-iteration-count:4;animation-direction:reverse}.cassette[data-mode=record] .led{fill:var(--rec);filter:drop-shadow(0 0 4px var(--rec))}@keyframes reel-spin{to{transform:rotate(360deg)}}.deck{flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:22rem;margin:0 auto;display:flex}.wave{width:85%;height:auto;display:block}.wave .wave-tape{fill:var(--window)}.wave .wave-bars{fill:none;stroke:var(--hub);stroke-opacity:.45;stroke-width:2px;stroke-linecap:round}.wave .wave-done{stroke:var(--stripe-1);stroke-opacity:1}.wave[data-mode=record] .wave-done{stroke:var(--rec)}.wave .wave-head{stroke:var(--label);stroke-width:1.5px;stroke-linecap:round}.wave .wave-marks{fill:none;stroke:var(--stripe-2);stroke-width:2.5px;stroke-linecap:round}.wave[data-seek]{cursor:pointer;touch-action:manipulation}.wave[data-mode=record] .wave-head{stroke:var(--rec)}@media (prefers-reduced-motion:reduce){.cassette .reel{animation:none}.cassette .tape-pack{transition:none}.enter{transition:opacity .2s var(--ease-out)}}:where(a.btn){color:inherit;text-decoration:none}