:root{--bg: #030305;--panel-bg: rgba(8, 9, 14, .65);--panel-border: rgba(255, 255, 255, .08);--glass-shine: rgba(255, 255, 255, .03);--text: #e2e2ff;--sub: #8a8b9e;--accent: #7fa9ff;--accent-dim: rgba(127, 169, 255, .1);--accent-glow: rgba(127, 169, 255, .4);--good: #7dffae;--warn: #ffb77c;--bad: #ff8a80;--gold: #ffd700;--backdrop-blur: 16px}body{background-color:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow:hidden;margin:0;padding:0;font-feature-settings:"ss01","ss02","cv01","cv02";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.font-mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.glass-panel{background:linear-gradient(180deg,#0d0e16d9,#08080cf2);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border-left:1px solid var(--panel-border);box-shadow:-10px 0 50px #000c;will-change:transform;transform:translateZ(0)}.glass-card{background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0003;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden;transform:translateZ(0)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.glass-card:hover{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border-color:#ffffff1a;transform:translateY(-1px);box-shadow:0 8px 30px #0000004d}.glass-card:hover:before{opacity:1}.holo-btn{position:relative;background:#14192866;border:1px solid rgba(127,169,255,.15);color:var(--sub);overflow:hidden;transition:all .2s cubic-bezier(.25,.8,.25,1)}.holo-btn:hover{background:#7fa9ff1a;border-color:var(--accent);color:#fff;box-shadow:0 0 15px var(--accent-dim);text-shadow:0 0 8px var(--accent)}.holo-btn:active{transform:scale(.98)}.holo-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom,transparent 49%,rgba(127,169,255,.05) 50%,transparent 51%);background-size:100% 4px;animation:scanline 4s linear infinite;opacity:0;transition:opacity .3s;pointer-events:none;will-change:transform}.holo-btn:hover:after{opacity:1}.holo-btn[aria-pressed=true]{background:#7fa9ff26;border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 10px #7fa9ff1a}@keyframes scanline{0%{transform:translateY(-10%)}to{transform:translateY(10%)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 12s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.2,.8,.2,1) forwards}input[type=range]{-webkit-appearance:none;background:transparent;width:100%;height:20px;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background:linear-gradient(90deg,#ffffff1a,#fff3);border-radius:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:6px;border-radius:1px;background:var(--accent);margin-top:-5px;box-shadow:0 0 10px var(--accent);transition:transform .1s;border:1px solid rgba(255,255,255,.5)}input[type=range]:hover::-webkit-slider-thumb{background:#fff;transform:scaleY(1.2)}