@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");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{--canvas:#f6f3ee;--surface:#fff;--tint:#efebe4;--ink:#1f1d1b;--on-ink:#f6f3ee;--muted:#6b6560;--line:#e2ddd5;--pass-bg:#dff2e3;--pass-ink:#17602d;--miss-bg:#fbe4df;--miss-ink:#a3261b;--pastel:#e7e0f6;--on-pastel:#3b2f63;--card-shadow:0 1px 2px #1f1d1b0d, 0 14px 32px -10px #1f1d1b29;--radius-card:28px;--radius-media:20px;--radius-box:16px;--touch:44px;--action:56px;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--canvas:#151413;--surface:#211f1d;--tint:#2a2724;--ink:#f4f1ec;--on-ink:#1f1d1b;--muted:#a39d95;--line:#36322e;--pass-bg:#1c3a26;--pass-ink:#8fdca8;--miss-bg:#44201c;--miss-ink:#ffa397;--pastel:#3a3350;--on-pastel:#d9ccff;--card-shadow:0 1px 2px #0006, 0 14px 32px -10px #0009}}*{box-sizing:border-box}html,body,#root{height:100%}html{scrollbar-color:var(--line) transparent}body{background:var(--canvas);color:var(--ink);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 Figtree Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}::selection{background:var(--ink);color:var(--on-ink)}input{caret-color:var(--ink)}.app{max-width:560px;min-height:100%;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;margin:0 auto;display:flex}.app-header{z-index:1;padding:calc(env(safe-area-inset-top) + 8px) 20px 8px;min-height:calc(var(--touch) + 16px + env(safe-area-inset-top));background:var(--canvas);align-items:center;gap:8px;display:flex;position:sticky;top:0}.app-header h1{letter-spacing:-.01em;margin:0;font-size:1.0625rem;font-weight:650}.back-link{width:var(--touch);height:var(--touch);color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:transform .16s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;display:inline-flex}.back-link:active{transform:scale(.94)}.app-main{padding:12px 20px calc(32px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:20px;display:flex}.centered{justify-content:center;align-items:stretch}.stack{flex-direction:column;gap:20px;display:flex}.center-text{text-align:center}h2.title{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:2.25rem;font-weight:750;line-height:1.08}.muted{color:var(--muted)}.small{font-size:.875rem}.facts p{margin:0}.facts .big{letter-spacing:-.015em;font-size:1.375rem;font-weight:600}.btn{min-height:var(--action);background:var(--ink);color:var(--on-ink);font:inherit;letter-spacing:-.005em;cursor:pointer;width:100%;transition:transform .16s var(--ease-out), opacity .16s var(--ease-out);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:1.0625rem;font-weight:650;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}@media (hover:hover){.btn:hover:not(:disabled){opacity:.88}.back-link:hover{background:var(--tint)}}.btn.secondary{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible,.field input:focus-visible,.field textarea:focus-visible,.letter:focus-visible,.back-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ink) 45%, transparent);outline-offset:3px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite spin}@media (prefers-reduced-motion:reduce){.btn,.back-link,.letter{transition:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:.875rem;font-weight:600}.field input,.field textarea{border-radius:var(--radius-box);min-height:52px;box-shadow:inset 0 0 0 1.5px var(--line);background:var(--surface);color:var(--ink);font:inherit;border:0;padding:12px 16px}.field textarea{resize:vertical;min-height:96px}.field.invalid input,.field.invalid textarea{box-shadow:inset 0 0 0 2px var(--miss-ink)}.error{color:var(--miss-ink);margin:0;font-size:.9375rem;font-weight:500}.success{color:var(--pass-ink);margin:0;font-weight:500}.state-view{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.badge{background:var(--pastel);color:var(--on-pastel);border-radius:999px;padding:6px 14px;font-size:.875rem;font-weight:650;display:inline-block}.notice{background:var(--surface);border-radius:var(--radius-card);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;gap:8px;padding:20px;display:flex}.notice h3{margin:0;font-size:1.0625rem;font-weight:650}.notice p{margin:0}.switch-row{min-height:var(--touch);align-items:center;gap:12px;display:flex}.switch-row input{width:22px;height:22px;accent-color:var(--ink)}.review-header{justify-content:space-between;align-items:center;display:flex}.review-header .muted{font-size:.9375rem;font-weight:500}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--card-shadow);flex-direction:column;gap:12px;margin:0;padding:12px;display:flex}.card-media{border-radius:var(--radius-media);background:var(--tint);place-items:center;min-height:140px;display:grid;overflow:hidden}.card img{object-fit:contain;width:100%;max-height:min(26dvh,260px);display:block}.card .image-missing{width:100%;height:120px;color:var(--muted);place-items:center;display:grid}.card figcaption{letter-spacing:-.01em;text-wrap:balance;padding:0 8px 8px;font-size:1.1875rem;font-weight:500;line-height:1.35}@media (height<=700px){.card img{max-height:150px}.card-media{min-height:120px}}.letters{flex-wrap:wrap;justify-content:center;gap:10px 8px;display:flex}.letter-cell{flex-direction:column;align-items:center;gap:6px;display:flex}.letter{text-align:center;width:2.75rem;height:3.5rem;font:inherit;border-radius:var(--radius-box);box-shadow:inset 0 0 0 1.5px var(--line);background:var(--surface);color:var(--ink);transition:background-color .24s var(--ease-out), color .24s var(--ease-out), box-shadow .16s var(--ease-out);border:0;padding:0;font-size:1.5rem;font-weight:600}.letter.filled{box-shadow:inset 0 0 0 1.5px var(--ink)}.letter:disabled{opacity:1;-webkit-text-fill-color:currentColor}.letter.right{background:var(--pass-bg);color:var(--pass-ink);box-shadow:none}.letter.wrong{background:var(--miss-bg);color:var(--miss-ink);box-shadow:inset 0 -4px 0 var(--miss-ink)}.letter-fix{min-height:1.75rem;color:var(--miss-ink);font-size:1.375rem;font-weight:700;line-height:1.25}.reveal{text-align:center;animation:rise .42s var(--ease-out) both;flex-direction:column;align-items:center;gap:8px;display:flex}.verdict-pill{border-radius:999px;align-items:center;gap:6px;margin:0;padding:6px 14px 6px 10px;font-size:.9375rem;font-weight:650;display:inline-flex}.verdict-pill.ok{background:var(--pass-bg);color:var(--pass-ink)}.verdict-pill.bad{background:var(--miss-bg);color:var(--miss-ink)}.mark{flex:none}.reveal .answer{letter-spacing:-.035em;overflow-wrap:anywhere;margin:4px 0 0;font-size:clamp(2.5rem,12vw,3.5rem);font-weight:750;line-height:1.05}.reveal .phonetic{color:var(--muted);margin:0;font-size:1.25rem;font-weight:500}.accent-hint{color:var(--miss-ink);margin:0;font-size:.9375rem;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.reveal{animation:none}}.action-zone{flex-direction:column;gap:16px;display:flex}.action-copy{text-align:center;flex-direction:column;justify-content:center;gap:2px;min-height:3.25rem;margin:0;display:flex}.action-copy p{margin:0}.button-row{gap:12px;display:flex}.button-row .btn{flex:1}.result .verdict{letter-spacing:-.02em;justify-content:center;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:inline-flex}.result.passed .verdict{color:var(--pass-ink)}.result.failed .verdict{color:var(--miss-ink)}@media (prefers-reduced-motion:no-preference){.result .btn{pointer-events:none;animation:0s linear .42s forwards arm}}@keyframes arm{to{pointer-events:auto}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}