:root{--bg-page:#f8f8f8;--bg-white:#fff;--bg-hover:#fafafa;--bg-muted:#f3f3f3;--bg-input:#f5f5f5;--border:#e8e8e8;--border-light:#f0f0f0;--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#999;--text-light:#bbb;--accent:#1a1a1a;--accent-warm:#e8833a;--accent-warm-light:#f5a623;--accent-warm-bg:#fef6ee;--accent-green:#22c55e;--accent-green-bg:#f0fdf4;--accent-red:#ef4444;--accent-red-bg:#fef2f2;--accent-blue:#3b82f6;--accent-blue-bg:#eff6ff;--accent-purple:#8b5cf6;--accent-purple-bg:#f5f3ff;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #00000005;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}::selection{background:#e8833a26}@keyframes pulse-ring{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.8)}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes wave-bar{0%,to{height:3px}50%{height:18px}}@keyframes hero-bar-idle{0%,to{opacity:.85;transform:scaleY(.92)}50%{opacity:1;transform:scaleY(1)}}@keyframes hero-bar-wave{0%,to{transform:scaleY(.28)}35%{transform:scaleY(.95)}65%{transform:scaleY(.55)}}.hero-bars-track{flex:1;align-self:stretch;align-items:flex-end;min-height:1px;display:flex}.hero-bars-fill{transform-origin:bottom;backface-visibility:hidden;border-radius:3px 3px 0 0;width:100%;transition:background .2s}.hero-bars-fill--idle{animation:3.2s ease-in-out infinite hero-bar-idle}.hero-bars-fill--wave{animation:.85s ease-in-out infinite hero-bar-wave}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes live-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.92)}}