:root{--accent:#ff6900;--accent-hover:#eb6000;--accent-soft:#fff1e5;--rec:#e5383b;--rec-soft:#fde4e4;--fg:#17181b;--muted:#62666d;--faint:#8f949b;--line:#ebe8e4;--bg:#faf9f7;--card:#fff;--ok:#1b6e37;--ok-bg:#e6f4ea}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Helvetica Neue,Arial,sans-serif}main{flex-direction:column;max-width:720px;min-height:100vh;margin:0 auto;padding:24px 24px 28px;display:flex}button{font:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.top{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;margin:0;font-size:17px;font-weight:650;display:flex}.logo{background:var(--accent);border-radius:8px;width:24px;height:24px;position:relative}.logo:after{content:"";background:#fff;border-radius:50%;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.badge{background:var(--ok-bg);color:var(--ok);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.foot{text-align:center;color:var(--faint);padding-top:24px;font-size:13px}.foot strong{color:var(--muted);font-weight:600}.stage{text-align:center;flex-direction:column;flex:1;align-items:center;padding:max(48px,15vh) 0 48px;display:flex}.lede{letter-spacing:-.025em;align-items:center;gap:12px;margin:0 0 36px;font-size:30px;font-weight:650;display:flex}.hint{color:var(--muted);margin:32px 0 0;font-size:15px}.privacy{color:var(--muted);align-items:center;gap:7px;margin:14px 0 0;font-size:14px;display:inline-flex}.privacy svg{width:15px;height:15px}.mic-btn{background:var(--accent);color:#fff;cursor:pointer;width:132px;height:132px;box-shadow:0 0 0 12px var(--accent-soft), 0 18px 40px -12px #ff69008c;border:0;border-radius:50%;place-items:center;transition:transform .15s,background-color .15s,box-shadow .2s;display:grid}.mic-btn svg{width:50px;height:50px}.mic-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.04)}.mic-btn:active:not(:disabled){transform:scale(.98)}.mic-btn:focus-visible{outline-offset:16px}.mic-btn:disabled{cursor:not-allowed;background:#d8d4cf;box-shadow:0 0 0 12px #f0eeeb}.mic-btn.stop{background:var(--rec);box-shadow:0 0 0 12px var(--rec-soft), 0 18px 40px -12px #e5383b80;animation:1.8s ease-in-out infinite pulse}.mic-btn.stop:hover{background:#d42f32}.mic-btn.stop svg{width:40px;height:40px}@keyframes pulse{50%{box-shadow:0 0 0 20px var(--rec-soft), 0 18px 40px -12px #e5383b80}}.rec-dot{background:var(--rec);border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.progress{width:min(360px,100%);margin-top:32px;font-size:15px}.progress p{margin:0}.progress .sub{color:var(--faint);font-size:13px}.progress .models{color:var(--muted);align-items:center;gap:10px;display:inline-flex}.spinner{border-radius:50%;width:16px;height:16px}progress{appearance:none;background:#ebe7e2;border:0;border-radius:99px;width:100%;height:6px;margin:10px 0 8px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#ebe7e2}progress::-webkit-progress-value{background:var(--accent);border-radius:99px;transition:width .3s}.sample{border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;border-radius:999px;align-items:center;gap:8px;margin-top:32px;padding:9px 18px;font-size:14px;font-weight:550;transition:border-color .15s,color .15s;display:inline-flex}.sample svg{width:12px;height:12px;color:var(--accent)}.sample:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sample:disabled{opacity:.45;cursor:not-allowed}.timer{letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:40px 0 0;font-size:34px;font-weight:600}.timer .cap{color:var(--faint);font-size:20px;font-weight:500}.level{justify-content:center;align-items:center;gap:4px;width:min(320px,100%);height:56px;margin-top:12px;display:flex}.level i{background:var(--accent);border-radius:2px;flex:0 0 4px;height:8%;transition:height .1s ease-out}.steps{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:18px;gap:14px;min-width:320px;margin:0 0 8px;padding:22px 26px;list-style:none;display:grid}.steps li{align-items:center;gap:12px;font-weight:550;display:flex}.steps .busy{color:var(--muted)}.steps .ico{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.steps .done .ico{background:var(--ok-bg);color:var(--ok)}.steps .busy .ico,.spinner{border:2px solid #f6dcc8;border-top-color:var(--accent);animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stage.result{text-align:left;justify-content:flex-start;align-items:stretch;padding-top:40px}.result .steps{background:0 0;border:0;flex-wrap:wrap;gap:8px 24px;min-width:0;margin:0 0 16px;padding:0 4px;font-size:14px;display:flex}.result .steps li{color:var(--muted);gap:8px;font-weight:500}.result .steps .ico{width:18px;height:18px;font-size:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px 36px 28px;box-shadow:0 1px 2px #17181b0a,0 16px 40px -20px #17181b29}.card h2{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:28px 0 10px;font-size:12px;font-weight:650}.card h2:first-child{margin-top:0}.card p{letter-spacing:-.005em;margin:0;font-size:18px;line-height:1.55}.bullets{margin:0;padding-left:20px}.bullets li{padding-left:4px}.bullets li+li{margin-top:6px}.bullets li::marker{color:var(--accent)}.checklist{gap:12px;margin:0;padding:0;list-style:none;display:grid}.checklist label{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.checklist input{appearance:none;background:var(--card);cursor:pointer;border:1.5px solid #cdc8c1;border-radius:6px;flex:none;place-items:center;width:19px;height:19px;margin:2px 0 0;display:grid}.checklist input:checked{border-color:var(--accent);background:var(--accent)}.checklist input:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;transform:translateY(-1px)rotate(45deg)}.checklist input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.checklist input:checked+span{color:var(--faint);text-decoration:line-through}.due{color:var(--muted)}.none{color:var(--faint)}.actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;margin-top:32px;padding-top:22px;display:flex}.btn{border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s}.btn:hover{background:#f6f4f1;border-color:#d9d4ce}.btn.primary{border-color:var(--accent);background:var(--accent);color:#fff;min-width:116px}.btn.primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.btn.end{margin-left:auto}.transcript{background:var(--bg);color:#3c3f45;white-space:pre-wrap;border-radius:12px;max-height:280px;margin-top:16px;padding:16px 18px;font-size:15px;line-height:1.65;overflow:auto}.error{color:#9b1c1f;background:#fdeeee;border:1px solid #f3c9c9;border-radius:14px;max-width:440px;margin:0;padding:16px 20px}.mic-btn+.error{margin-top:32px}@media (prefers-reduced-motion:reduce){.mic-btn.stop,.rec-dot,.steps .busy .ico,.spinner{animation:none}.mic-btn,.level i{transition:none}progress::-webkit-progress-value{transition:none}}.foot a{color:var(--muted)}.fallback{flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex}.fallback .lede{text-wrap:balance;justify-content:center;margin-bottom:16px;font-size:28px}.why{color:var(--fg);margin:0;font-size:17px}.fallback video{background:#000;border-radius:14px;width:100%;margin-top:24px}.fallback .code{margin-top:24px;text-decoration:none}@media (max-width:767px){main{padding:16px 16px 24px}.stage.unsupported{padding-top:32px}.fallback .lede{font-size:24px}}