:root{--cyan: #0af;--cyan-dim: #088;--blue: #4da6ff;--blue-dark: #1a3a5c;--orange: #ff6a00;--green: #0f8;--red: #f44;--bg-panel: rgba(0, 8, 24, .88);--bg-panel-alt: rgba(0, 12, 32, .82);--border: rgba(0, 170, 255, .2);--border-glow: rgba(0, 170, 255, .4);--text: rgba(200, 220, 255, .9);--text-dim: rgba(160, 190, 230, .55);--text-bright: rgba(230, 245, 255, .95);--font-display: "Orbitron", "Rajdhani", "Segoe UI", system-ui, sans-serif;--font-mono: "Share Tech Mono", "JetBrains Mono", "Cascadia Code", monospace;--font-body: "Inter", "Segoe UI", system-ui, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:#050a14;overflow:hidden;font-family:var(--font-body);-webkit-font-smoothing:antialiased;user-select:none;cursor:default}#app{position:fixed;inset:0;z-index:1}#app canvas{display:block}#scanlines{position:fixed;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,170,255,.015) 2px,rgba(0,170,255,.015) 4px);animation:scanlineMove 8s linear infinite}@keyframes scanlineMove{0%{background-position:0 0}to{background-position:0 100px}}#hex-grid{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.06;background-image:linear-gradient(rgba(0,170,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(0,170,255,.3) 1px,transparent 1px);background-size:40px 40px;background-position:center center;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 70%)}.corner-bracket{position:fixed;z-index:8;pointer-events:none;width:60px;height:60px}.corner-bracket:before,.corner-bracket:after{content:"";position:absolute;background:var(--cyan);box-shadow:0 0 6px var(--cyan),0 0 12px #0af6}.corner-bracket:before{width:24px;height:1px}.corner-bracket:after{width:1px;height:24px}.corner-tl{top:16px;left:16px}.corner-tl:before{top:0;left:0}.corner-tl:after{top:0;left:0}.corner-tr{top:16px;right:16px}.corner-tr:before{top:0;right:0}.corner-tr:after{top:0;right:0}.corner-bl{bottom:16px;left:16px}.corner-bl:before{bottom:0;left:0}.corner-bl:after{bottom:0;left:0}.corner-br{bottom:16px;right:16px}.corner-br:before{bottom:0;right:0}.corner-br:after{bottom:0;right:0}#hud-top-bar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:20px 32px;pointer-events:none;background:linear-gradient(180deg,rgba(0,8,24,.95) 0%,rgba(0,8,24,.7) 60%,transparent 100%);border-bottom:1px solid rgba(0,170,255,.08)}#hud-logo{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:3px;color:var(--text-bright);display:flex;align-items:center;gap:8px;animation:glitchText 5s ease-in-out infinite}.logo-diamond{color:var(--cyan);font-size:18px;text-shadow:0 0 10px var(--cyan),0 0 20px rgba(0,170,255,.5);animation:pulseGlow 2s ease-in-out infinite}.logo-accent{color:var(--cyan);font-weight:500;text-shadow:0 0 8px rgba(0,170,255,.4)}#hud-top-center{display:flex;align-items:center;gap:10px}.top-label{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--text-dim)}.top-value{font-family:var(--font-mono);font-size:11px;color:var(--cyan);text-shadow:0 0 8px rgba(0,170,255,.3)}#hud-top-right{display:flex;align-items:center;gap:20px}#secure-indicator{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:1.5px;color:var(--green);text-shadow:0 0 6px rgba(0,255,136,.3);padding:4px 10px;border:1px solid rgba(0,255,136,.15);border-radius:3px;background:#00ff880a}.lock-icon{font-size:10px}#hud-clock{display:flex;flex-direction:column;align-items:flex-end;gap:2px}#clock-time{font-family:var(--font-mono);font-size:16px;color:var(--text-bright);letter-spacing:2px}#clock-date{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);letter-spacing:1px}@keyframes glitchText{0%,90%,to{transform:translate(0)}91%{transform:translate(-1px,.5px)}92%{transform:translate(1px,-.5px)}93%{transform:translate(0)}}@keyframes pulseGlow{0%,to{opacity:1;text-shadow:0 0 10px var(--cyan),0 0 20px rgba(0,170,255,.5)}50%{opacity:.7;text-shadow:0 0 16px var(--cyan),0 0 30px rgba(0,170,255,.7)}}#hud-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:flex-end;padding:20px 32px;pointer-events:none;background:linear-gradient(0deg,rgba(0,8,24,.95) 0%,rgba(0,8,24,.7) 60%,transparent 100%);border-top:1px solid rgba(0,170,255,.08)}#hud-product .hud-label{font-family:var(--font-mono);font-size:9px;letter-spacing:3px;color:var(--cyan);text-shadow:0 0 6px rgba(0,170,255,.3);margin-bottom:4px}#hud-product .hud-value{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text-bright);letter-spacing:1px;text-shadow:0 0 2px rgba(255,255,255,.3)}#hud-product .hud-subtitle{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;color:var(--text-dim);margin-top:2px}#hud-specs{display:flex;gap:28px}.spec-item{display:flex;flex-direction:column;gap:3px}.spec-label{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase}.spec-value{font-family:var(--font-body);font-size:11px;color:var(--text);font-weight:500}#hud-controls{position:fixed;bottom:28px;right:32px;display:flex;gap:10px;z-index:20;pointer-events:auto}.hud-btn{display:flex;align-items:center;gap:7px;padding:10px 16px;border:1px solid var(--border);border-radius:2px;background:var(--bg-panel);color:var(--text);font-family:var(--font-display);font-size:10px;font-weight:500;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);clip-path:polygon(6px 0%,calc(100% - 6px) 0%,100% 50%,calc(100% - 6px) 100%,6px 100%,0% 50%)}.hud-btn:hover{border-color:var(--border-glow);color:var(--text-bright);box-shadow:0 0 20px #00aaff26,inset 0 0 20px #00aaff08;transform:translateY(-1px)}.hud-btn:active{transform:translateY(0)}.hud-btn.active{border-color:var(--cyan);color:var(--cyan);background:#00aaff1a;box-shadow:0 0 24px #0af3,0 0 8px #00aaff14;text-shadow:0 0 8px rgba(0,170,255,.3)}.btn-icon{font-size:14px}#model-selector{position:fixed;top:100px;right:32px;display:flex;gap:0;z-index:25;pointer-events:auto;border:1px solid var(--border);border-radius:3px;overflow:hidden;box-shadow:0 0 20px #00aaff14}.model-btn{display:flex;align-items:center;gap:7px;padding:10px 16px;border:none;border-right:1px solid var(--border);background:var(--bg-panel);color:var(--text-dim);font-family:var(--font-display);font-size:10px;font-weight:500;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap}.model-btn:last-child{border-right:none}.model-btn:hover{background:#00aaff0f;color:var(--text)}.model-btn.active{background:#00aaff1f;color:var(--cyan);text-shadow:0 0 8px rgba(0,170,255,.3);box-shadow:inset 0 1px #00aaff26}.model-icon{font-size:14px;filter:grayscale(.3)}.model-btn.active .model-icon{filter:grayscale(0)}.hud-panel{position:fixed;z-index:10;width:260px;pointer-events:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}#panel-left{left:24px;top:50%;transform:translateY(-50%)}#panel-right{right:24px;top:50%;transform:translateY(-50%)}.panel-header{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:2.5px;color:var(--cyan);text-shadow:0 0 8px rgba(0,170,255,.3);display:flex;align-items:center;gap:8px;padding:12px 16px 10px;background:var(--bg-panel);border:1px solid var(--border);border-bottom:none;position:relative;overflow:hidden}.panel-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.4}.panel-diamond{font-size:10px;color:var(--cyan);animation:pulseGlow 2.5s ease-in-out infinite}.panel-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(0,170,255,.3),transparent)}.panel-body{padding:12px 16px;background:var(--bg-panel-alt);border:1px solid var(--border);border-top:none;border-bottom:none;display:flex;flex-direction:column;gap:12px}.panel-footer{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;color:var(--green);display:flex;align-items:center;gap:6px;padding:8px 16px 12px;background:var(--bg-panel);border:1px solid var(--border);border-top:none;position:relative}.panel-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.2),transparent)}.panel-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.panel-dot.pulse{animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 6px var(--green)}50%{opacity:.3;box-shadow:0 0 2px var(--green)}}.data-row{display:flex;flex-direction:column;gap:4px}.data-label{font-family:var(--font-mono);font-size:8px;letter-spacing:1.5px;color:var(--text-dim);text-transform:uppercase}.data-value{font-family:var(--font-mono);font-size:13px;color:var(--text-bright);letter-spacing:1px;text-shadow:0 0 6px rgba(255,255,255,.15)}.data-value.integrity{color:var(--green);text-shadow:0 0 8px rgba(0,255,136,.2)}.data-bar{height:2px;background:#00aaff14;border-radius:1px;overflow:hidden;position:relative}.data-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.3) 3px,rgba(0,0,0,.3) 4px)}.data-bar-fill{height:100%;background:var(--cyan);box-shadow:0 0 8px #00aaff80,0 0 2px var(--cyan);border-radius:1px;transition:width .8s ease;animation:barGlow 2s ease-in-out infinite}.data-bar-fill.low,.data-bar-fill.green{background:var(--green);box-shadow:0 0 8px #00ff8880}.data-bar-fill.warm{background:var(--orange);box-shadow:0 0 8px #ff6a0080}@keyframes barGlow{0%,to{opacity:1}50%{opacity:.85}}#waveform-canvas{background:#00aaff08;border:1px solid rgba(0,170,255,.1);border-radius:2px;display:block;width:100%}#core-indicators{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.core-ind{display:flex;align-items:center;gap:6px}.core-dot{width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c);animation:corePulse 3s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .3s)}.core-label{font-family:var(--font-mono);font-size:9px;color:var(--text-dim)}.core-status{font-family:var(--font-mono);font-size:8px;letter-spacing:1px;margin-left:auto}.core-status.on{color:var(--green);text-shadow:0 0 4px rgba(0,255,136,.3)}@keyframes corePulse{0%,to{opacity:1}50%{opacity:.4}}.quality-score{display:flex;align-items:baseline;gap:4px}.quality-value{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--cyan);text-shadow:0 0 20px rgba(0,170,255,.4),0 0 4px rgba(0,170,255,.2)}.quality-unit{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}#hotspot-card{position:fixed;z-index:30;pointer-events:auto;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transition:opacity .3s ease,transform .3s ease}#hotspot-card.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9)}.hotspot-inner{width:360px;max-width:90vw;background:var(--bg-panel);border:1px solid var(--border-glow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:0;position:relative;box-shadow:0 0 40px #00aaff1f,0 0 80px #00aaff0d,inset 0 0 30px #00aaff05;animation:hologramIn .4s ease-out}.hotspot-inner:before,.hotspot-inner:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--cyan);border-style:solid}.hotspot-inner:before{top:0;left:0;border-width:2px 0 0 2px}.hotspot-inner:after{bottom:0;right:0;border-width:0 2px 2px 0}.hotspot-header{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:2px;color:var(--cyan);padding:16px 20px 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(0,170,255,.1)}.hotspot-diamond{text-shadow:0 0 8px rgba(0,170,255,.5)}.hotspot-body{padding:16px 20px;font-family:var(--font-body);font-size:13px;line-height:1.6;color:var(--text)}.hotspot-specs{padding:0 20px 16px;display:flex;flex-wrap:wrap;gap:12px}.hotspot-specs .mini-spec{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;color:var(--text-dim);padding:4px 10px;border:1px solid rgba(0,170,255,.15);border-radius:2px;background:#00aaff08}.hotspot-close{display:block;width:100%;padding:10px;background:#ffffff05;border:none;border-top:1px solid rgba(0,170,255,.1);color:var(--text-dim);font-family:var(--font-display);font-size:9px;letter-spacing:2px;cursor:pointer;transition:all .25s ease}.hotspot-close:hover{color:var(--cyan);background:#00aaff0f}@keyframes hologramIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.92);filter:blur(4px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}#notification-container{position:fixed;top:90px;right:32px;z-index:40;display:flex;flex-direction:column;gap:8px;pointer-events:none}.notification-toast{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;color:var(--text-bright);background:var(--bg-panel);border:1px solid var(--border-glow);border-left:2px solid var(--cyan);padding:10px 14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 20px #00aaff1a;animation:toastIn .4s ease-out,toastOut .3s ease-in forwards;max-width:320px;position:relative;overflow:hidden}.notification-toast:after{content:"";position:absolute;bottom:0;left:0;height:1px;background:var(--cyan);animation:toastTimer 3s linear forwards}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%,80%{opacity:1}to{opacity:0;transform:translate(20px)}}@keyframes toastTimer{0%{width:0%}to{width:100%}}#loading{position:fixed;inset:0;z-index:100;background:#050a14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .8s ease}#loading.hidden{opacity:0;pointer-events:none}.loader-ring{width:60px;height:60px;border-radius:50%;border:2px solid rgba(0,170,255,.1);position:relative;animation:ringRotate 2s linear infinite}.loader-ring-inner{position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;border-top-color:var(--cyan);box-shadow:0 0 10px #00aaff4d}@keyframes ringRotate{to{transform:rotate(360deg)}}.loader-text{font-family:var(--font-display);font-size:12px;font-weight:500;letter-spacing:4px;color:var(--text);text-shadow:0 0 10px rgba(255,255,255,.2)}.loader-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--text-dim);animation:dotPulse 2s ease-in-out infinite}@media(max-width:1024px){.hud-panel{width:220px}#panel-left{left:12px}#panel-right{right:12px}#hud-top-bar,#hud-bottom-bar{padding:14px 20px}#hud-specs{gap:16px}#hud-logo{font-size:12px}}@media(max-width:768px){#panel-left,#panel-right,#hud-top-center,#secure-indicator{display:none}#hud-top-bar{padding:12px 16px}#hud-bottom-bar{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:12px}#hud-specs{gap:10px;flex-wrap:wrap}#hud-product .hud-value{font-size:14px}#hud-controls{bottom:16px;right:16px;gap:6px}.hud-btn{padding:8px 12px;font-size:9px;letter-spacing:1px}.hotspot-inner{width:300px}.corner-bracket{width:40px;height:40px}.corner-bracket:before{width:16px}.corner-bracket:after{height:16px}.corner-tl{top:8px;left:8px}.corner-tr{top:8px;right:8px}.corner-bl{bottom:8px;left:8px}.corner-br{bottom:8px;right:8px}}