:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-inverse: #ffffff;--text-placeholder: #94a3b8;--ui-primary: #3b82f6;--ui-secondary: #6366f1;--ui-accent: #f59e0b;--ui-border: #e2e8f0;--ui-divider: #f1f5f9;--ui-hover: #f8fafc;--ui-active: #e2e8f0;--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #0f172a;--text-placeholder: #475569;--ui-primary: #60a5fa;--ui-secondary: #818cf8;--ui-accent: #fbbf24;--ui-border: #334155;--ui-divider: #1e293b;--ui-hover: #334155;--ui-active: #475569;--status-success: #34d399;--status-warning: #fbbf24;--status-error: #f87171;--status-info: #60a5fa}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.card{background-color:var(--bg-card);border:1px solid var(--ui-border);border-radius:8px;padding:16px}.button-primary{background-color:var(--ui-primary);color:var(--text-inverse);border:none;border-radius:6px;padding:8px 16px;transition:background-color .2s ease}.button-primary:hover{background-color:color-mix(in srgb,var(--ui-primary) 90%,black)}.input-field{background-color:var(--bg-card);border:1px solid var(--ui-border);color:var(--text-primary);border-radius:6px;padding:8px 12px}.input-field::placeholder{color:var(--text-placeholder)}.metric-card{background:var(--bg-card);border:1px solid var(--ui-border);border-radius:12px;padding:20px}.trend-line{stroke:var(--ui-primary)}.funnel-segment-1{fill:var(--ui-primary)}.funnel-segment-2{fill:var(--ui-secondary)}.funnel-segment-3{fill:#8b5cf6}.keyword-table{background:var(--bg-card);border:1px solid var(--ui-border)}.keyword-table-header{background:var(--bg-secondary);color:var(--text-primary)}.keyword-table-row:nth-child(2n){background:var(--bg-secondary)}.keyword-table-row:hover{background:var(--ui-hover)}.volume-high{color:var(--status-error)}.volume-medium{color:var(--status-warning)}.volume-low{color:var(--status-success)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 2s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 3s linear infinite}.animate-spin-reverse{animation:spin-reverse 2s linear infinite}.animate-slide-up{animation:slide-up .4s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .4s ease-out forwards}.animate-gradient{animation:gradient 3s ease infinite}.shimmer-animation{animation:shimmer 2s infinite}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:8px}.progressive-reveal{animation:slide-up .5s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb{background:#ff45004d;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#ff450080}::-webkit-scrollbar-thumb:active{background:#ff4500b3}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-tertiary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ff450066}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ff450099}*{scroll-behavior:smooth}