@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--bg-glass:#141423bf;--bg-glass-hover:#1e1e32d9;--border-glass:#ffffff14;--border-glass-hover:#ffffff26;--text-primary:#f0f0f5;--text-secondary:#9898b0;--text-muted:#5a5a75;--accent-blue:#4f8cff;--accent-purple:#a855f7;--accent-pink:#ec4899;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-cyan:#06b6d4;--gradient-primary:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));--gradient-recording:linear-gradient(135deg, var(--accent-red), var(--accent-pink));--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-blue:0 0 20px #4f8cff4d;--shadow-glow-red:0 0 20px #ef444466;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}input,select{outline:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);border:1px solid var(--border-glass);z-index:1000;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toolbarSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes recording-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}button:focus-visible,input:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}