*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text)}:root{--bg: #FFFFFF;--bg-grad: linear-gradient(160deg, #F8FAFF 0%, #FFFFFF 60%, #F5F8FF 100%);--surface: #FFFFFF;--card: #FFFFFF;--card-hover: #F5F8FF;--elevated: #F0F4FF;--border: rgba(37,99,235,.1);--border-bright: rgba(37,99,235,.22);--text: #0F172A;--text-sec: #475569;--text-muted: #94A3B8;--accent: #2563EB;--accent-bright: #3B82F6;--accent-bg: rgba(37,99,235,.06);--accent-border: rgba(37,99,235,.18);--accent-glow: rgba(37,99,235,.12);--success: #059669;--success-bg: rgba(5,150,105,.07);--success-border: rgba(5,150,105,.18);--warning: #D97706;--warning-bg: rgba(217,119,6,.07);--warning-border: rgba(217,119,6,.18);--danger: #DC2626;--danger-bg: rgba(220,38,38,.07);--danger-border: rgba(220,38,38,.18);--live: #DC2626;--overlay: rgba(15,23,42,.25);--topbar: rgba(255,255,255,.92);--shadow-card: 0 0 0 1px rgba(37,99,235,.08), 0 4px 24px rgba(37,99,235,.08), 0 1px 4px rgba(0,0,0,.04);--shadow-glow: 0 0 32px rgba(37,99,235,.14);--shadow-live: 0 0 14px rgba(220,38,38,.28)}:root.dark{--bg: #060A12;--bg-grad: linear-gradient(160deg, #070C18 0%, #060A12 60%, #080C16 100%);--surface: #0D1117;--card: #111827;--card-hover: #141E2E;--elevated: #1A2236;--border: #1E2A3D;--border-bright: #2D3F58;--text: #F1F5F9;--text-sec: #94A3B8;--text-muted: #4B6282;--accent: #3B82F6;--accent-bright: #60A5FA;--accent-bg: rgba(59,130,246,.1);--accent-border: rgba(59,130,246,.25);--accent-glow: rgba(59,130,246,.18);--success: #10B981;--success-bg: rgba(16,185,129,.1);--success-border: rgba(16,185,129,.25);--warning: #F59E0B;--warning-bg: rgba(245,158,11,.1);--warning-border: rgba(245,158,11,.25);--danger: #EF4444;--danger-bg: rgba(239,68,68,.1);--danger-border: rgba(239,68,68,.25);--live: #EF4444;--overlay: rgba(0,0,0,.55);--topbar: rgba(6,10,18,.85);--shadow-card: 0 4px 20px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4);--shadow-glow: 0 0 24px rgba(59,130,246,.18);--shadow-live: 0 0 14px rgba(239,68,68,.45)}html.switching *{transition:background-color .22s ease,border-color .22s ease,color .18s ease,box-shadow .22s ease!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808033;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#80808059}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes bubbleIn{0%{opacity:0;transform:scale(.94) translateY(10px)}60%{transform:scale(1.01) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rippleLive{0%{transform:scale(1);opacity:.6}to{transform:scale(2.4);opacity:0}}@keyframes glowPulseDark{0%,to{opacity:1;box-shadow:0 0 8px #ef444480}50%{opacity:.8;box-shadow:0 0 20px #ef4444e6,0 0 40px #ef44444d}}@keyframes glowPulseLight{0%,to{opacity:1;box-shadow:0 0 5px #dc262666}50%{opacity:.85;box-shadow:0 0 12px #dc2626b3}}@keyframes typing{0%,to{opacity:1}50%{opacity:0}}@keyframes progressFill{0%{width:0}}@keyframes spinToggle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .35s cubic-bezier(.16,1,.3,1) both}.fade-in{animation:fadeIn .25s ease both}.slide-right{animation:slideInRight .3s cubic-bezier(.16,1,.3,1) both}.slide-left{animation:slideInLeft .3s cubic-bezier(.16,1,.3,1) both}.bubble-in{animation:bubbleIn .28s cubic-bezier(.16,1,.3,1) both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}.stagger-11{animation-delay:.55s}.stagger-12{animation-delay:.6s}button,input{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.01em;border-radius:8px;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .15s ease}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;padding:9px 18px;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent),0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent),0 4px 16px color-mix(in srgb,var(--accent) 40%,transparent)}.btn-ghost{background:transparent;color:var(--text-muted);padding:8px 12px}.btn-ghost:hover:not(:disabled){background:#8080801a;color:var(--text)}.btn-danger{background:var(--danger-bg);color:var(--danger);padding:8px 14px;border:1px solid var(--danger-border)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{font-size:12px;padding:5px 11px;border-radius:6px}.live-dot{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--live);flex-shrink:0}.live-dot:before,.live-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--live)}.live-dot:before{animation:rippleLive 1.8s ease-out 0s infinite}.live-dot:after{animation:rippleLive 1.8s ease-out .6s infinite}.typing-cursor{display:inline-block;width:2px;height:14px;background:var(--text-muted);margin-left:3px;vertical-align:middle;border-radius:1px;animation:typing .8s ease-in-out infinite}.progress-bar-inner{animation:progressFill 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.3s}.row-item{transition:background .15s ease}.row-item:hover{background:#8080800d!important}.theme-icon-spin{animation:spinToggle .4s ease}@keyframes orbit-ring{0%{transform:scale(.85);opacity:.6}to{transform:scale(2.8);opacity:0}}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes bar-wave{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(59,130,246,.4);animation:orbit-ring 2.8s ease-out infinite;pointer-events:none}.orb-ring-2{animation-delay:.93s}.orb-ring-3{animation-delay:1.86s}.orb-breathe{animation:orb-breathe 3.2s ease-in-out infinite}.wave-bar{width:3px;border-radius:2px;background:#ffffffe6;transform-origin:bottom;animation:bar-wave .65s ease-in-out infinite}.wave-bar:nth-child(1){animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.15s}.wave-bar:nth-child(5){animation-delay:.05s}.wave-bar:nth-child(6){animation-delay:.25s}.wave-bar:nth-child(7){animation-delay:.1s}@keyframes pulse-dot-idle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.85}}@keyframes pulse-dot-ring{0%{transform:scale(.9);opacity:.5}to{transform:scale(2.6);opacity:0}}@keyframes pulse-dot-active{0%,to{transform:scale(1);box-shadow:0 0 #3b82f680}50%{transform:scale(1.08);box-shadow:0 0 0 12px #3b82f600}}@keyframes artifact-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pulse-dot-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(59,130,246,.35);animation:pulse-dot-ring 2.2s ease-out infinite;pointer-events:none}.pulse-dot-ring-2{animation-delay:.73s}.pulse-dot-ring-3{animation-delay:1.46s}.artifact-notify{animation:artifact-slide-in .4s cubic-bezier(.16,1,.3,1) both}