@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&display=swap");:root{--bg-0:#02050d;--bg-1:#050a18;--bg-2:#0a1226;--panel:rgba(6,14,30,.86);--panel-2:rgba(10,22,46,.6);--panel-border:rgba(110,230,255,.28);--panel-border-strong:rgba(110,230,255,.7);--grid:rgba(110,230,255,.05);--text:#d6f1ff;--muted:#6e88b8;--accent:#6ef0ff;--accent-2:#4cc7ff;--accent-soft:rgba(110,240,255,.18);--warn:#ffce6d;--warn-soft:rgba(255,206,109,.18);--danger:#ff7a8a;--green:#5ee0a4;--violet:#c896ff;--bracket:#6ef0ff}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg-0);color:var(--text);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.01em;overflow:hidden}body:before{background:radial-gradient(1.2px 1.2px at 12% 18%,hsla(0,0%,100%,.55),transparent 60%),radial-gradient(1px 1px at 78% 22%,hsla(0,0%,100%,.4),transparent 60%),radial-gradient(1.4px 1.4px at 33% 78%,rgba(180,220,255,.5),transparent 60%),radial-gradient(1px 1px at 58% 64%,hsla(0,0%,100%,.35),transparent 60%),radial-gradient(1.2px 1.2px at 88% 88%,rgba(200,200,255,.45),transparent 60%),radial-gradient(.9px .9px at 22% 44%,hsla(0,0%,100%,.3),transparent 60%),radial-gradient(1px 1px at 66% 8%,hsla(0,0%,100%,.35),transparent 60%),radial-gradient(2px 2px at 8% 88%,rgba(110,240,255,.5),transparent 65%),radial-gradient(2.5px 2.5px at 92% 50%,rgba(200,150,255,.4),transparent 60%),radial-gradient(ellipse at 20% 0,rgba(40,18,90,.5),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(0,60,100,.5),transparent 55%),linear-gradient(180deg,#04081a,#02040d)}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:after{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),repeating-linear-gradient(180deg,rgba(110,240,255,.03) 0 1px,transparent 1px 4px);background-size:40px 40px,40px 40px,100% 4px;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 50%,#000 25%,transparent 80%)}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 100%);z-index:1}a{color:var(--accent);text-decoration:none}a:hover{text-shadow:0 0 8px var(--accent)}.fui{font-family:Orbitron,JetBrains Mono,monospace;letter-spacing:.18em}.fui,button{text-transform:uppercase}button{position:relative;background:linear-gradient(180deg,rgba(20,40,80,.65),rgba(8,18,38,.85));color:var(--accent);border:1px solid var(--panel-border);padding:7px 14px 7px 18px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.14em;transition:all .12s ease;-webkit-clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);text-shadow:0 0 6px rgba(110,240,255,.45)}button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(110,240,255,.08) 50%,transparent);pointer-events:none}button:hover:not(:disabled){background:linear-gradient(180deg,rgba(40,90,160,.75),rgba(12,30,60,.95));border-color:var(--accent);box-shadow:0 0 16px rgba(110,240,255,.45),inset 0 0 18px rgba(110,240,255,.15);color:#fff;text-shadow:0 0 10px var(--accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.35;cursor:not-allowed}button.danger{color:var(--danger);border-color:rgba(255,122,138,.35);text-shadow:0 0 6px rgba(255,122,138,.45)}button.danger:hover:not(:disabled){border-color:var(--danger);box-shadow:0 0 14px rgba(255,122,138,.5)}button.warn{color:var(--warn);border-color:rgba(255,206,109,.35);text-shadow:0 0 6px rgba(255,206,109,.4)}input,textarea{background:rgba(5,10,24,.78);color:var(--text);border:1px solid rgba(110,230,255,.18);padding:8px 12px;border-radius:0;font-family:inherit;font-size:12px;width:100%;transition:all .12s ease;-webkit-clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft),0 0 14px rgba(110,240,255,.25)}.nav{z-index:10;gap:0;padding:0;background:linear-gradient(180deg,rgba(8,16,32,.95),rgba(3,8,18,.95));border-bottom:1px solid var(--panel-border-strong);align-items:stretch;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:50px;box-shadow:0 4px 14px rgba(0,0,0,.5),inset 0 1px 0 rgba(110,240,255,.15)}.nav,.nav .brand{position:relative;display:flex}.nav .brand{align-items:center;padding:0 22px;font-family:Orbitron,monospace;font-weight:700;font-size:13px;letter-spacing:.32em;color:var(--accent);text-shadow:0 0 12px rgba(110,240,255,.6);background:linear-gradient(180deg,rgba(110,240,255,.06),transparent);border-right:1px solid var(--panel-border)}.nav .brand:before{content:"◤";margin-right:10px;color:var(--accent);font-size:16px;text-shadow:0 0 10px var(--accent)}.nav .brand:after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--accent),transparent);opacity:.5}.nav a{display:flex;align-items:center;padding:0 20px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:600;border-right:1px solid rgba(110,230,255,.08);transition:all .12s ease;position:relative}.nav a:hover{color:var(--text);text-shadow:0 0 6px rgba(110,240,255,.45);background:rgba(110,240,255,.04)}.nav a.active{color:var(--accent);text-shadow:0 0 10px rgba(110,240,255,.7);background:linear-gradient(180deg,rgba(110,240,255,.12),transparent)}.nav a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:1.5px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.nav-spacer{flex:1 1}.nav-meta{display:flex;align-items:center;gap:18px;padding:0 22px;font-size:10px;letter-spacing:.16em;color:var(--muted);border-left:1px solid var(--panel-border)}.nav-meta .val{color:var(--accent);margin-left:6px;text-shadow:0 0 6px rgba(110,240,255,.4)}.led{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);animation:led-pulse 2.4s ease-in-out infinite;margin-right:4px}@keyframes led-pulse{0%,to{opacity:.65}50%{opacity:1;box-shadow:0 0 14px var(--green)}}.layout{display:flex;height:calc(100vh - 50px);position:relative;z-index:1}.graph-wrap{flex:1 1;position:relative;overflow:hidden}.detail-panel{width:400px;padding:0;overflow-y:auto;background:var(--panel);border-left:1px solid var(--panel-border-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;box-shadow:-4px 0 18px rgba(0,0,0,.6),inset 1px 0 0 rgba(110,240,255,.15)}.detail-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7}.panel-inner{padding:18px 18px 28px}.panel-header{position:relative;background:linear-gradient(180deg,rgba(110,240,255,.08),transparent),linear-gradient(180deg,rgba(20,40,80,.4),rgba(8,18,38,.6));padding:14px 18px 12px;border-bottom:1px solid var(--panel-border);margin-bottom:0}.panel-header:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.panel-header .corner-tl,.panel-header .corner-tr{position:absolute;width:14px;height:14px;border-color:var(--accent);border-style:solid;border-width:0;opacity:.85}.panel-header .corner-tl{top:4px;left:4px;border-top-width:2px;border-left-width:2px}.panel-header .corner-tr{top:4px;right:4px;border-top-width:2px;border-right-width:2px}.panel-header h2{margin:0;font-family:Orbitron,monospace;font-size:15px;font-weight:700;color:var(--text);text-shadow:0 0 8px rgba(110,240,255,.4);letter-spacing:.05em}.panel-header .meta{margin-top:4px;font-size:10.5px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}.panel-header .meta .pill{display:inline-block;padding:1px 6px;border:1px solid var(--panel-border);color:var(--accent);margin-right:6px}.section-head{display:flex;align-items:center;gap:10px;margin:22px 0 10px;font-family:Orbitron,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:var(--accent);font-weight:600}.section-head:before{content:"◢";color:var(--accent)}.section-head:after{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.5}.section-head .count{padding:0 6px;font-size:9px;color:var(--bg-0);background:var(--accent);letter-spacing:.08em}.empty,.muted{color:var(--muted)}.empty{font-style:italic;font-size:11px;padding:8px 0}.rel-row{padding:8px 10px;margin:4px 0;background:rgba(10,20,40,.45);border-left:2px solid var(--accent);font-size:12px;transition:all .12s ease}.rel-row:hover{background:rgba(110,240,255,.06);border-left-color:#fff}.rel-row .top{display:flex;align-items:center;gap:8px}.rel-row .bar{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--warn);letter-spacing:-.1em;text-shadow:0 0 4px rgba(255,206,109,.3);white-space:pre}.rel-row .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--warn);font-size:10px;font-weight:700}.rel-row .kind{color:var(--muted);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.rel-row .other{color:var(--text);font-weight:600}.rel-row .other.clickable{cursor:pointer;border-bottom:1px dashed transparent;transition:color .12s ease,border-color .12s ease,text-shadow .12s ease}.rel-row .other.clickable:hover{color:var(--accent);border-bottom-color:var(--accent);text-shadow:0 0 8px rgba(110,240,255,.4)}.rel-row .ev{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.5;border-left:1px solid rgba(110,230,255,.12);padding-left:8px}.product{display:block;padding:10px 12px;margin:6px 0;background:linear-gradient(180deg,rgba(110,240,255,.04),transparent),rgba(8,18,38,.55);border:1px solid rgba(110,230,255,.14);cursor:pointer;transition:all .12s ease;position:relative;-webkit-clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.product:after,.product:before{content:"";position:absolute;width:6px;height:6px;border-color:var(--accent);border-style:solid;border-width:0;opacity:.6}.product:before{top:0;right:0;border-top-width:1px;border-right-width:1px}.product:after{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.product:hover{border-color:var(--accent);background:linear-gradient(180deg,rgba(110,240,255,.1),transparent),rgba(8,18,38,.7);box-shadow:0 0 14px rgba(110,240,255,.2),inset 0 0 0 1px var(--accent-soft)}.product.checked{border-color:var(--accent);background:linear-gradient(180deg,rgba(110,240,255,.16),transparent),rgba(15,32,64,.85);box-shadow:0 0 18px rgba(110,240,255,.35),inset 0 0 0 1px var(--accent)}.product .row{display:flex;align-items:center;gap:10px}.product input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--accent)}.product .name{font-weight:600;color:var(--text);font-family:Orbitron,monospace;font-size:12px;letter-spacing:.04em}.product .meta{color:var(--muted);font-size:10px;margin-top:4px;padding-left:24px;letter-spacing:.04em}.product .desc{color:var(--text);font-size:11px;margin-top:5px;padding-left:24px;line-height:1.5;opacity:.85}.product .badge{display:inline-block;padding:1px 6px;font-size:9px;margin-left:4px;letter-spacing:.1em;font-weight:600;border:1px solid;text-transform:uppercase}.product .badge.new{color:var(--green);background:rgba(94,224,164,.1)}.product .badge.current{color:var(--accent);background:rgba(110,240,255,.08)}.product .badge.discontinued{color:var(--danger);background:rgba(255,122,138,.1)}.product .badge.rumored{color:var(--violet);background:rgba(200,150,255,.1)}.product .rev{color:var(--warn);font-size:10px;font-weight:700;letter-spacing:.04em;margin-left:8px}.hud{position:absolute;z-index:5;display:flex;gap:8px;pointer-events:auto}.hud-top{top:14px;left:14px}.hud-top-right{top:14px;right:14px}.hud-bottom-left{bottom:14px;left:14px;font-size:10px;letter-spacing:.12em;flex-direction:column;gap:8px;pointer-events:none}.readout{display:flex;gap:0;background:linear-gradient(180deg,rgba(10,22,46,.85),rgba(4,10,22,.85));border:1px solid var(--panel-border);padding:0;-webkit-clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:0 4px 14px rgba(0,0,0,.6),inset 0 0 0 1px rgba(110,240,255,.06)}.readout .cell{padding:6px 14px;font-family:Orbitron,monospace;font-size:10px;letter-spacing:.18em;color:var(--muted);border-right:1px solid rgba(110,230,255,.12);display:flex;align-items:center;gap:8px}.readout .cell:last-child{border-right:none}.readout .cell .v{color:var(--accent);font-weight:700;text-shadow:0 0 6px rgba(110,240,255,.45);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.readout .cell .v.warn{color:var(--warn);text-shadow:0 0 6px rgba(255,206,109,.45)}.legend{display:flex;gap:14px;background:linear-gradient(180deg,rgba(10,22,46,.78),rgba(4,10,22,.78));border:1px solid var(--panel-border);padding:6px 12px;font-size:9.5px;color:var(--muted);letter-spacing:.12em;pointer-events:auto;-webkit-clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.swatch{display:inline-block;width:16px;height:2px;margin-right:6px;vertical-align:middle;box-shadow:0 0 6px currentColor}.hover-readout{background:linear-gradient(180deg,rgba(10,22,46,.85),rgba(4,10,22,.85));border:1px solid var(--panel-border);padding:6px 12px;font-size:10px;letter-spacing:.12em;color:var(--text);-webkit-clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hover-readout .id{color:var(--accent);text-shadow:0 0 6px rgba(110,240,255,.4)}.container{padding:28px 24px;max-width:1020px;margin:0 auto;position:relative;z-index:1;height:calc(100vh - 50px);overflow-y:auto}.container h1{font-family:Orbitron,monospace;font-size:20px;font-weight:700;margin:0 0 6px;color:var(--text);letter-spacing:.18em;text-shadow:0 0 10px rgba(110,240,255,.3)}.container h1:before{content:"◢ ";color:var(--accent)}table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}td,th{text-align:left;padding:10px 14px;border-bottom:1px solid rgba(110,230,255,.1)}th{font-family:Orbitron,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.22em;color:var(--accent);font-weight:600;background:linear-gradient(180deg,rgba(110,240,255,.06),transparent);border-bottom:1px solid var(--panel-border)}tr:hover td{background:rgba(110,240,255,.04)}.flex-row{gap:8px}.banner,.flex-row{display:flex;align-items:center}.banner{position:absolute;inset:0;justify-content:center;color:var(--muted);pointer-events:none}.banner .inner{text-align:center;padding:28px 36px;border:1px solid var(--panel-border);background:linear-gradient(180deg,rgba(110,240,255,.05),rgba(4,10,22,.8));pointer-events:auto;-webkit-clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);font-family:Orbitron,monospace;letter-spacing:.18em}.banner .inner .title{color:var(--warn);font-size:13px;margin-bottom:8px;text-shadow:0 0 8px rgba(255,206,109,.4)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(5,10,24,.5)}::-webkit-scrollbar-thumb{background:rgba(110,240,255,.25);border:1px solid rgba(110,240,255,.15)}::-webkit-scrollbar-thumb:hover{background:rgba(110,240,255,.45)}