:root{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #f0f2f6;--ink: #0e1b33;--muted: #56627a;--line: #dfe3ea;--brand: #1f3bb3;--brand-deep: #0d1a3a;--gold: #f2b84b;--accent: #2346d8;--accent-hover: #1a37b8;--accent-ink: #ffffff;--right: #157a4c;--right-soft: #e3f4eb;--wrong: #c22a35;--wrong-soft: #fbe6e7;--cell: #dde2ea;--cell-right: #22a06b;--cell-wrong: #e0525c;--shadow-sm: 0 1px 2px rgb(14 27 51 / 6%), 0 1px 3px rgb(14 27 51 / 6%);--shadow-md: 0 2px 4px rgb(14 27 51 / 4%), 0 8px 24px rgb(14 27 51 / 8%);--shadow-lg: 0 4px 8px rgb(14 27 51 / 5%), 0 24px 48px rgb(14 27 51 / 12%);--radius: 1rem;--serif: "Newsreader", Georgia, serif;--sans: "Source Sans 3", system-ui, sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0b1220;--surface: #131c2e;--surface-2: #1a2438;--ink: #e8edf6;--muted: #9ba8c0;--line: #26324a;--brand: #3d5cf0;--brand-deep: #0a1430;--accent: #8ea6ff;--accent-hover: #a9bbff;--accent-ink: #0b1430;--right: #5fd49d;--right-soft: #12302a;--wrong: #ff8a92;--wrong-soft: #3a1b22;--cell: #263149;--cell-right: #35b27b;--cell-wrong: #d5555f;--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow-md: 0 8px 24px rgb(0 0 0 / 35%);--shadow-lg: 0 24px 48px rgb(0 0 0 / 45%)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320'%20height='320'%20viewBox='0%200%20320%20320'%3e%3cg%20fill='none'%20stroke='%230e1b33'%20stroke-opacity='0.03'%3e%3cpath%20d='M0%2040h320M0%2080h320M0%20120h320M0%20160h320M0%20200h320M0%20240h320M0%20280h320'/%3e%3c/g%3e%3c/svg%3e") repeat;color:var(--ink);font:1.0625rem/1.55 var(--sans);-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){body{background-image:none}}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}svg{flex:none}kbd{display:inline-grid;place-items:center;min-width:1.6em;height:1.6em;padding:0 .35em;font:600 .75rem/1 var(--sans);color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:.35rem}.shell{min-height:100vh;display:flex;flex-direction:column}.app{flex:1;width:100%;max-width:68rem;margin:0 auto;padding:2rem 1.25rem 4rem}.masthead{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.masthead-inner{max-width:68rem;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none}.brand>span{display:flex;flex-direction:column}.masthead h1{margin:0;font:700 1.2rem/1.15 var(--serif);letter-spacing:-.01em}.tagline{color:var(--muted);font-size:.8125rem}button,.primary,.secondary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;font:inherit;font-weight:600;border-radius:.65rem;cursor:pointer;text-decoration:none;transition:background-color .14s,border-color .14s,box-shadow .14s,transform .14s}button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:.6rem 1.1rem}button:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.primary{border:0;background:var(--accent);color:var(--accent-ink);font-weight:700;padding:.7rem 1.3rem;box-shadow:0 1px 2px #0e1b3333,inset 0 1px #ffffff26}.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.primary.large{min-height:3.25rem;padding:.85rem 1.6rem;font-size:1.0625rem}.secondary{padding:.6rem 1.1rem}.ghost{color:var(--muted);padding:.6rem .5rem}.ghost:hover{color:var(--ink)}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(16rem,1fr);gap:2.5rem;align-items:end;padding:clamp(2rem,5vw,3.5rem);border-radius:1.5rem;color:#fff;background:var(--brand-deep) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjUyMCIgdmlld0JveD0iMCAwIDEyMDAgNTIwIj4KICA8ZGVmcz4KICAgIDxwYXR0ZXJuIGlkPSJkb3RzIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8Y2lyY2xlIGN4PSIyIiBjeT0iMiIgcj0iMS4xIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuMTAiLz4KICAgIDwvcGF0dGVybj4KICAgIDxyYWRpYWxHcmFkaWVudCBpZD0iZ2xvdyIgY3g9IjgyJSIgY3k9IjE4JSIgcj0iNTUlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNWI3Y2ZmIiBzdG9wLW9wYWNpdHk9IjAuNTUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNWI3Y2ZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9Imdsb3cyIiBjeD0iOCUiIGN5PSIxMTAlIiByPSI1MCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmMmI4NGIiIHN0b3Atb3BhY2l0eT0iMC4yOCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMmI4NGIiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9yYWRpYWxHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNTIwIiBmaWxsPSJ1cmwoI2RvdHMpIi8+CiAgPHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNTIwIiBmaWxsPSJ1cmwoI2dsb3cpIi8+CiAgPHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNTIwIiBmaWxsPSJ1cmwoI2dsb3cyKSIvPgogIDxnIGZvbnQtZmFtaWx5PSJHZW9yZ2lhLCAnVGltZXMgTmV3IFJvbWFuJywgc2VyaWYiIGZpbGw9IiNmZmZmZmYiPgogICAgPHRleHQgeD0iNzYwIiB5PSI0MzAiIGZvbnQtc2l6ZT0iNTIwIiBmb250LXdlaWdodD0iNzAwIiBmaWxsLW9wYWNpdHk9IjAuMDUiPsOWPC90ZXh0PgogICAgPHRleHQgeD0iMTAxMCIgeT0iMjUwIiBmb250LXNpemU9IjE5MCIgZm9udC1zdHlsZT0iaXRhbGljIiBmaWxsLW9wYWNpdHk9IjAuMDYiPmE8L3RleHQ+CiAgICA8ZyBmb250LXNpemU9IjIyIiBmb250LXN0eWxlPSJpdGFsaWMiIGZpbGwtb3BhY2l0eT0iMC4xNiI+CiAgICAgIDx0ZXh0IHg9IjcwMCIgeT0iODYiPmt5bWlnIOKAlCBvbHVzdGlnPC90ZXh0PgogICAgICA8dGV4dCB4PSI5MzAiIHk9IjE1MCI+ZXV0YW5hc2kg4oCUIGTDtmRzaGrDpGxwPC90ZXh0PgogICAgICA8dGV4dCB4PSI3NjAiIHk9IjIxNCI+b2JzdGluYXQg4oCUIGVudmlzPC90ZXh0PgogICAgICA8dGV4dCB4PSI5ODAiIHk9IjMzMCI+cGVyaWZlciDigJQgb3bDpHNlbnRsaWc8L3RleHQ+CiAgICAgIDx0ZXh0IHg9IjgyMCIgeT0iNDAwIj5mcnVnYWwg4oCUIHNwYXJzYW08L3RleHQ+CiAgICAgIDx0ZXh0IHg9IjEwMDAiIHk9IjQ3MCI+c2luZWt1ciDigJQgbGF0bWFuc2fDtnJhPC90ZXh0PgogICAgPC9nPgogIDwvZz4KICA8ZyBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBmaWxsPSJub25lIj4KICAgIDxjaXJjbGUgY3g9IjEwODAiIGN5PSIxMTAiIHI9IjE1MCIvPgogICAgPGNpcmNsZSBjeD0iMTA4MCIgY3k9IjExMCIgcj0iMjMwIi8+CiAgPC9nPgo8L3N2Zz4K) right center / cover no-repeat;box-shadow:var(--shadow-lg)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--brand-deep) 25%,rgb(13 26 58 / 0%) 75%);pointer-events:none}.hero>*{position:relative}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.eyebrow:before{content:"";width:1.5rem;height:2px;background:currentColor}.hero-title{margin:0 0 1rem;max-width:18ch;font:600 clamp(2.1rem,5vw,3.4rem) / 1.05 var(--serif);letter-spacing:-.02em}.hero-title em{color:#c9d5ff}.lede{max-width:34rem;margin:0 0 2rem;color:#ffffffc7;font-size:1.0625rem}.hero-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem}.hero .primary{background:#fff;color:var(--brand-deep)}.hero .primary:hover{background:#e9eeff}.jump{display:flex;flex-direction:column;gap:.35rem}.jump label{font-size:.8125rem;font-weight:600;color:#ffffffb3}.jump-field{display:flex}.jump input{width:6rem;min-height:2.75rem;font:inherit;padding:.5rem .75rem;border:1px solid rgb(255 255 255 / 25%);border-right:0;border-radius:.65rem 0 0 .65rem;background:#ffffff14;color:#fff}.jump input::placeholder{color:#ffffff73}.jump button{border-radius:0 .65rem .65rem 0;border-color:#ffffff40;background:#ffffff24;color:#fff}.jump button:hover{background:#ffffff3d}.hero :focus-visible{outline-color:var(--gold)}.error{margin:.25rem 0 0;max-width:22rem;padding:.4rem .7rem;border-radius:.5rem;background:#fbe6e7;color:#9e1b26;font-size:.9375rem;font-weight:600}.stats{display:grid;gap:.75rem;margin:0}.stats>div{padding:1rem 1.25rem;border-radius:var(--radius);background:#ffffff14;border:1px solid rgb(255 255 255 / 14%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.stats dt{font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffffa6}.stats dd{margin:.15rem 0 0;font:600 2rem/1.1 var(--serif);font-variant-numeric:lining-nums tabular-nums}.stats small{font:400 1rem var(--sans);color:#ffffff8c}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin:3rem 0 1.25rem}.section-head h2{margin:0;font:600 1.75rem/1.2 var(--serif);letter-spacing:-.01em}.legend{display:flex;align-items:center;gap:.4rem;margin:0;color:var(--muted);font-size:.875rem}.legend span{width:.7rem;height:.7rem;border-radius:2px;margin-left:.6rem;background:var(--cell)}.legend [data-k=correct]{background:var(--cell-right)}.legend [data-k=wrong]{background:var(--cell-wrong)}.batches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem}.batches a{position:relative;height:100%;display:flex;flex-direction:column;gap:.35rem;padding:1.25rem 1.35rem 1.1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s}.batches a:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.batch-top{display:flex;justify-content:space-between;align-items:center}.batches .name{font:600 1.4rem/1.2 var(--serif)}.badge{display:inline-flex;align-items:center;min-height:1.75rem;padding:0 .6rem;border-radius:999px;font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);background:var(--surface-2)}.started .badge{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.done .badge{color:var(--right);background:var(--right-soft)}.badge svg{width:16px;height:16px}.batches .status{color:var(--muted);font-size:.9375rem;font-variant-numeric:tabular-nums}.batches .done .status{color:var(--right);font-weight:600}.batches .grid{margin:.6rem 0 .4rem}.go{display:inline-flex;align-items:center;gap:.35rem;margin-top:auto;padding-top:.5rem;font-size:.9375rem;font-weight:600;color:var(--accent)}.go svg{width:16px;height:16px;transition:transform .16s}.batches a:hover .go svg{transform:translate(3px)}.grid{display:grid;grid-template-columns:repeat(var(--cols, 50),1fr);gap:3px;margin:1rem 0}.grid span{aspect-ratio:1;border-radius:2px;background:var(--cell)}.grid [data-state=correct]{background:var(--cell-right)}.grid [data-state=wrong]{background:var(--cell-wrong)}.grid [data-state=current]{background:var(--accent)}.grid [data-current]{outline:2px solid var(--accent);outline-offset:1px}.quiz{max-width:46rem;margin:0 auto}.quiz-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.back{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;color:var(--muted);font-weight:600;text-decoration:none}.back:hover{color:var(--ink)}.back svg{width:18px;height:18px}.quiz-bar p{margin:0;display:flex;align-items:center;gap:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.quiz-bar strong{padding:.15rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:.875rem}.meter{height:6px;border-radius:999px;background:var(--cell);overflow:hidden;margin-bottom:1.5rem}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--brand));transition:width .3s ease}.card{position:relative;padding:clamp(1.5rem,5vw,2.75rem);border-radius:1.5rem;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent);transition:background-color .2s}.card[data-result=correct]:before{background:var(--right)}.card[data-result=wrong]:before{background:var(--wrong)}.card-label{margin:0 0 .5rem;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.word{margin:0 0 2rem;font:600 clamp(2.5rem,9vw,4.5rem) / 1.05 var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere}.options{display:grid;gap:.6rem}.option{justify-content:flex-start;gap:1rem;width:100%;min-height:3.5rem;text-align:left;padding:.65rem .9rem;border-width:1.5px;border-radius:.85rem;font-weight:500;font-size:1.0625rem;background:var(--surface)}.option .letter{display:grid;place-items:center;width:2.1rem;height:2.1rem;flex:none;border-radius:.55rem;background:var(--surface-2);font-weight:700;color:var(--muted);transition:background-color .14s,color .14s}.option .text{flex:1}.option .mark{display:inline-flex;margin-left:auto}@media(hover:none){.option .mark kbd{display:none}}.option[data-state=correct]{background:var(--right-soft);border-color:var(--right)}.option[data-state=correct] .letter{background:var(--right);color:#fff}.option[data-state=correct] .mark{color:var(--right)}.option[data-state=wrong]{background:var(--wrong-soft);border-color:var(--wrong)}.option[data-state=wrong] .letter{background:var(--wrong);color:#fff}.option[data-state=wrong] .mark{color:var(--wrong)}.option[data-state=idle]{opacity:.5}.card-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;margin-top:1.25rem}.feedback p{margin:0;font-weight:700}.feedback .right{color:var(--right)}.feedback .miss{color:var(--wrong)}.source{margin:1.5rem 0 0;padding-top:1rem;border-top:1px dashed var(--line);color:var(--muted);font-size:.8125rem}.quiz-grid{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.quiz-grid .grid{margin:0}.hint{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3rem;margin-top:1.25rem;color:var(--muted);font-size:.875rem}.hint svg{margin-right:.25rem}@media(hover:none){.hint{display:none}}.result{max-width:50rem;margin:0 auto}.result-hero{display:flex;align-items:center;gap:2rem;padding:clamp(1.5rem,5vw,2.5rem);margin-bottom:1.25rem;border-radius:1.5rem;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md)}.ring{width:8.5rem;height:8.5rem;flex:none}.ring circle{fill:none;stroke-width:10}.ring-track{stroke:var(--cell)}.ring-value{stroke:var(--right);stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ring text{font:600 26px var(--serif);fill:var(--ink)}.result h2{margin:0;font:700 .875rem/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.score{margin:.25rem 0;font:600 clamp(2.25rem,7vw,3.5rem) / 1.05 var(--serif);letter-spacing:-.02em;font-variant-numeric:lining-nums}.verdict{margin:0;color:var(--muted)}.result>.grid{padding:1rem 1.25rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem}.result h3{margin:3rem 0 1rem;font:600 1.6rem var(--serif)}.missed{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.missed li{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(0,1.3fr) minmax(0,1fr);align-items:baseline;gap:.25rem 1.5rem;padding:.85rem 1.25rem;border-left:3px solid var(--wrong)}.missed li+li{border-top:1px solid var(--line)}.missed .w{font:600 1.25rem/1.25 var(--serif)}.missed .m{display:flex;flex-direction:column}.missed .k{color:var(--muted);font-size:.75rem;font-weight:600}.missed .right-answer{color:var(--right);font-weight:600}.missed .your-answer{color:var(--muted);text-decoration-color:var(--wrong);text-decoration-thickness:2px}.result h3 .count{display:inline-grid;place-items:center;min-width:1.6em;height:1.6em;margin-left:.35rem;padding:0 .4em;border-radius:999px;background:var(--wrong-soft);color:var(--wrong);font:700 .8rem/1 var(--sans);vertical-align:middle}@media(max-width:36rem){.missed li{grid-template-columns:1fr 1fr}.missed .w{grid-column:1 / -1}}.perfect{margin-top:2rem;font-weight:600;color:var(--right)}.footer{border-top:1px solid var(--line);background:var(--surface)}.footer p{max-width:68rem;margin:0 auto;padding:1.5rem 1.25rem;color:var(--muted);font-size:.875rem}@media(max-width:52rem){.hero{grid-template-columns:1fr;align-items:start}.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:34rem){.app{padding-top:1.25rem}.hero{border-radius:1.1rem}.eyebrow{font-size:.75rem;letter-spacing:.08em}.stats{grid-template-columns:1fr;gap:.5rem}.stats>div{display:flex;justify-content:space-between;align-items:baseline;padding:.65rem 1rem}.stats dd{margin:0;font-size:1.35rem}.grid{grid-template-columns:repeat(var(--cols-narrow, 25),1fr)}.batches{grid-template-columns:1fr}.quiz-bar .back{font-size:0;gap:0}.quiz-bar .back svg{width:22px;height:22px}.result-hero{flex-direction:column;text-align:center;gap:1rem}.legend{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.row-action,.link-button{min-height:2.25rem;padding:.35rem .7rem;border:1px solid transparent;background:transparent;color:var(--muted);font-size:.875rem;font-weight:600}.row-action:hover,.link-button:hover{color:var(--wrong);border-color:color-mix(in srgb,var(--wrong) 35%,var(--line));background:var(--wrong-soft)}.row-action svg{width:15px;height:15px}.batches li{position:relative}.batches .row-action{position:absolute;right:.85rem;bottom:.7rem}.confirm{display:grid;gap:.6rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--wrong) 30%,var(--line));border-radius:.75rem;background:var(--surface);box-shadow:var(--shadow-md)}.confirm p{margin:0;font-weight:600}.confirm-actions{display:flex;flex-wrap:wrap;gap:.5rem}.confirm-actions button{min-height:2.4rem;padding:.4rem .95rem}.danger{border-color:var(--wrong);background:var(--wrong);color:#fff}.danger:hover{border-color:var(--wrong);background:color-mix(in srgb,var(--wrong) 85%,#000)}.batches .confirm{position:absolute;left:.5rem;right:.5rem;bottom:.5rem;z-index:1}.quiz-bar-end{display:flex;align-items:center;gap:.75rem}.quiz>.confirm{margin:0 0 1rem}.footer-inner{max-width:68rem;margin:0 auto;padding:1.5rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem}.footer-inner p{max-width:44rem;margin:0;padding:0}@media(max-width:36rem){.quiz-bar{flex-wrap:wrap}}.next{position:relative;overflow:hidden}.countdown{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#ffffffb3;transform-origin:left;animation:countdown linear forwards}@keyframes countdown{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.switch-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .75rem;margin-top:1.25rem}.switch{display:inline-flex;align-items:center;gap:.6rem;min-height:2.75rem;font-weight:600;cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{position:relative;width:2.5rem;height:1.5rem;border-radius:999px;background:var(--cell);transition:background-color .14s}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:calc(1.5rem - 6px);height:calc(1.5rem - 6px);border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .14s}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(1rem)}.switch input:focus-visible+.switch-track{outline:3px solid var(--accent);outline-offset:2px}.switch-note{color:var(--muted);font-size:.875rem}@media(prefers-reduced-motion:reduce){.countdown{display:none}}@media(hover:hover){.option:hover:not([data-state]){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.option:hover:not([data-state]) .letter{background:var(--accent);color:var(--accent-ink)}}.size-picker{display:inline-flex;align-items:center;gap:0;margin:0 auto 0 1.5rem;padding:0;border:0}.size-picker legend{float:left;padding:0;margin-right:.75rem;color:var(--muted);font-size:.875rem;font-weight:600}.size-picker label{position:relative;cursor:pointer}.size-picker input{position:absolute;opacity:0;width:1px;height:1px}.size-picker label span{display:inline-grid;place-items:center;min-width:2.75rem;min-height:2.25rem;padding:0 .6rem;border:1px solid var(--line);background:var(--surface);font-weight:600;font-variant-numeric:tabular-nums;transition:background-color .14s,color .14s,border-color .14s}.size-picker label+label span{margin-left:-1px}.size-picker label:first-of-type span{border-radius:.6rem 0 0 .6rem}.size-picker label:last-of-type span{border-radius:0 .6rem .6rem 0}.size-picker input:checked+span{position:relative;border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.size-picker input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px;position:relative}@media(hover:hover){.size-picker input:not(:checked)+span:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}}@media(max-width:52rem){.size-picker{order:3;flex-basis:100%;margin:.5rem 0 0}}