*{box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--accent-color: #3b82f6;--accent-hover: #2563eb;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-primary: #0b1020;--bg-secondary: #131a2e;--bg-tertiary: #0f162b;--text-primary: #e9eef6;--text-secondary: #9fb0d3;--text-muted: #64748b;--border-color: #223056;--border-hover: #334155;--accent-color: #3b82f6;--accent-hover: #2563eb;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.container{max-width:920px;margin:0 auto;padding:24px}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:16px;transition:background-color .3s ease,border-color .3s ease}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}button{background:var(--accent-color);color:#fff;border:0;padding:10px 14px;border-radius:8px;cursor:pointer;transition:background-color .3s ease}button:hover:not([disabled]){background:var(--accent-hover)}button[disabled]{opacity:.6;cursor:not-allowed}input,textarea{width:100%;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.note-title{font-weight:600;font-size:16px}small.mono{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.summary-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin:16px 0;overflow:hidden;transition:all .3s ease}.summary-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .3s ease}.summary-header:hover{background:var(--bg-tertiary)}.summary-content{padding:12px;background:var(--bg-tertiary)}.collapse-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:12px;transition:all .3s ease}.collapse-btn:hover{background:var(--border-color);color:var(--text-primary)}.theme-toggle{position:fixed;top:20px;right:20px;z-index:1000;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);width:48px;height:48px;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;padding:0}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-hover);transform:scale(1.05)}.recording-card{border-color:var(--error-color);box-shadow:0 0 0 2px #ef444433,0 8px 24px #ef444440}.recording-row{display:flex;align-items:center;gap:10px;margin-top:8px}.pulse-dot{width:12px;height:12px;background:var(--error-color);border-radius:50%;box-shadow:0 0 12px #ef4444e6;position:relative}.pulse-dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(239,68,68,.5);animation:pulse 1.4s ease-out infinite}@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}.waveform{display:flex;align-items:flex-end;gap:3px;height:18px}.wave-bar{width:3px;background:var(--error-color);border-radius:2px;animation:wave 1.1s ease-in-out infinite}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{height:4px;opacity:.7}50%{height:18px;opacity:1}}