:root{--bg: #0f172a;--surface: #1e293b;--surface-sunken: #0b1220;--border: #334155;--border-strong: #64748b;--text: #f8fafc;--text-body: #e2e8f0;--text-muted: #94a3b8;--text-dim: #88a0b8;--text-faint: #7e93ab;--placeholder: #64748b;--accent: #7dd3fc;--accent-strong: #38bdf8;--warn: #fbbf24;--success: #16a34a;--danger: #dc2626;--danger-text: #fca5a5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text-body);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skipLink{position:absolute;left:-9999px;top:0;z-index:100;background:var(--accent);color:var(--bg);padding:var(--space-2) var(--space-4);border-radius:0 0 var(--radius-sm) 0;font-weight:600;font-size:14px}.skipLink:focus{left:0}.nav{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;padding-top:env(safe-area-inset-top)}.navInner{max-width:720px;margin:0 auto;padding:var(--space-3) var(--space-4);padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right));display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.navBrand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:17px;color:var(--text);text-decoration:none}.navLinks{display:flex;gap:var(--space-4);flex:1}.navLink{color:var(--text-muted);text-decoration:none;font-size:14px;padding:var(--space-1) 0;border-bottom:2px solid transparent}.navLink:hover{color:var(--text-body)}.navLinkActive{color:var(--text);border-bottom-color:var(--accent)}.navUser{display:flex;align-items:center;gap:var(--space-3)}.navUserName{color:var(--text-muted);font-size:13px}.navLogout{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-pill);padding:4px 12px;font-size:12px;cursor:pointer}.navLogout:hover{border-color:var(--border-strong);color:var(--text-body)}.container{min-height:100%;background-color:var(--bg);display:flex;flex-direction:column;align-items:center;padding:var(--space-6);padding-bottom:max(var(--space-6),env(safe-area-inset-bottom));padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right));gap:var(--space-3)}.containerWide{align-items:stretch;max-width:720px;margin:0 auto;width:100%}.title{color:var(--text);font-size:32px;font-weight:700;letter-spacing:.5px;margin:0}.subtitle{color:var(--text-muted);font-size:14px;margin:0 0 var(--space-6)}.card{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;width:100%;max-width:360px;gap:var(--space-2);box-shadow:0 20px 50px -20px #0009}@media(min-width:640px){.container:not(.containerWide) .card{max-width:480px;padding:var(--space-8)}.title{font-size:40px}}.cardLabel{color:var(--text-dim);font-size:11px;letter-spacing:2px}.timer{color:var(--text);font-size:48px;font-variant-numeric:tabular-nums}.status{color:var(--text-muted);font-size:13px;margin-bottom:var(--space-3);display:flex;align-items:center;gap:6px}.recordingDot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.recordingDot{animation:none}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.statsText{color:var(--accent);font-size:12px;word-break:break-all;text-align:center}.bytesText{color:var(--text-dim);font-size:12px;margin-bottom:var(--space-2)}.transcriptBox{align-self:stretch;background-color:var(--surface-sunken);border-radius:var(--radius-md);padding:var(--space-2);max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.partialText{color:var(--accent);font-size:12px;font-style:italic}.segmentText{color:var(--text-body);font-size:12px;line-height:16px}.segmentTime{color:var(--text-faint);font-size:10px}.speakerBadge{color:var(--warn);font-size:11px;font-weight:700;margin-right:6px;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.summaryBox{align-self:stretch;background-color:var(--surface-sunken);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:6px}.summaryTitle{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.hintInline{color:var(--text-dim);font-size:11px;font-weight:400;letter-spacing:normal;text-transform:none}.emptyText{color:var(--text-dim);font-size:12px;line-height:18px;font-style:italic}.summaryText{color:var(--text-body);font-size:13px;line-height:18px}.actionItem{color:#cbd5e1;font-size:12px;line-height:18px}.regenerateButton{margin-top:6px;align-self:flex-start;border-radius:var(--radius-pill);border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;padding:6px 14px;cursor:pointer}.regenerateButton:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-body)}.regenerateButton:disabled{opacity:.5;cursor:default}.participantRow{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);width:100%}.participantInput{flex:1;background-color:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-body);padding:6px 10px;font-size:13px;min-width:0}.participantInput::placeholder{color:var(--placeholder)}.participantRole{flex:.8}.hint{color:var(--text-dim);font-size:11px;margin-top:2px}.exportRow{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.exportName{color:var(--text-dim);font-size:11px;margin-top:6px}.exportPreview{color:#cbd5e1;font-size:11px;line-height:15px;font-family:Menlo,Consolas,monospace;margin-top:2px;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto}.button{border-radius:var(--radius-pill);padding:14px 48px;width:100%;text-align:center;border:none;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:filter .15s ease;text-decoration:none;display:inline-block}.buttonStart{background-color:var(--success)}.buttonStop,.buttonDanger{background-color:var(--danger)}.button:hover:not(:disabled){filter:brightness(1.08)}.button:disabled{opacity:.5;cursor:default}.error{color:var(--danger-text);font-size:12px;text-align:center;margin-top:var(--space-2)}.api{color:var(--text-faint);font-size:12px;margin-top:var(--space-6)}.footer{color:var(--text-faint);font-size:12px}.authScreen{min-height:100%;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:var(--space-6);padding-top:max(var(--space-6),env(safe-area-inset-top));padding-bottom:max(var(--space-6),env(safe-area-inset-bottom));padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right))}.authCard{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-8);width:100%;max-width:380px;box-shadow:0 20px 50px -20px #0009}.authBrand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.authTitle{font-size:26px}.authForm{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-4)}.authLabel{color:var(--text-muted);font-size:13px;margin-top:var(--space-3)}.authInput{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-body);padding:10px 12px;font-size:14px;width:100%}.authInput:focus-visible{border-color:var(--accent)}.authForm .button{margin-top:var(--space-6)}.authLink{display:inline-block;color:var(--accent);font-size:13px;text-decoration:none;margin-top:var(--space-4)}.authLink:hover{text-decoration:underline}.authFootnote{margin-top:var(--space-6);line-height:1.5}.sessionList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.sessionRow{background:var(--surface);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.sessionRowMain{flex:1;min-width:0;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:4px;padding:var(--space-2) 0}.sessionRowTop{display:flex;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.sessionRowDate{color:var(--text-body);font-size:13px}.sessionRowStatus{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.sessionRowStatus--stopped{color:var(--success)}.sessionRowStatus--recording{color:var(--danger-text)}.sessionRowStatus--processing{color:var(--warn)}.sessionRowStatus--failed{color:var(--danger-text)}.sessionRowSummary{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessionRowDelete{background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-pill);padding:4px 12px;font-size:12px;cursor:pointer;flex-shrink:0}.sessionRowDelete:hover{border-color:var(--danger);color:var(--danger-text)}.sessionsEmptyCta{margin-top:var(--space-4);width:auto;padding:10px 24px}@media(max-width:480px){.sessionRow{flex-wrap:wrap}}.tagline{text-align:center;max-width:280px}.audioPlayer{width:100%;height:32px;margin-top:4px;filter:invert(.9) hue-rotate(180deg);border-radius:var(--radius-sm)}.dialogBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:100}.dialogCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:340px;box-shadow:0 20px 50px -20px #0009}.dialogTitle{color:var(--text);font-size:17px;font-weight:600;margin-bottom:var(--space-2)}.dialogMessage{color:var(--text-muted);font-size:13.5px;line-height:1.5;margin:0 0 var(--space-6)}.dialogActions{display:flex;justify-content:flex-end;gap:var(--space-2)}.dialogConfirm{width:auto;padding:10px 20px;font-size:14px}@media(min-width:900px){body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0a0b0d}#root{position:relative;width:412px;height:890px;max-height:94vh;overflow-y:auto;overflow-x:hidden;border-radius:48px;border:12px solid #050506;box-shadow:0 50px 100px -20px #000000b3,0 0 0 2px #1c1d1f}#root:before{content:"";position:sticky;top:0;display:block;width:108px;height:24px;margin:0 auto;background:#050506;border-radius:0 0 14px 14px;z-index:100}.dialogBackdrop{position:absolute}}