:root{--bg: #07080c;--surface: #12141a;--line: #2a2e38;--text: #e8eceb;--muted: #8b9390;--accent: #9fd8d0;--accent-dim: #6aa39b;--ink: #141210;--paper: #f3eee4;--coral: #e07a5f;--shadow: 0 18px 40px rgba(0, 0, 0, .35);--font-display: "Fraunces", Georgia, serif;--font-sans: "DM Sans", "Segoe UI", system-ui, sans-serif;--font-te: "Noto Sans Telugu", "DM Sans", sans-serif;--radius-md: 12px;--radius-xl: 24px;--safe-top: max(16px, calc(env(safe-area-inset-top, 0px) + 12px) );--safe-bottom: max(18px, calc(env(safe-area-inset-bottom, 0px) + 14px) )}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}html,body,#app{min-height:100%}body{margin:0;background:radial-gradient(ellipse at 50% -10%,rgba(159,216,208,.14),transparent 46%),var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:default}[hidden]{display:none!important}.screen{width:min(440px,100%);min-height:100dvh;margin:0 auto;padding:var(--safe-top) 16px var(--safe-bottom);display:flex;flex-direction:column;align-items:center;gap:14px}.topbar{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px}.brand{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.kicker{margin:0;letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:650;color:var(--accent)}h1{margin:0;font-family:var(--font-display);font-size:clamp(2rem,8vw,2.6rem);font-weight:500;letter-spacing:-.03em;line-height:1.05}.ver-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em}.games-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;grid-column:1;justify-self:start;min-height:44px;padding:10px 14px 10px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:650}.start-tag,.hint,.status,.error{margin:0;text-align:center;line-height:1.45}.start-tag,.hint,.save-notice,.name-gate label{color:var(--muted);max-width:28rem}.name-gate{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.name-gate label{font-size:12px;text-align:center}.name-gate input{width:100%;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;padding:0 12px}.name-gate input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.save-notice{width:100%;margin:0;font-size:12px;line-height:1.35;text-align:center}.status{color:var(--accent);font-weight:650;min-height:1.4em}.error{color:#ffb4b4;font-weight:600;max-width:28rem}.mic{width:168px;height:168px;margin-top:4px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:radial-gradient(circle at 50% 42%,rgba(159,216,208,.18),transparent 62%),var(--surface);color:var(--accent);box-shadow:var(--shadow);display:grid;place-items:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mic[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 8px #9fd8d01f,var(--shadow)}.mic:disabled{opacity:.72}.count{font-variant-numeric:tabular-nums;font-size:3.4rem;font-weight:700;letter-spacing:-.05em;color:var(--accent)}.paper{width:100%;min-height:132px;max-height:34dvh;overflow:auto;background:var(--paper);color:var(--ink);border-radius:var(--radius-xl);padding:18px 18px 16px;box-shadow:var(--shadow)}.placeholder{margin:0;color:#7a7368;line-height:1.45}.transcript{margin:0;min-height:4.5rem;font-family:var(--font-te);font-size:1.35rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text;cursor:text}.transcript:focus{outline:2px solid var(--accent-dim);outline-offset:2px}.copy{width:100%;min-height:48px;border:0;border-radius:var(--radius-md);background:var(--accent);color:var(--bg);font-weight:700;font-size:1rem}.copy:disabled{background:#1a1d24;color:var(--muted);border:1px solid var(--line)}.games-back:focus-visible,.mic:focus-visible,.copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
