:root{--ink:#10202c;--paper:#fff;--dial-blue:#17427a;--ring:#f2c230;--danger:#8a2b2b;--good:#1f7a44;--line:#c3d0d8;--text:1.6rem;--text-big:2.2rem;--tap:84px;--space:1.4rem}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--text);line-height:1.5}main{max-inline-size:34rem;margin-inline:auto;padding:var(--space);display:grid;grid-gap:var(--space);gap:var(--space);min-block-size:100dvh;align-content:start}h1{font-size:var(--text-big);line-height:1.2}h1,p{margin:0}.button{display:flex;align-items:center;justify-content:center;gap:.6rem;min-block-size:var(--tap);padding-inline:1.6rem;border:3px solid transparent;border-radius:16px;font:inherit;font-weight:700;cursor:pointer;inline-size:100%}.button-answer{background:var(--good);color:#fff}.button-end{background:var(--danger);color:#fff}.button-main{background:var(--dial-blue);color:#fff}.button-quiet{background:var(--paper);color:var(--ink);border-color:var(--line)}.button:disabled{opacity:.5;cursor:default}.field{font:inherit;font-size:var(--text-big);letter-spacing:.3em;text-align:center;text-transform:uppercase;min-block-size:var(--tap);inline-size:100%;padding:.6rem;border:3px solid var(--line);border-radius:16px}.button:focus-visible,.field:focus-visible{outline:4px solid var(--dial-blue);outline-offset:3px}.ring{inline-size:7rem;block-size:7rem;border-radius:50%;background:var(--ring);margin-inline:auto;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.captions{background:#f2f6f8;border:2px solid var(--line);border-radius:16px;padding:var(--space);display:grid;grid-gap:.7rem;gap:.7rem;min-block-size:9rem;max-block-size:40dvh;overflow-y:auto}.hint{color:#48606f}.error{color:var(--danger);font-weight:700}.ai-note{color:#48606f;font-size:1.15rem}@media (prefers-reduced-motion:reduce){.ring{animation:none}}