:root{--bg:#262626;--off-fill:#2b2b2b;--off-line:#3a3a3a;--idle-fill:#5a5a5a;--rec-fill:#e53935;--rec-line:#b71c1c;--play-fill:#43a047;--play-line:#1b5e20;--text:#fff;--text-dim:#8a8a8a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;overscroll-behavior:none;padding:0}body{min-height:calc(100vh + 1px)}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}button:disabled{cursor:default}.screen{align-items:center;display:flex;flex-direction:column;gap:clamp(10px,2.4vh,18px);justify-content:space-evenly;min-height:100vh;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.screen .title{font-size:1.1rem;font-weight:600;letter-spacing:.04em;margin:0;opacity:.7}.screen .hint{font-size:.85rem;margin:0;min-height:1.2em}.screen .fatal,.screen .hint{color:var(--text-dim);text-align:center}.screen .fatal{margin:auto 0}.screen .row{display:flex;gap:14px;justify-content:center;max-width:380px;width:100%}.screen .row.voices{gap:10px}