:root{--bg: #0a0e14;--bg-2: #070a0f;--panel: #111722;--panel-2: #0d1520;--border: #1e2a3a;--border-2: #2a3a4a;--text: #cdd9e5;--text-2: #f0f6fc;--muted: #6b8296;--blue: #58a6ff;--blue-2: #1f6feb;--green: #00e676;--green-dk: #238636;--red: #ff5252;--red-dk: #5c1a1a;--gold: #ffd700;--amber: #b99a4a;--purple: #bc8cff;--e1: 0 1px 2px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .35);--e2: 0 2px 4px rgba(0, 0, 0, .55), 0 10px 28px rgba(0, 0, 0, .45);--e3: 0 4px 8px rgba(0, 0, 0, .6), 0 22px 56px rgba(0, 0, 0, .55);--rim: inset 0 1px 0 rgba(255, 255, 255, .07);--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","tnum";background:radial-gradient(1200px 600px at 18% -10%,rgba(31,111,235,.16),transparent 60%),radial-gradient(900px 500px at 105% 0%,rgba(188,140,255,.1),transparent 55%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(88,166,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(88,166,255,.032) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 10%,transparent 78%);mask-image:radial-gradient(circle at 50% 30%,#000 10%,transparent 78%)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1c2836;border:2px solid transparent;background-clip:content-box;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#2a3a4a;background-clip:content-box}.panel3d{position:relative;border-radius:var(--radius);background:linear-gradient(168deg,#16202e 0%,var(--panel) 46%,#0c131d 100%);box-shadow:var(--e2),var(--rim);isolation:isolate}.panel3d:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,#ffffff29,#ffffff08 34%,#00000080);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:2}.tilt-stage{perspective:1100px;perspective-origin:50% 50%;min-width:0}.tilt{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transform-style:preserve-3d;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s cubic-bezier(.22,1,.36,1);will-change:transform}.tilt.is-live{transition:box-shadow .38s cubic-bezier(.22,1,.36,1);box-shadow:var(--e3),var(--rim)}.tilt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(88,166,255,.13),transparent 42%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.tilt.is-live:after{opacity:1}.layer-1{transform:translateZ(18px)}.layer-2{transform:translateZ(38px)}@media (prefers-reduced-motion: reduce){.tilt,.tilt.is-live{transform:none!important;transition:none}.tilt:after{display:none}}.tile3d{position:relative;border-radius:11px;padding:11px 13px;background:linear-gradient(180deg,#131c28,#0b1119);border:1px solid var(--border);box-shadow:0 1px #ffffff0d inset,0 -2px #00000080 inset,0 2px 6px #00000073}.mono{font-family:JetBrains Mono,SF Mono,ui-monospace,Cascadia Mono,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.up{color:var(--green)}.down{color:var(--red)}.flat{color:var(--muted)}.glow-green{text-shadow:0 0 22px rgba(0,230,118,.45)}.glow-red{text-shadow:0 0 22px rgba(255,82,82,.4)}@keyframes oe-pulse{0%{box-shadow:0 0 #00e6768c}70%{box-shadow:0 0 0 7px #00e67600}to{box-shadow:0 0 #00e67600}}.dot-live{width:8px;height:8px;border-radius:50%;background:var(--green);animation:oe-pulse 2s infinite;flex:0 0 8px}.dot-off{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:0 0 8px}.neon-green{color:#4bff9f;font-weight:900;letter-spacing:-.01em;text-shadow:0 0 4px rgba(75,255,159,.9),0 0 12px rgba(0,230,118,.65),0 0 26px rgba(0,230,118,.35)}.neon-amber{color:#ffc861;font-weight:900;letter-spacing:-.01em;text-shadow:0 0 4px rgba(255,200,97,.9),0 0 12px rgba(255,170,30,.6),0 0 26px rgba(255,170,30,.3)}@media (prefers-reduced-motion: reduce){.neon-green,.neon-amber{text-shadow:none}}.chip3d{position:relative;border-radius:10px;padding:9px 15px;font-size:.78rem;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;color:var(--text);background:linear-gradient(180deg,#16202e,#0d141d);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff14,0 2px 5px #00000073,0 5px 14px #0000004d;transform:translateY(0);transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s ease,background .16s ease,color .16s ease}.chip3d:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,0 4px 8px #00000080,0 10px 22px #00000061;border-color:var(--border-2)}.chip3d.is-on{color:#04121f;background:linear-gradient(180deg,#7fe3a6,#00c964);border-color:transparent;transform:translateY(1px);box-shadow:inset 0 2px 5px #003c1980,inset 0 -1px #fff6,0 0 16px #00e67659}.chip3d.is-off{opacity:.42;cursor:not-allowed}.chip3d.is-off:hover{transform:none}.chip3d .sub{margin-left:6px;font-size:.64rem;opacity:.72;font-family:JetBrains Mono,ui-monospace,monospace}@keyframes oe-sheen{0%{background-position:-180% 0}to{background-position:280% 0}}.running-sheen{position:relative;overflow:hidden}.running-sheen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgba(88,166,255,.14) 45%,rgba(188,140,255,.12) 55%,transparent 80%);background-size:220% 100%;animation:oe-sheen 2.1s linear infinite}@media (prefers-reduced-motion: reduce){.running-sheen:after{animation:none;opacity:.3}.chip3d{transition:none}}.rail{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px}.rail::-webkit-scrollbar{display:none}