:root{--ink: #111111;--paper: #ffffff;--rule: #cccccc;--quiet: #666666;--serif: Georgia, "Times New Roman", Times, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;background:var(--paper);border:1px solid var(--ink);cursor:pointer}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 2rem}.chrome{width:100%;max-width:34rem;display:flex;justify-content:space-between;align-items:baseline;font-size:.8125rem;color:var(--quiet);border-bottom:1px solid var(--rule);padding-bottom:.5rem;margin-bottom:2rem}.item-area{width:100%;max-width:34rem;font-family:var(--serif);margin:0 auto}.prompt{font-size:clamp(1.5rem,6vw,2rem);line-height:1.5;margin:0 0 2rem;min-height:5rem}.answer-display{font-size:clamp(1.75rem,7vw,2.25rem);border-bottom:2px solid var(--ink);min-height:3rem;padding:.25rem .5rem;margin-bottom:1.5rem;letter-spacing:.05em}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.keypad button,.option button{font-family:var(--serif);padding:1rem;font-size:1.25rem}.keypad button:active,.option button:active,.continue:active{background:var(--ink);color:var(--paper)}.options{display:grid;gap:.75rem}.option button{width:100%;text-align:left;padding:1rem 1.25rem;display:flex;align-items:baseline;gap:1rem}.option-letter{font-variant-numeric:tabular-nums;min-width:1.25em;color:var(--quiet)}.option button[disabled] .option-letter{color:var(--rule)}.option button[disabled]{cursor:default;border-color:var(--rule);color:var(--quiet)}.option button[data-chosen=true][disabled]{border-color:var(--ink);color:var(--ink)}.feedback{font-family:var(--serif);font-size:1.125rem;line-height:1.6;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--rule)}.continue{margin-top:1.5rem;padding:.875rem 2rem;font-family:var(--sans);font-size:1rem}.interstitial{width:100%;max-width:34rem;margin-top:4rem;font-family:var(--serif);font-size:1.25rem;line-height:1.7}.interstitial p{margin:0 0 1.5rem}.quiet{color:var(--quiet);font-size:.9375rem;font-family:var(--sans)}.setup-input{width:100%;font-family:var(--sans);font-size:1rem;padding:.75rem;border:1px solid var(--ink);background:var(--paper);color:var(--ink);margin-bottom:1rem}