:root{--bg:#f5f2ed;--fg:#2c2c2c;--accent:#4a4a6a;--error:#8b4c4c;--success:#4c6b4c;--muted:#9a9a8e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1a1e;--fg:#d4d2cc;--accent:#8b8bb5;--error:#c17a7a;--success:#7aaa7a;--muted:#6a6a64}}[data-theme=dark]{--bg:#1a1a1e;--fg:#d4d2cc;--accent:#8b8bb5;--error:#c17a7a;--success:#7aaa7a;--muted:#6a6a64}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}#app{min-height:100vh;flex-direction:column;align-items:center;min-height:100dvh;padding:2rem 2rem 1rem;display:flex}#prompt{color:var(--fg);-webkit-user-select:none;user-select:none;margin-top:auto;margin-bottom:2rem;font-family:Hiragino Kaku Gothic Pro,Noto Sans JP,serif;font-size:8rem;line-height:1;transition:opacity .2s}#input{text-align:center;border:none;border-bottom:2px solid var(--muted);color:var(--fg);letter-spacing:.1em;background:0 0;outline:none;width:8rem;margin-top:2rem;padding:.5rem 0;font-family:inherit;font-size:1.5rem;transition:border-color .15s}#input:focus{border-color:var(--accent)}#input[data-error=true]{border-color:var(--error)}#input:disabled{opacity:.5;cursor:not-allowed}#feedback{color:var(--muted);min-height:1.5em;margin-top:1rem;font-size:.9rem;transition:opacity .15s}#stats{color:var(--muted);letter-spacing:.05em;opacity:0;margin-top:2rem;font-size:.75rem;transition:opacity .3s}#bottom{padding-top:3rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;align-items:center;margin-top:auto;display:flex}#wordmark{color:var(--muted);cursor:pointer;letter-spacing:.2em;background:0 0;border:none;padding:.5rem 1rem;font-family:Hiragino Kaku Gothic Pro,Noto Sans JP,serif;font-size:1rem;transition:color .15s}#wordmark:hover{color:var(--accent)}#settings{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .3s;display:grid}#settings>.settings-inner{flex-direction:column;align-items:center;gap:.75rem;display:flex;overflow:hidden}#settings.open{opacity:1;grid-template-rows:1fr;padding-bottom:.5rem}#settings button{color:var(--muted);cursor:pointer;letter-spacing:.05em;background:0 0;border:none;padding:.25rem .5rem;font-family:inherit;font-size:.8rem}#settings button.active{color:var(--fg)}#settings button#reset:hover{color:var(--error)}[data-tooltip]{cursor:default;position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:var(--muted);white-space:nowrap;opacity:0;pointer-events:none;padding-bottom:.25rem;font-size:.6rem;transition:opacity .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:.7}#row-toggles{flex-wrap:wrap;justify-content:center;gap:.25rem .5rem;max-width:20rem;display:flex}#row-toggles button{color:var(--muted);cursor:pointer;letter-spacing:.05em;background:0 0;border:none;padding:.2rem .4rem;font-family:inherit;font-size:.7rem}#row-toggles button.active{color:var(--fg)}@media (max-width:30rem){#app{padding:1.5rem 1rem .5rem}#prompt{margin-bottom:1.5rem;font-size:5rem}#input{width:7rem;font-size:1.25rem}#feedback{font-size:.85rem}#stats{font-size:.7rem}#bottom{padding-top:2rem}#wordmark{padding:.75rem 1.25rem}#settings button{min-height:2.75rem;padding:.5rem .75rem}#row-toggles button{min-height:2.75rem;padding:.5rem .75rem;font-size:.8rem}}