.app{min-height:100dvh;max-width:440px;margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));display:flex;flex-direction:column;gap:1.75rem}.top{padding-top:.4rem;text-align:center}.brand{margin:0;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:600}.tagline{margin:.35rem 0 0;font-size:1.35rem;letter-spacing:-.03em;font-weight:560}.stage{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem 0 .5rem}.hint{margin:0;color:var(--muted);font-size:.95rem}.timer{margin:.55rem 0 1.5rem;font-variant-numeric:tabular-nums;font-size:2.4rem;letter-spacing:-.04em;font-weight:520}.timer.is-live{color:var(--record)}.rec{position:relative;width:108px;height:108px;border:0;padding:0;background:transparent;border-radius:50%;-webkit-tap-highlight-color:transparent}.rec:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.rec-face{position:relative;z-index:1;width:92px;height:92px;margin:8px;border-radius:50%;display:grid;place-items:center;background:var(--record);color:#fff;box-shadow:var(--shadow);transition:transform .16s ease}.rec.idle:active .rec-face,.rec.recording:active .rec-face{transform:scale(.96)}.rec.processing .rec-face{background:var(--accent)}.rec-ring{position:absolute;inset:0;border-radius:50%;border:2px solid transparent}.rec.recording .rec-ring{border-color:var(--record-soft);animation:pulse 1.6s ease-out infinite}.mic-icon,.pause-icon{display:block}.mic-icon{width:18px;height:28px;border:2.5px solid currentColor;border-bottom-width:0;border-radius:9px 9px 8px 8px;position:relative}.mic-icon:after{content:"";position:absolute;left:50%;bottom:-9px;width:22px;height:10px;border:2.5px solid currentColor;border-top:0;border-radius:0 0 12px 12px;transform:translate(-50%)}.pause-icon{display:flex;gap:5px;width:18px;height:22px}.pause-icon:before,.pause-icon:after{content:"";flex:1;border-radius:1.5px;background:currentColor}.spinner{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.mode{margin-top:1.75rem;display:grid;grid-template-columns:1fr 1fr;width:min(100%,240px);padding:4px;border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,var(--ink) 6%);border:1px solid var(--line)}.mode button{border:0;background:transparent;min-height:44px;border-radius:999px;color:var(--muted);font-size:.92rem}.mode button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014;font-weight:560}.mode-note{margin:.7rem 0 0;color:var(--muted);font-size:.82rem}.result{flex:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1rem 1.1rem 1.15rem;box-shadow:var(--shadow)}.card-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.card-bar h2{margin:0;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:650}.card-actions{display:flex;align-items:center;gap:.15rem}.copy{border:0;min-height:44px;padding:0 .35rem;background:transparent;color:var(--accent);font-weight:600}.text{margin:0;font-size:1.05rem;line-height:1.55;white-space:pre-wrap}.empty,.error{margin:0;text-align:center}.empty{color:var(--muted);font-size:.95rem}.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border-radius:14px;padding:.85rem 1rem;margin-bottom:.9rem}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.18);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.rec.recording .rec-ring,.spinner{animation:none}}:root{color-scheme:light dark;--bg: #f4f1ec;--ink: #1a1816;--muted: #6d675f;--line: rgba(26, 24, 22, .1);--surface: #fffcf7;--accent: #c45c26;--record: #d6453d;--record-soft: rgba(214, 69, 61, .18);--ok: #2f6b4f;--danger: #a33b32;--shadow: 0 18px 50px rgba(26, 24, 22, .08);font-family:SF Pro Text,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.4;font-weight:430;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--bg: #121110;--ink: #f4efe8;--muted: #a39b92;--line: rgba(244, 239, 232, .1);--surface: #1c1b19;--accent: #e07a45;--record: #ef5b52;--record-soft: rgba(239, 91, 82, .22);--ok: #7dcea0;--danger: #f0a29c;--shadow: 0 18px 50px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:var(--bg)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}