:root{--accent-rgb:77, 107, 254;--accent:rgb(var(--accent-rgb));--accent-dark:#3a56d9;--accent-light:#8a96ff;--accent-hover:#7b8fff;--poe1-rgb:255, 159, 64;--poe1:#ffb26b;--poe2:var(--accent-light);--violet-rgb:139, 92, 246;--violet:#a78bfa;--ok-rgb:16, 185, 129;--ok:#10b981;--ok-text:#34d399;--danger-rgb:248, 113, 113;--danger:#f87171;--warn-rgb:245, 158, 11;--warn:#fbbf24;--text-strong:#f3f4f6;--text:#e5e7eb;--text-soft:#d1d5db;--text-muted:#9ca3af;--text-dim:#6b7280;--white-rgb:255, 255, 255;--bg-card:#2d2d3099;--bg-header:#252526cc;--bg-input:#1e1e1ecc;--bg-hover:#3e3e4266;--border:rgba(var(--white-rgb), .1);--border-soft:rgba(var(--white-rgb), .08);--border-faint:rgba(var(--white-rgb), .04);--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:10px;--r-2xl:12px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:22px;--fs-hero:44px;--ease:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--dur:.2s;--dur-slow:.4s}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(button):active{transform:scale(.97)}.spinner{border:2px solid rgba(var(--white-rgb), .1);border-top-color:var(--accent);border-radius:50%;animation:.8s linear infinite spin}.spinner-sm{width:14px;height:14px}.spinner-md{width:20px;height:20px}.spinner-lg{border-width:2.5px;width:24px;height:24px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-dim);font-size:var(--fs-base);padding:40px 20px}.loading-state{justify-content:center;align-items:center;gap:var(--sp-3);color:var(--text-muted);font-size:var(--fs-md);padding:60px 20px;display:flex}.badge{font-size:var(--fs-xs);border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.5px;padding:3px 6px;font-weight:600}.badge-poe1{background:rgba(var(--poe1-rgb), .15);color:var(--poe1);border:1px solid rgba(var(--poe1-rgb), .2)}.badge-poe2{background:rgba(var(--accent-rgb), .15);color:var(--accent-light);border:1px solid rgba(var(--accent-rgb), .2)}body{position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20%,#4c56fa26 0%,#0000 50%),radial-gradient(circle at 80% 80%,#00ffa31a 0%,#0000 50%);animation:8s infinite pulseGlow;position:fixed;inset:0}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}