:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1e1e1e;--bg-code:#0d0d0d;--bg-inset:#060606;--fg-primary:#ededed;--fg-secondary:#888;--fg-tertiary:#777;--fg-quaternary:#333;--accent:#3b4dd9;--accent-hover:#7c8bff;--accent-press:#2a39b5;--accent-subtle:#3b4dd91f;--accent-line:#3b4dd947;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--success-subtle:#10b9811a;--warning-subtle:#f59e0b1a;--error-subtle:#ef44441a;--syntax-string:#10b981;--syntax-keyword:#7c8bff;--syntax-comment:#555;--syntax-number:#f59e0b;--syntax-fn:#ededed;--syntax-punct:#888;--strata-1:#3b4dd9eb;--strata-2:#3b4dd9a8;--strata-3:#3b4dd970;--strata-4:#3b4dd93d;--strata-5:#3b4dd91a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Monaco, "Cascadia Mono", Consolas, monospace;--text-display:56px;--text-h1:40px;--text-h2:28px;--text-h3:20px;--text-h4:17px;--text-body:15px;--text-small:13px;--text-code:14px;--text-label:11px;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--lh-tight:1.15;--lh-snug:1.35;--lh-body:1.6;--lh-loose:1.8;--track-tight:-.02em;--track-snug:-.01em;--track-normal:0;--track-wide:.08em;--track-wider:.14em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:12px;--r-2xl:16px;--r-full:9999px;--border-hairline:1px solid var(--bg-tertiary);--border-strong:1px solid #2a2a2a;--border-accent:1px solid var(--accent);--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 32px #00000073;--shadow-xl:0 24px 64px #0000008c;--glow-accent:0 0 0 1px var(--accent), 0 0 24px #3b4dd966;--glow-accent-sm:0 0 0 1px var(--accent), 0 0 8px #3b4dd952;--ring-focus:0 0 0 2px var(--bg-primary), 0 0 0 4px var(--accent);--dur-fast:.1s;--dur-base:.16s;--dur-slow:.24s;--dur-deep:.4s;--dur-strata:.8s;--dur-arrive:.42s;--dur-entrance:.6s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-out-expo:cubic-bezier(.23, 1, .32, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-settle:cubic-bezier(.22, .68, 0, 1);--ease-linear:linear;--ease-bounce:linear(0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391, .473, .563, .66, .764, .875, .992, 1.105, 1.138, 1.148, 1.138, 1.11, 1.068, 1.015, .96, .94, .938, .95, .967, .985, .998, 1.004, 1.005, 1.003, 1.001, 1);--glass-bg:#141414d9;--glass-bg-hover:#181818e6;--glass-border:#ffffff0f;--glass-border-hover:#ffffff1a;--glass-blur:blur(12px) saturate(1.4);--glass-shadow:0 8px 32px #0006, inset 0 1px 0 #ffffff0d;--glass-shadow-hover:0 12px 40px #00000080, inset 0 1px 0 #ffffff14, 0 0 16px #3b4dd914;--text-emboss:0 1px 2px #0009, 0 0 40px #3b4dd914}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}html,body{background:var(--bg-primary);color:var(--fg-primary);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--w-regular);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}::selection{background:var(--accent-subtle);color:var(--fg-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fg-tertiary)}button{cursor:pointer;-webkit-user-select:none;user-select:none}:focus-visible{box-shadow:var(--ring-focus);outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--r-md);outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hover-lift{transition:transform var(--dur-base) var(--ease-out-expo), box-shadow var(--dur-base) var(--ease-out-expo)}.hover-lift:hover{transform:translateY(-1px)}.transition-colors{transition:color var(--dur-base) var(--ease-out-expo), background-color var(--dur-base) var(--ease-out-expo), border-color var(--dur-base) var(--ease-out-expo)}@keyframes memoryDrop{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes eventArrive{0%{opacity:0;transform:translate(16px)}40%{opacity:1;transform:translate(-2px)}60%{transform:translate(1px)}to{opacity:1;transform:translate(0)}}@keyframes eventGlow{0%{box-shadow:inset 2px 0 0 var(--accent), 0 0 12px #3b4dd926}to{box-shadow:inset 2px 0 #0000,0 0 #0000}}@keyframes strataBreathe{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.003)}}@keyframes thinkingScan{0%{opacity:.4;background-position:0 0}50%{opacity:.8}to{opacity:.4;background-position:0 100%}}@keyframes thinkingPulse{0%,to{opacity:.5;transform:scaleX(.3)}50%{opacity:1;transform:scaleX(1)}}@keyframes strataSettle{0%{opacity:0;transform:translateY(-20px)scaleY(.85)}60%{opacity:1;transform:translateY(3px)scaleY(1.02)}80%{transform:translateY(-1px)scaleY(.99)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes answerMaterialize{0%{opacity:0;filter:blur(4px);transform:translateY(8px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes depthPulse{0%,to{box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #00000026,0 4px #1e2b8a,0 5px #161f6b,0 6px 4px #0003,0 10px 10px #00000026,0 6px 24px #3b4dd940}50%{box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #00000026,0 4px #1e2b8a,0 5px #161f6b,0 6px 4px #0003,0 10px 10px #00000026,0 6px 32px #3b4dd973}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.5}}.live-dot{animation:2s ease-in-out infinite livePulse}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);border-radius:var(--r-md);background-size:200px 100%;animation:1.5s ease-in-out infinite shimmer}.empty-state{padding:var(--s-12) var(--s-8);text-align:center;color:var(--fg-tertiary);font-family:var(--font-sans);font-size:var(--text-small);justify-content:center;align-items:center;gap:var(--s-3);flex-direction:column;display:flex}@media (width<=1024px){.grid-2{grid-template-columns:1fr!important}.grid-3{grid-template-columns:1fr 1fr!important}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr!important}}@property --glow-opacity{syntax:"<number>";inherits:false;initial-value:0}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --shimmer-x{syntax:"<percentage>";inherits:false;initial-value:-100%}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{--glow-opacity:.15}50%{--glow-opacity:.35}}@keyframes gradientRotate{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}@keyframes tooltipEnter{0%{opacity:0;transform:translate(-50%)translateY(2px)}to{opacity:1;transform:translate(-50%)translateY(-4px)}}@keyframes eventRowEnter{0%{opacity:0;transform:translate(12px)}50%{transform:translate(-1px)}to{opacity:1;transform:translate(0)}}@keyframes answerReveal{0%{opacity:0;filter:blur(4px);transform:translateY(8px)scale(.985)}60%{opacity:1;filter:blur()}80%{transform:translateY(-1px)scale(1.002)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes loaderPulse{0%,to{opacity:.4;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}.footer-link{transition:color var(--dur-base) var(--ease-out-expo), transform var(--dur-base) var(--ease-out-expo);display:inline-block}.footer-link:hover{transform:translate(2px);color:var(--fg-primary)!important}.event-row-realtime{border-left:2px solid var(--accent-hover)}.event-row-24h{border-left:2px solid #3b4dd966}.event-row-7d{border-left:2px solid #3b4dd92e}.event-row-hover{transition:background var(--dur-fast) var(--ease-out-expo), transform var(--dur-fast) var(--ease-out-expo)}.event-row-hover:hover{background:#ffffff05}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:background var(--dur-base) var(--ease-out-expo), border-color var(--dur-base) var(--ease-out-expo), box-shadow var(--dur-slow) var(--ease-out-expo)}.glass-panel:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}