:root{--bg-deep:#030308;--panel-bg:#080810b8;--panel-border:#00f2fe26;--panel-border-focus:#00f2fe66;--text-primary:#f0f3f8;--text-secondary:#8e9bb0;--text-muted:#4e5a6e;--neon-cyan:#00f2fe;--neon-cyan-glow:#00f2fe59;--neon-purple:#bd00ff;--neon-purple-glow:#bd00ff59;--neon-pink:#ff007f;--neon-pink-glow:#ff007f59;--neon-yellow:#ffd000;--neon-yellow-glow:#ffd00059;--neon-green:#39ff14;--neon-green-glow:#39ff1459;--font-hud:"Share Tech Mono", monospace;--font-main:"Space Grotesk", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-main);cursor:none;width:100vw;height:100vh;overflow:hidden}#webgl-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#ui-glow-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#custom-cursor{border:1px solid var(--neon-cyan);pointer-events:none;z-index:9999;width:32px;height:32px;box-shadow:0 0 10px var(--neon-cyan-glow);border-radius:50%;transition:width .2s,height .2s,background-color .2s,border-color .2s;position:fixed;transform:translate(-50%,-50%)}#custom-cursor-dot{background-color:var(--neon-cyan);pointer-events:none;z-index:9999;border-radius:50%;width:6px;height:6px;position:fixed;transform:translate(-50%,-50%)}body:active #custom-cursor{border-color:var(--neon-pink);width:24px;height:24px;box-shadow:0 0 15px var(--neon-pink-glow);background-color:#00f2fe26}#init-overlay{z-index:100;background:radial-gradient(circle,#0a0a16 0%,#030308 100%);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1.2s cubic-bezier(.76,0,.24,1),visibility 1.2s;display:flex;position:fixed;top:0;left:0}.overlay-glow{pointer-events:none;background:radial-gradient(circle,#bd00ff14 0%,#0000 60%);width:80%;height:80%;position:absolute}.init-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a16cc;border:1px solid #00f2fe40;border-radius:12px;width:90%;max-width:600px;padding:48px;position:relative;overflow:hidden;box-shadow:0 0 40px #00f2fe1a,inset 0 0 20px #bd00ff1a}.scanner-line{background:linear-gradient(90deg, transparent, var(--neon-cyan), transparent);width:100%;height:2px;box-shadow:0 0 8px var(--neon-cyan);animation:4s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}.terminal-header{font-family:var(--font-hud);letter-spacing:2px;color:var(--neon-purple);margin-bottom:24px;font-size:11px}.glitch-title{letter-spacing:8px;color:var(--text-primary);text-shadow:0 0 15px #fff3;margin-bottom:20px;font-size:64px;font-weight:800;position:relative}.glitch-title:before,.glitch-title:after{content:attr(data-text);background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-title:before{text-shadow:-2px 0 var(--neon-pink);clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch-title:after{text-shadow:-2px 0 var(--neon-cyan), 0 2px var(--neon-purple);clip:rect(85px, 450px, 140px, 0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip:rect(15px, 9999px, 66px, 0)}10%{clip:rect(85px, 9999px, 5px, 0)}20%{clip:rect(34px, 9999px, 87px, 0)}30%{clip:rect(112px, 9999px, 76px, 0)}40%{clip:rect(9px, 9999px, 20px, 0)}50%{clip:rect(61px, 9999px, 115px, 0)}60%{clip:rect(132px, 9999px, 43px, 0)}70%{clip:rect(22px, 9999px, 98px, 0)}80%{clip:rect(77px, 9999px, 10px, 0)}90%{clip:rect(50px, 9999px, 125px, 0)}to{clip:rect(110px, 9999px, 35px, 0)}}@keyframes glitch-anim2{0%{clip:rect(70px, 9999px, 105px, 0)}10%{clip:rect(12px, 9999px, 85px, 0)}20%{clip:rect(95px, 9999px, 30px, 0)}30%{clip:rect(5px, 9999px, 115px, 0)}40%{clip:rect(88px, 9999px, 45px, 0)}50%{clip:rect(32px, 9999px, 140px, 0)}60%{clip:rect(104px, 9999px, 8px, 0)}70%{clip:rect(15px, 9999px, 99px, 0)}80%{clip:rect(120px, 9999px, 55px, 0)}90%{clip:rect(40px, 9999px, 130px, 0)}to{clip:rect(80px, 9999px, 20px, 0)}}.init-desc{color:var(--text-secondary);margin-bottom:32px;font-size:15px;line-height:1.6}.system-checks{text-align:left;font-family:var(--font-hud);background:#0006;border:1px solid #ffffff0d;border-radius:6px;margin-bottom:36px;padding:16px;font-size:12px}.check-item{letter-spacing:1px;align-items:center;margin-bottom:8px;display:flex}.check-item:last-child{margin-bottom:0}.check-status{border-radius:50%;width:8px;height:8px;margin-right:12px;display:inline-block}.status-ok{background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan)}.pulse-btn{border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-hud);letter-spacing:3px;cursor:none;background:0 0;border-radius:6px;padding:16px 36px;font-size:14px;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 15px #00f2fe26}.pulse-btn:before{content:"";background:linear-gradient(90deg,#0000,#00f2fe33,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.pulse-btn:hover{background:var(--neon-cyan);color:#030308;box-shadow:0 0 25px var(--neon-cyan-glow)}.pulse-btn:hover:before{left:100%}.pulse-btn:active{transform:scale(.97)}#dashboard{z-index:10;pointer-events:none;opacity:1;grid-template-rows:70px 1fr 40px;grid-template-columns:360px 1fr 360px;width:100%;height:100%;transition:opacity 1s;display:grid;position:absolute;top:0;left:0}#dashboard.hidden{opacity:0;pointer-events:none}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:linear-gradient(#030308d9 0%,#0000 100%);border-bottom:1px solid #ffffff0d;grid-area:1/1/auto/span 3;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.brand{flex-direction:column;display:flex}.brand-sub{font-family:var(--font-hud);color:var(--neon-purple);letter-spacing:2px;font-size:9px}.brand-title{letter-spacing:4px;color:var(--text-primary);text-shadow:0 0 10px #ffffff26;font-size:26px;font-weight:800}.telemetry-bar{font-family:var(--font-hud);align-items:center;gap:24px;display:flex}.status-indicator{background:#00f2fe0d;border:1px solid #00f2fe26;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;display:flex}.indicator-dot{background-color:var(--neon-cyan);width:6px;height:6px;box-shadow:0 0 6px var(--neon-cyan);border-radius:50%}.blinking{animation:2s infinite alternate blink}@keyframes blink{0%{opacity:.2}to{opacity:1}}.indicator-label{letter-spacing:1px;color:var(--neon-cyan);font-size:11px}.divider{background-color:#ffffff1a;width:1px;height:20px}.diag-pair{flex-direction:column;align-items:flex-end;display:flex}.diag-label{color:var(--text-secondary);letter-spacing:1px;font-size:9px}.diag-val{color:var(--text-primary);font-size:13px;font-weight:700}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:auto;border-radius:8px;flex-direction:column;grid-row:2;margin:16px;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000080,inset 0 0 12px #00f2fe0d}.panel:hover{border-color:var(--panel-border-focus);box-shadow:0 8px 32px #0000008c,inset 0 0 20px #00f2fe14}.left-panel{grid-column:1}.right-panel{grid-column:3}.panel-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-header h2{letter-spacing:1.5px;color:var(--text-primary);font-size:14px;font-weight:600}.panel-tag{font-family:var(--font-hud);color:var(--neon-purple);font-size:10px;font-weight:700}.panel-content{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.panel-content::-webkit-scrollbar{width:4px}.panel-content::-webkit-scrollbar-track{background:0 0}.panel-content::-webkit-scrollbar-thumb{background:#00f2fe26;border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover{background:#00f2fe66}.control-group{flex-direction:column;gap:8px;display:flex}.control-title{font-family:var(--font-hud);color:var(--text-secondary);letter-spacing:1.5px;font-size:10px}.presets-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.preset-btn{cursor:none;background:#ffffff05;border:1px solid #ffffff0f;border-radius:4px;flex-direction:column;align-items:flex-start;padding:10px;transition:all .25s;display:flex;position:relative}.preset-btn:after{content:"";background-color:var(--neon-cyan);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.preset-btn:hover{background:#00f2fe0d;border-color:#00f2fe40}.preset-btn:hover:after{width:100%}.preset-btn.active{border-color:var(--neon-cyan);background:#00f2fe1a;box-shadow:0 0 10px #00f2fe1a}.preset-btn.active:after{width:100%}.btn-label{font-family:var(--font-hud);color:var(--text-primary);letter-spacing:1px;font-size:11px;font-weight:700}.btn-sub{color:var(--text-secondary);letter-spacing:1px;margin-top:2px;font-size:8px}.preset-btn.active .btn-sub{color:var(--neon-cyan)}.slider-header{justify-content:space-between;align-items:center;display:flex}.slider-val{font-family:var(--font-hud);color:var(--neon-cyan);font-size:11px;font-weight:700}.range-slider-wrapper{align-items:center;height:20px;display:flex;position:relative}.neon-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px;transition:background .3s}.neon-slider::-webkit-slider-thumb{appearance:none;background:var(--neon-cyan);width:12px;height:12px;box-shadow:0 0 8px var(--neon-cyan);cursor:none;border-radius:50%;transition:transform .1s,box-shadow .1s}.neon-slider::-webkit-slider-thumb:hover{box-shadow:0 0 12px var(--neon-cyan), 0 0 20px var(--neon-cyan);transform:scale(1.3)}.neon-slider:active::-webkit-slider-thumb{background:var(--neon-pink);box-shadow:0 0 12px var(--neon-pink), 0 0 20px var(--neon-pink);transform:scale(1.3)}.color-chips-wrapper{gap:12px;padding:4px 0;display:flex}.color-chip{cursor:none;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .25s,border-color .25s;position:relative;box-shadow:0 4px 10px #0000004d}.color-chip:hover{transform:translateY(-3px)scale(1.1)}.color-chip.active{border-color:var(--text-primary);transform:translateY(-3px)scale(1.1);box-shadow:0 0 15px #ffffff40}.chip-tooltip{background:var(--bg-deep);white-space:nowrap;opacity:0;pointer-events:none;font-size:9px;font-family:var(--font-hud);border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;transition:opacity .2s,transform .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-6px)}.color-chip:hover .chip-tooltip{opacity:1;transform:translate(-50%)translateY(-10px)}.oscillator-canvas-container{background-color:#00000080;border:1px solid #ffffff0d;border-radius:6px;width:100%;height:120px;position:relative;overflow:hidden}#oscillator-canvas{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-grid-lines{z-index:1;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:15px 15px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:100%;position:absolute;top:0;left:0}.matrix-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.matrix-cell{background:#0000004d;border:1px solid #ffffff08;border-radius:4px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.matrix-lbl{color:var(--text-muted);letter-spacing:1px;font-size:8px}.matrix-val{font-family:var(--font-hud);font-size:12px;font-weight:700}.val-cyan{color:var(--neon-cyan);text-shadow:0 0 4px var(--neon-cyan-glow)}.val-purple{color:var(--neon-purple);text-shadow:0 0 4px var(--neon-purple-glow)}.val-pink{color:var(--neon-pink);text-shadow:0 0 4px var(--neon-pink-glow)}.val-yellow{color:var(--neon-yellow);text-shadow:0 0 4px var(--neon-yellow-glow)}.dashboard-footer{font-family:var(--font-hud);color:var(--text-secondary);pointer-events:auto;background:linear-gradient(#0000 0%,#030308d9 100%);border-top:1px solid #ffffff0d;grid-area:3/1/auto/span 3;justify-content:space-between;align-items:center;padding:0 24px;font-size:10px;display:flex}.interaction-help{align-items:center;gap:10px;display:flex}.pulse-ring{background:var(--neon-pink);border-radius:50%;width:6px;height:6px;animation:1.5s cubic-bezier(.66,0,0,1) infinite pulse-ring-anim;display:inline-block;box-shadow:0 0 #ff007fb3}@keyframes pulse-ring-anim{0%{box-shadow:0 0 #ff007fb3}70%{box-shadow:0 0 0 6px #ff007f00}to{box-shadow:0 0 #ff007f00}}.help-text,.credits{letter-spacing:1px}@media (width<=1024px){#dashboard{grid-template-columns:300px 1fr 300px}}@media (width<=768px){#dashboard{pointer-events:auto;grid-template-rows:60px 1fr 1fr 30px;grid-template-columns:1fr;overflow-y:auto}.dashboard-header{grid-area:1/1}.left-panel{grid-area:2/1;height:auto;margin:8px}.right-panel{grid-area:3/1;height:auto;margin:8px}.dashboard-footer{grid-area:4/1}body{cursor:default;overflow-y:auto}#custom-cursor,#custom-cursor-dot{display:none!important}}