:root { --bg:#14121f; --card:#221f35; --ink:#f4f1ff; --mute:#9a95b8; --acc:#ffd93d; --acc2:#ff6b6b; --ok:#6bcb77; }
* { box-sizing: border-box; }
html, body { margin:0; height:100%; background:var(--bg); color:var(--ink); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
button { font: inherit; color: inherit; border:0; cursor:pointer; }
.btn { background:var(--acc); color:#1b1b1f; font-weight:800; border-radius:16px; padding:16px 22px; font-size:20px; min-height:56px; }
.btn.alt { background:var(--card); color:var(--ink); border:2px solid #3a3558; }
.btn[disabled] { opacity:.4; }
.chip { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:999px; background:var(--card); font-weight:700; }
.dot { width:14px; height:14px; border-radius:50%; display:inline-block; }
canvas { display:block; background:#fff; border-radius:12px; }