:root{--bg:#fdf6f0;--card:#fff;--primary:#d25f5f;--primary-light:#fce0dc;--text-primary:#1f1f1f;--text-secondary:#8a6b68;--border:#efe0da;--success:#bfe5c8;--warning:#f4d7a1}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Hiragino Kaku Gothic ProN,Yu Gothic UI,Yu Gothic,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6;font-size:16px}button{cursor:pointer}button,input{font-family:inherit}main{max-width:480px;margin:0 auto;padding:32px 20px 48px;min-height:100vh}.title{font-size:22px;font-weight:700;letter-spacing:.01em;margin:0 0 8px}.subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 24px}.question{font-size:22px;font-weight:700;line-height:1.5;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;margin:24px 0}.label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.input{width:100%;font-size:16px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--card);outline:none}.input:focus{border-color:var(--primary)}.btn-primary{width:100%;font-size:17px;font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:14px;padding:18px;margin-top:20px}.btn-primary:disabled{opacity:.4}.btn-secondary{font-size:16px;font-weight:500;background:var(--primary-light);color:var(--primary);padding:16px;margin-top:12px}.btn-secondary,.btn-stop{width:100%;border:none;border-radius:14px}.btn-stop{font-size:17px;font-weight:600;background:#c97373;color:#fff;padding:18px;margin-top:20px}.note{font-size:13px;color:var(--text-secondary);margin-top:24px;line-height:1.8}.note,.timer{text-align:center}.timer{font-size:48px;font-weight:300;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:24px 0 8px;letter-spacing:.02em}.mic-pulse{width:96px;height:96px;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center;margin:24px auto;position:relative}.mic-pulse:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--primary);opacity:.6;animation:pulse 1.6s ease-out infinite}.btn-primary{box-shadow:0 6px 20px rgba(210,95,95,.25)}@keyframes pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}.success-icon{width:72px;height:72px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;margin:32px auto 16px;color:#2c5e3a;font-size:36px}.error{color:#b23b3b;background:#fbeaea;padding:12px 14px;border-radius:10px;font-size:14px;margin:16px 0}.center{text-align:center}.muted{color:var(--text-secondary);font-size:13px}.waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:96px;margin:24px 0 8px}.waveform .bar{width:4px;background:var(--primary);border-radius:2px;transition:height 80ms ease-out}h2{font-size:18px;font-weight:700;margin:32px 0 12px}h2,h3{color:var(--text-primary)}h3{font-size:15px;font-weight:600;margin:24px 0 6px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}ol,ul{padding-left:1.4em;color:var(--text-primary)}li{margin-bottom:4px}.appcta{margin-top:48px;padding:20px;border-top:1px solid var(--border);text-align:center}