:root{--bg: #f6f9fc;--card: #fff;--accent: #0366d6;--muted: #6b7280}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);margin:0;color:#111827}.app-container{max-width:720px;margin:48px auto;background:var(--card);padding:24px;border-radius:8px;box-shadow:0 6px 18px #0f172a0f}.recorder{margin-top:16px}.controls .btn{padding:8px 12px;margin-right:8px;border:none;border-radius:6px;cursor:pointer}.btn.start{background:var(--accent);color:#fff}.btn.stop{background:#dc2626;color:#fff}.btn.pause{background:#f59e0b;color:#fff}.btn.resume{background:#10b981;color:#fff}.btn.download{background:#0ea5e9;color:#fff}.status,.duration{margin-top:12px}.subtitle-container{margin-top:16px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.subtitle-info{margin-top:8px;margin-bottom:8px;padding:6px 10px;background:#eff6ff;border-radius:4px;color:#1e40af;font-size:13px}.subtitle-text{margin-top:8px;padding:12px;background:#fff;border-radius:6px;min-height:60px;max-height:200px;overflow-y:auto;font-size:16px;line-height:1.6;color:#111827;white-space:pre-wrap;word-wrap:break-word}.subtitle-placeholder{color:var(--muted);font-style:italic}.subtitle-warning{margin-top:12px;padding:8px;background:#fef3c7;border-radius:6px;color:#92400e}.api-status{margin-top:8px;padding:8px;border-radius:6px;font-size:14px}.api-status.loading{background:#dbeafe;color:#1e40af}.api-status.success{background:#d1fae5;color:#065f46}.api-status.error{background:#fee2e2;color:#991b1b}.api-response-container{margin-top:16px;padding:12px;background:#eff6ff;border-radius:6px;border:1px solid #bfdbfe}.api-response-content{margin-top:8px;padding:12px;background:#fff;border-radius:6px;max-height:300px;overflow-y:auto;font-size:14px;line-height:1.5;color:#111827}.api-response-content pre{margin:0;font-family:Courier New,Courier,monospace;white-space:pre-wrap;word-wrap:break-word}.transcript-recap-container{margin-top:16px;padding:16px;background:#f0fdf4;border-radius:8px;border:1px solid #86efac}.transcript-recap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.transcript-count{padding:4px 12px;background:#10b981;color:#fff;border-radius:12px;font-size:14px;font-weight:700}.btn.csv-download{background:#10b981;color:#fff;width:100%;margin-top:8px}.playback{margin-top:12px}.note{margin-top:12px;color:var(--muted)}