@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=JetBrains+Mono:wght@400;700&family=Share+Tech+Mono&display=swap";:root{--bg:#0a0a0a;--accent:#c00;--steel:#d1d1d1;--dim:#404040;--font-main:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;cursor:none!important}@keyframes landingFadeIn{to{opacity:.8}}@keyframes landingBtnPulse{0%,to{box-shadow:0 0 10px #ff1a1a4d,0 0 30px #ff1a1a1a}50%{box-shadow:0 0 20px #ff1a1ab3,0 0 50px #ff1a1a4d}}@keyframes cursorPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}body{background-color:var(--bg);color:var(--steel);font-family:var(--font-main);letter-spacing:-.02em;height:100vh;overflow:hidden}#root{height:100vh}@media (width<=768px){body{height:auto;overflow:hidden auto}#root{height:auto;min-height:100dvh}}.dashboard{grid-template-rows:120px 1fr 100px;grid-template-columns:80px 350px 1fr 350px;gap:12px;width:100%;height:100%;padding:20px;display:grid}.dashboard--archive{grid-template-columns:80px 1fr 300px}.dashboard--archive .header,.dashboard--archive .footer{grid-column:2/4}.dashboard--config{grid-template-columns:80px 1fr 1fr 1fr}.dashboard--quad{grid-template-rows:100px 1fr 80px;grid-template-columns:80px 1fr 300px;gap:15px}.dashboard--quad .header,.dashboard--quad .footer{grid-column:2/4}.hazard-stripes{background:repeating-linear-gradient(-45deg, var(--accent), var(--accent) 10px, var(--bg) 10px, var(--bg) 20px);width:100%;height:4px}.notch{clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%)}.label-mono{font-family:var(--font-mono);text-transform:uppercase;color:var(--dim);font-size:10px}.header{border-bottom:2px solid var(--dim);grid-column:2/5;justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.system-title{text-transform:uppercase;color:var(--steel);align-items:center;gap:15px;font-size:64px;font-weight:900;line-height:.85;display:flex}.system-title span{color:var(--accent);border:4px solid var(--accent);padding:0 10px}.header-logo{object-fit:contain;vertical-align:baseline;width:auto;height:.95em;display:inline-block;position:relative;top:.1em}.system-title.sm{font-size:48px}.system-title.sm span{border-width:2px;padding:4px 10px;font-size:24px}.nav{border-right:1px solid var(--dim);flex-direction:column;grid-row:1/4;gap:20px;display:flex}.nav-item{opacity:.5;color:inherit;flex-direction:column;align-items:center;gap:5px;text-decoration:none;transition:all .2s;display:flex}.nav-item.active{opacity:1;color:var(--accent)}.nav-num{font-family:var(--font-mono);font-size:24px;font-weight:900}.nav-spacer{flex:1}.nav-indicator{background:var(--accent);width:20px;height:20px}.panel{border:1px solid var(--dim);background:#ffffff05;flex-direction:column;display:flex;position:relative}.panel-header{background:var(--accent);color:var(--bg);text-transform:uppercase;flex-shrink:0;justify-content:space-between;padding:4px 10px;font-size:14px;font-weight:900;display:flex}.panel-content{flex:1;padding:15px;overflow-y:auto}.main-display{background:radial-gradient(circle,#cc00000d 0%,#0000 70%);grid-column:3;justify-content:center;align-items:center;display:flex;position:relative}.sensor-array{justify-content:center;align-items:center;width:500px;height:500px;display:flex;position:relative}.ring{border:1px solid var(--dim);border-radius:50%;animation:20s linear infinite rotate;position:absolute}.ring-1{border-style:dashed;width:100%;height:100%}.ring-2{border-width:2px;border-color:var(--accent);opacity:.3;width:80%;height:80%}.ring-3{border-style:double;border-width:4px;width:60%;height:60%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mechanical-core{background:var(--accent);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);z-index:10;justify-content:center;align-items:center;width:150px;height:150px;display:flex}.core-inner{color:var(--bg);font-size:48px;font-weight:900}.scancode{font-family:var(--font-mono);text-align:right;writing-mode:vertical-rl;font-size:12px;line-height:1;position:absolute;top:40px;right:40px}.feed-item{border-bottom:1px solid var(--dim);gap:10px;padding:10px 0;display:flex}.feed-thumb{filter:grayscale()contrast(1.5);object-fit:cover;border:1px solid var(--accent);background:#222;flex-shrink:0;width:60px;height:60px}.feed-data{flex:1}.feed-val-link{color:var(--steel);text-decoration:none;transition:color .15s;display:block}.feed-val-link:hover{color:var(--accent)}.feed-val{font-family:var(--font-mono);color:var(--steel);font-size:14px;font-weight:700}.status-dot{background:var(--accent);width:6px;height:6px;margin-right:5px;animation:1s infinite flicker;display:inline-block}@keyframes flicker{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.footer{border-top:1px solid var(--dim);grid-column:2/5;justify-content:space-between;align-items:center;display:flex}.coord-group{gap:40px;display:flex}.coord{flex-direction:column;display:flex}.val{font-family:var(--font-mono);font-size:18px;font-weight:700}.dot-grid{pointer-events:none;z-index:-1;opacity:.03;background-image:radial-gradient(var(--steel) 1px, transparent 1px);background-size:30px 30px;width:100vw;height:100vh;position:fixed;top:0;left:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--dim)}.event-card{border-bottom:1px solid var(--dim);gap:15px;padding:15px;transition:background .3s;display:flex}.event-card:hover{background:#cc00000d}.event-card.alert{border-left:4px solid var(--accent)}.event-thumb{border:1px solid var(--dim);background:#1a1a1a;flex-shrink:0;width:100px;height:60px;overflow:hidden}.event-thumb img{object-fit:cover;filter:grayscale()contrast(1.2);opacity:.7;width:100%;height:100%}.timestamp{font-family:var(--font-mono);color:var(--steel);font-size:12px;font-weight:700}.tag{font-family:var(--font-mono);background:var(--dim);color:var(--bg);margin-top:5px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.tag.high-threat{background:var(--accent)}.main-viewer{border:1px solid var(--dim);background:#ffffff05;flex-direction:column;display:flex;position:relative}.video-container{border-bottom:1px solid var(--dim);background:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-container img{object-fit:cover;width:100%;height:100%}.playback-controls{background:#050505;flex-shrink:0;align-items:center;gap:20px;height:60px;padding:0 20px;display:flex}.scrubber{background:var(--dim);cursor:pointer;flex:1;height:4px;position:relative}.scrubber-fill{background:var(--accent);pointer-events:none;height:100%;position:absolute;top:0;left:0}.config-form{flex-direction:column;gap:15px;height:100%;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.input-wrapper{border-left:2px solid var(--accent);background:#0000004d;padding:5px 10px}.input-wrapper.muted{border-left-color:var(--steel)}.input-wrapper input,.input-wrapper select{color:var(--steel);font-family:var(--font-mono);cursor:crosshair;background:0 0;border:none;outline:none;width:100%;font-size:14px}.input-wrapper select option{background:var(--bg);color:var(--steel)}.threshold-slider{background:var(--dim);appearance:none;cursor:pointer;outline:none;width:100%;height:2px;margin:10px 0}.threshold-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:10px;height:20px}.btn-action{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:0 0;margin-top:5px;padding:8px;font-size:12px;font-weight:700;transition:all .2s}.btn-action:hover,.btn-action.primary{background:var(--accent);color:var(--bg)}.btn-action.primary:hover{color:var(--accent);background:0 0}.status-pill{font-size:10px;font-family:var(--font-mono);background:var(--dim);color:var(--bg);margin-left:10px;padding:2px 8px;display:inline-block}.status-pill.active{background:var(--accent)}.quad-header-title{text-transform:uppercase;color:var(--steel);align-items:center;gap:15px;font-size:48px;font-weight:900;line-height:.85;display:flex}.quad-header-title span{color:var(--accent);border:2px solid var(--accent);padding:4px 10px;font-size:24px}.quad-container{grid-column:2;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;display:grid}.feed-box{border:1px solid var(--dim);background:#111;position:relative;overflow:hidden}.feed-box.alert{border-color:var(--accent)}.video-src{object-fit:cover;filter:grayscale()contrast(1.2)brightness(.7);width:100%;height:100%;display:block}.overlay-ui{pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:15px;display:flex;position:absolute;top:0;left:0}.tracking-box{border:1px solid var(--accent);position:absolute;box-shadow:0 0 10px #c006}.tracking-box:before{content:attr(data-label);background:var(--accent);color:var(--bg);font-family:var(--font-mono);white-space:nowrap;padding:2px 4px;font-size:9px;position:absolute;top:-18px;left:-1px}.vector-line{background:var(--accent);transform-origin:0;opacity:.6;height:1px;position:absolute}.corner-bracket{border:1px solid var(--dim);width:15px;height:15px;position:absolute}.tl{border-bottom:0;border-right:0;top:10px;left:10px}.tr{border-bottom:0;border-left:0;top:10px;right:10px}.bl{border-top:0;border-right:0;bottom:10px;left:10px}.br{border-top:0;border-left:0;bottom:10px;right:10px}.sidebar-data{flex-direction:column;grid-column:3;gap:15px;display:flex}.data-block{border:1px solid var(--dim);background:#ffffff05}.data-header{background:var(--dim);color:var(--steel);font-size:10px;font-family:var(--font-mono);padding:4px 8px}.data-body{padding:10px}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.scanline{pointer-events:none;background:#cc00001a;width:100%;height:2px;animation:4s linear infinite scanline;position:absolute;top:0}.rec-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-right:8px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.dashboard--talent{grid-template-rows:120px 1fr 100px;grid-template-columns:80px 1fr}.dashboard--talent .header,.dashboard--talent .footer{grid-column:2}.talent-grid-wrap{flex:1;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-content:start;gap:10px;padding:12px;display:grid;overflow-y:auto}.talent-card{border:1px solid var(--dim);background:#ffffff05;flex-direction:column;transition:border-color .2s;display:flex;overflow:hidden}.talent-card:hover{border-color:var(--accent)}.talent-photo{aspect-ratio:3/4;background:#111;position:relative;overflow:hidden}.talent-photo img{object-fit:cover;object-position:top;filter:grayscale()contrast(1.3)brightness(.85);width:100%;height:100%;display:block}.talent-name-block{border-top:1px solid var(--dim);padding:6px 8px 8px}.talent-first,.talent-last{color:var(--steel);letter-spacing:-.01em;font-size:11px;font-weight:700;line-height:1.2}.talent-id-tag{font-family:var(--font-mono);color:var(--dim);letter-spacing:.05em;margin-top:3px;font-size:8px}.dashboard--bts{grid-template-rows:120px 1fr 100px;grid-template-columns:80px 1fr 280px}.dashboard--bts .header,.dashboard--bts .footer{grid-column:2/4}.bts-viewer{border:1px solid var(--dim);background:#ffffff05;flex-direction:column;display:flex;overflow:hidden}.bts-main-media{background:#000;flex:1;position:relative;overflow:hidden}.bts-thumbs{border:1px solid var(--dim);background:#ffffff05;flex-direction:column;display:flex;overflow:hidden}.bts-thumb-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:6px;padding:8px;display:grid;overflow-y:auto}.bts-thumb-item{aspect-ratio:4/3;cursor:pointer;border:1px solid var(--dim);background:#111;transition:border-color .2s;position:relative;overflow:hidden}.bts-thumb-item:hover{border-color:var(--steel)}.bts-thumb-item.active{border-color:var(--accent)}.dashboard--designers{grid-template-rows:120px 1fr 100px;grid-template-columns:80px 260px 1fr}.dashboard--designers .header,.dashboard--designers .footer{grid-column:2/4}.designer-list-item{border-bottom:1px solid var(--dim);cursor:pointer;padding:10px 14px;transition:background .15s}.designer-list-item:hover{background:#ffffff0a}.designer-list-item.active{border-left:2px solid var(--accent);background:#cc000014}.designer-list-name{color:var(--steel);letter-spacing:-.01em;margin-bottom:2px;font-size:13px;font-weight:700}.designer-profile{border:1px solid var(--dim);background:#ffffff05;flex-direction:column;display:flex;overflow:hidden}.designer-image-strip{border-bottom:1px solid var(--dim);flex-shrink:0;gap:0;height:320px;display:flex}.designer-img-wrap{border-right:1px solid var(--dim);flex:1;overflow:hidden}.designer-img-wrap:last-child{border-right:none}.designer-img-wrap img{object-fit:cover;object-position:top center;filter:grayscale()contrast(1.3)brightness(.8);width:100%;height:100%;transition:filter .3s;display:block}.designer-img-wrap:hover img{filter:grayscale(.5)contrast(1.1)brightness(.9)}.designer-bio-section{flex:1;padding:18px 20px;overflow-y:auto}.designer-brand-large{color:var(--steel);text-transform:uppercase;letter-spacing:-.02em;font-size:32px;font-weight:900;line-height:1}.designer-name-sub{font-family:var(--font-mono);color:var(--dim);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:11px}.designer-story{color:#aaa;max-width:680px;font-size:13px;line-height:1.65}@media (width<=768px){.dashboard,.dashboard--archive,.dashboard--config,.dashboard--quad{gap:8px;height:auto;min-height:100dvh;padding:10px;grid-template-rows:auto!important;grid-template-columns:1fr!important}.nav{border-right:none;border-bottom:1px solid var(--dim);flex-direction:row;grid-area:auto/1;justify-content:space-around;align-items:center;gap:0;padding:0 0 8px}.nav-spacer{display:none}.nav-num{font-size:16px}.nav-item{gap:2px}.nav-indicator{width:14px;height:14px}.header{flex-wrap:wrap;align-items:flex-start;gap:10px;padding-bottom:12px;grid-column:1!important}.system-title{flex-wrap:wrap;gap:8px;font-size:clamp(26px,8vw,48px);line-height:1}.system-title span{font-size:inherit;border-width:2px;padding:0 6px}.system-title.sm{font-size:clamp(22px,6vw,36px)}.quad-header-title{flex-wrap:wrap;gap:8px;font-size:clamp(22px,7vw,40px)}.quad-header-title span{border-width:1px;padding:2px 8px;font-size:clamp(14px,4vw,20px)}.footer{flex-direction:column;align-items:flex-start;gap:12px;padding-top:12px;grid-column:1!important}.coord-group{flex-wrap:wrap;gap:16px}.val{font-size:14px}.panel-content{max-height:280px}.main-display{height:300px;min-height:300px;grid-column:1!important}.sensor-array{width:min(280px,78vw);height:min(280px,78vw)}.scancode{display:none}.main-viewer{min-height:260px}.video-container{min-height:180px}.event-thumb{flex-shrink:0;width:70px;height:50px}.quad-container{grid-template-rows:160px 160px;grid-template-columns:1fr 1fr;height:auto;grid-column:1!important}.sidebar-data{grid-column:1!important}.config-form{height:auto}.threshold-slider{margin:6px 0}.btn-action{padding:10px}.hazard-stripes{height:3px}.vector-line{display:none}.dashboard--bts{grid-template-columns:1fr!important}.bts-thumb-grid{grid-template-columns:repeat(3,1fr)}.dashboard--designers{grid-template-columns:1fr!important}.designer-image-strip{height:160px}.designer-brand-large{font-size:22px}.designer-story{font-size:12px}.dashboard--talent{grid-template-columns:1fr!important}.talent-grid-wrap{grid-template-columns:repeat(3,1fr);gap:6px;max-height:none;padding:8px}.talent-first,.talent-last{font-size:9px}.talent-id-tag{display:none}}@media (hover:none){[style*="position: fixed"][style*="border-radius: 50%"]{display:none}}