:root{font-family:Nunito,system-ui,sans-serif;color:var(--c-ink);background:var(--c-bg);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--c-bg)}button{font:inherit;color:inherit;cursor:pointer;border:none}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:3px solid var(--c-teal);outline-offset:2px}.screen{max-width:520px;margin:0 auto;min-height:100dvh;padding:16px 16px calc(96px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.card{background:var(--c-card);border-radius:var(--r-card);padding:18px;box-shadow:var(--sh-card)}.muted{color:var(--c-muted)}.btn{min-height:52px;padding:0 22px;border-radius:var(--r-pill);font-weight:900;font-size:17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--c-card);color:var(--c-ink);box-shadow:var(--sh-tile);transition:transform .08s,box-shadow .08s}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:none}.btn.play{background:var(--c-play);color:var(--c-on-color);box-shadow:0 4px 0 var(--c-play-deep)}.btn.primary{background:var(--c-primary);color:var(--c-on-color);box-shadow:0 4px 0 var(--c-primary-deep)}.btn.ghost{box-shadow:none;background:var(--c-bg-deep);min-height:44px;font-size:15px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{min-height:44px;padding:0 16px;border-radius:var(--r-pill);background:var(--c-bg-deep);font-weight:800;font-size:15px}.chips button.on{background:var(--c-ink);color:var(--c-on-color)}.btn.play .read,.btn.play .ru,.btn.primary .read,.btn.primary .ru,.chips button.on .read,.chips button.on .ru{color:#fffc}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}