:root {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  color: #e5e7e5;
  background: #0b121a;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  --ink: #e9e7e1;
  --muted: #98a2a7;
  --copper: #dab080;
  --line: rgba(198,205,209,.16);
}
* {box-sizing:border-box;}
html,body,#app {margin:0;width:100%;height:100%;overflow:hidden;}
button,input {font:inherit;}
button {cursor:pointer;}
button:focus-visible,input:focus-visible {outline:2px solid #e5bd86;outline-offset:3px;}
#viewport {width:100%;height:100%;position:absolute;inset:0;background:#17232e;touch-action:pan-x pan-y;}
#viewport canvas {display:block;width:100%;height:100%;}
#app::before {content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(7,12,18,.45),transparent 31%,transparent 63%,rgba(7,13,20,.28)),
    linear-gradient(0deg,rgba(7,11,17,.59),transparent 25%,transparent 78%,rgba(7,11,17,.35));}
#app::after {content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.18;
 background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");}
#interface {position:absolute;inset:0;z-index:5;pointer-events:none;}
#interface .chrome {pointer-events:auto;}
#interface button {border:none;color:inherit;}
.topbar {position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:29px 39px 20px;gap:16px;background:linear-gradient(180deg,rgba(9,16,23,.5),transparent);}
.brand {display:flex;align-items:center;gap:16px;}
.brand-monogram {position:relative;width:35px;height:37px;border:1px solid rgba(219,228,231,.43);display:grid;place-content:center;gap:4px;transform:skewY(-6deg);}
.brand-monogram span {display:block;height:2px;background:#dae4e8;transform:rotate(-11deg);}
.brand-monogram span:nth-child(1){width:21px}.brand-monogram span:nth-child(2){width:17px;margin-left:2px}.brand-monogram span:nth-child(3){width:12px;margin-left:5px}.brand-monogram span:nth-child(4){width:5px;margin-left:9px}
.brand-name {font-size:15px;letter-spacing:.19em;font-weight:750;white-space:nowrap;}
.brand-name strong {color:#f0d5ab;font-weight:750;}.brand-name i {color:#acafb0;font-style:normal;opacity:.7;}
.brand-sub {font-family:ui-monospace,'Courier New',monospace;font-size:8px;letter-spacing:.23em;font-weight:500;color:#aeb7bb;margin-top:6px;}
.top-center {display:flex;align-items:center;gap:13px;font:10px ui-monospace,'Courier New',monospace;letter-spacing:.09em;color:#b8c5ca;}
.top-center b{color:#d7bd94;font-weight:500;}.top-separator{height:14px;width:1px;background:rgba(215,226,232,.35);margin:0 8px;}
.live-pulse {height:6px;width:6px;border-radius:50%;background:#a9dcbb;box-shadow:0 0 0 5px rgba(163,219,185,.09),0 0 13px #85b99b;animation:breathe 2.1s ease-in-out infinite;}
@keyframes breathe {50%{box-shadow:0 0 0 9px rgba(163,219,185,.035),0 0 17px #85b99b;}}
.top-actions {display:flex;gap:8px;}
.button-icon{width:37px;height:37px;background:rgba(13,23,34,.64);border:1px solid rgba(212,220,223,.24)!important;border-radius:4px;font:16px ui-monospace,monospace;color:#dee2e1;display:grid;place-items:center;}
.button-icon:hover {background:rgba(89,110,122,.43);}
.button-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.3;}
.hero-copy{position:absolute;top:26%;left:4.2%;width:390px;text-shadow:0 2px 20px rgba(0,0,0,.26);}
.eyebrow,.overline{font:10px ui-monospace,'Courier New',monospace;color:#d9c5a6;letter-spacing:.14em;display:flex;align-items:center;gap:11px;}
.eyebrow-line{width:19px;height:1px;background:#d9bc93;}.tiny-id{font-size:9px;color:#aeb5b8;}
.hero-copy h1{margin:21px 0 16px;font-weight:740;font-size:clamp(54px,5.75vw,92px);line-height:.89;letter-spacing:-.077em;text-transform:uppercase;}
.hero-copy h1 em{font-weight:300;font-style:normal;letter-spacing:-.075em;color:#e5d9c7;}.period{color:#edbb7f;}
.hero-rule{background:linear-gradient(90deg,#d3b18a,rgba(211,177,138,0));height:1px;width:177px;margin:25px 0 20px;}
.hero-copy p{font-size:13px;line-height:1.75;color:#d0d7d7;font-weight:400;letter-spacing:.005em;}
.coordinates{font:10px ui-monospace,'Courier New',monospace;letter-spacing:.065em;color:#b0bdc0;margin-top:27px;}
.coordinates span{color:#d6ae7c;padding:0 5px;}
.side-panel{position:absolute;top:98px;right:32px;width:345px;max-height:calc(100vh - 132px);overflow:auto;scrollbar-width:thin;scrollbar-color:#47535d transparent;background:linear-gradient(152deg,rgba(18,27,37,.91),rgba(12,21,30,.95));border:1px solid rgba(210,218,219,.21);box-shadow:0 12px 75px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.025);padding:23px 24px 22px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.panel-kicker,.section-label,.range-head,.range-endpoints,.ef-detail,.radar-top,.radar-bottom,.timeline-top,.timeline-bottom{display:flex;justify-content:space-between;align-items:center;}
.panel-kicker{font:9px ui-monospace,'Courier New',monospace;letter-spacing:.17em;color:#a0aeba;}.panel-index{color:#b69a7b;}
.panel-title{font-size:18px;font-weight:720;letter-spacing:.095em;margin:12px 0 27px;display:flex;align-items:center;justify-content:space-between;}
.status-dot,.radar-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c2daa7;box-shadow:0 0 9px #a1c7a0;}
.section-label{font:9px ui-monospace,'Courier New',monospace;letter-spacing:.1em;color:#c8cdcb;}
.section-sub{color:#81949d;font-size:8px;letter-spacing:.05em;}
.ef-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:12px 0 12px;}
.ef-button{background:#202d37;border:1px solid rgba(170,182,186,.15)!important;font:11px ui-monospace,monospace;height:37px;color:#aeb9bb!important;transition:.18s;}
.ef-button:hover{background:#35414b;}.ef-button.selected{background:#c9a175;color:#111b23!important;border-color:#e6c293!important;box-shadow:0 0 15px rgba(208,160,95,.15);}
.ef-detail{font:9px ui-monospace,'Courier New',monospace;letter-spacing:.055em;color:#a9b1b2;}.ef-detail span:last-child{color:#dbb17c;}
.divider-line{height:1px;background:var(--line);margin:22px 0;}
.control-row{margin-bottom:19px;}.control-row:last-child{margin-bottom:1px;}
.range-head{font:9px ui-monospace,'Courier New',monospace;letter-spacing:.075em;color:#c1c8c9;}
.range-number{color:#dfc09c;font-size:12px;letter-spacing:0;}.range-number strong{font-weight:550;font-size:13px;}.range-number span{font-size:10px;margin-left:3px;color:#a4a6a8;}
input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:2px;border-radius:0;cursor:pointer;margin:18px 0 10px;background:linear-gradient(90deg,#cda77a var(--progress),rgba(139,155,164,.3) var(--progress));}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#e6c398;border:2px solid #19252f;box-shadow:0 0 0 1px #c4a47b;}
input[type="range"]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#e6c398;border:2px solid #19252f;box-shadow:0 0 0 1px #c4a47b;}
.range-endpoints{font:9px ui-monospace,'Courier New',monospace;color:#758995;}
.camera-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:13px 0 23px;}
.cam-choice{height:48px;background:#202c36;border:1px solid rgba(190,198,202,.15)!important;color:#bdc5c6!important;font:9px ui-monospace,'Courier New',monospace;letter-spacing:.055em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:.2s;}
.cam-choice small{font-size:8px;color:#85929b;}.cam-choice:hover{background:#394552;}.cam-choice.selected{border-color:#cdaa7c!important;color:#e9d2b5!important;background:rgba(194,146,95,.14);}.cam-choice.selected small{color:#d3ac7e;}
.primary-action{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:48px;background:#d5b18a;color:#16232a!important;font:11px ui-monospace,'Courier New',monospace;letter-spacing:.12em;font-weight:700;transition:.2s;}
.primary-action:hover{background:#edc99e;}.pause-symbol{font-size:17px;font-weight:850;line-height:1;}
.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;}
.secondary-action{height:37px;background:rgba(151,172,183,.1);border:1px solid rgba(205,220,225,.16)!important;font:10px ui-monospace,'Courier New',monospace;color:#c1c9ca!important;letter-spacing:.065em;}
.secondary-action span{font-size:15px;margin-right:6px;color:#d7b283;}.secondary-action:hover,.secondary-action.selected{background:rgba(187,154,119,.27);border-color:rgba(202,161,115,.48)!important;}
.bottom-left{position:absolute;left:4.2%;bottom:76px;width:490px;max-width:calc(100% - 430px);}
.overline{font-size:10px;color:#cfdbda;}.mark-line{height:1px;flex:1;margin-left:14px;background:rgba(216,225,224,.3);max-width:80px;}
.metrics{display:flex;margin-top:17px;margin-bottom:27px;gap:27px;}
.metric{min-width:122px;border-right:1px solid rgba(219,223,218,.28);}.metric:last-child{border:0;}
.metric-value{font-size:42px;font-weight:550;line-height:1;letter-spacing:-.045em;text-shadow:0 3px 18px rgba(0,0,0,.16);}
.metric-value sup{font:10px ui-monospace,'Courier New',monospace;margin-left:5px;color:#d8c0a0;letter-spacing:0;vertical-align:top;position:relative;top:6px;}
.metric-label{font:9px ui-monospace,'Courier New',monospace;letter-spacing:.15em;margin-top:10px;color:#aab6bc;}
.timeline{max-width:445px;}.timeline-top,.timeline-bottom{font:9px ui-monospace,'Courier New',monospace;color:#cbd1cf;letter-spacing:.07em;}.timeline-top span:last-child{color:#e3b788;}
.timeline-progress{height:3px;background:rgba(204,222,226,.27);margin:13px 0 12px;position:relative;}.timeline-progress div{height:100%;width:0;background:#ddbc92;box-shadow:0 0 12px #cf9e71;}.timeline-progress i{position:absolute;height:9px;width:3px;background:#f5dbb5;top:-3px;left:0;box-shadow:0 0 13px #efbe89;}
.timeline-bottom{color:#81969d;}.toolbar-keys{margin-top:22px;font:9px ui-monospace,'Courier New',monospace;color:#b3bab8;letter-spacing:.07em;}.toolbar-keys span{color:#bf9872;padding:0 4px;}
kbd{background:rgba(236,233,216,.17);border:1px solid rgba(246,239,225,.25);padding:2px 5px;font:9px ui-monospace,monospace;border-radius:3px;}
.radar-wrap{position:absolute;right:395px;bottom:84px;width:250px;background:rgba(13,25,36,.64);border:1px solid rgba(210,223,222,.19);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);padding:13px;}
.radar-top,.radar-bottom{font:9px ui-monospace,'Courier New',monospace;letter-spacing:.065em;color:#c4d2d4;}.radar-coordinate,.radar-bottom{color:#8ea4ae;}.radar-dot{margin-left:5px;width:4px;height:4px;}
.radar-wrap canvas{display:block;width:100%;height:168px;margin:10px 0;}.radar-bottom{border-top:1px solid rgba(195,211,218,.15);padding-top:9px;}
.bottom-status{position:absolute;bottom:0;left:0;right:0;height:43px;border-top:1px solid rgba(224,227,221,.16);background:rgba(9,17,25,.8);display:flex;align-items:center;padding:0 40px;font:9px ui-monospace,'Courier New',monospace;color:#b1bdc2;letter-spacing:.08em;gap:10px;backdrop-filter:blur(10px);}
.signal-icon{color:#d9b98e;font-size:17px;}.bottom-code{margin-left:auto;color:#8b9ca4;}.bottom-code span{color:#d0a97b;margin:0 6px;}
.restore-ui{display:none;pointer-events:auto;position:absolute;top:22px;right:22px;background:rgba(10,19,29,.81);border:1px solid rgba(220,221,215,.35)!important;padding:12px 17px;font:10px ui-monospace,monospace;letter-spacing:.1em;color:#e5e6e0;}.restore-ui span{margin-left:8px;color:#dcb98b;}
.interface-hidden .chrome{display:none!important;}.interface-hidden .restore-ui{display:block;}
.is-paused .live-pulse{background:#d3a77b;animation:none;}
.help-dialog{pointer-events:auto;position:absolute;inset:0;background:rgba(3,8,15,.7);display:grid;place-items:center;backdrop-filter:blur(7px);padding:20px;}
.help-dialog[hidden]{display:none;}.help-card{max-width:500px;background:#15222e;padding:31px;border:1px solid rgba(214,223,226,.25);box-shadow:0 10px 60px #0007;}
.help-title{display:flex;justify-content:space-between;font-weight:700;letter-spacing:.12em;font-size:16px;}.help-title button{background:transparent;font-size:18px;}.help-card p{font-size:13px;line-height:1.8;color:#bac7ca;margin-top:23px;}
#loading{position:absolute;inset:0;z-index:20;background:#101b26;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;font:11px ui-monospace,'Courier New',monospace;letter-spacing:.2em;transition:opacity .8s,visibility .8s;}
#loading .loading-mark{font-family:Arial,sans-serif;font-weight:850;font-size:78px;letter-spacing:-.14em;color:#d2b28b;}
#loading small{font-size:9px;color:#9aabad;letter-spacing:.15em;}.loading-pulse{animation:breathe 1.3s infinite;}.gone{opacity:0;visibility:hidden;pointer-events:none;}
@media(max-width:1420px){.radar-wrap{right:386px;bottom:67px;transform:scale(.9);transform-origin:bottom right;}.hero-copy h1{font-size:70px;}.side-panel{width:325px;right:20px;}.bottom-left{width:410px;max-width:calc(100% - 380px);}.metric{min-width:105px;}.metrics{gap:14px;}.metric-value{font-size:34px;}}
@media(max-width:1100px){.hero-copy{top:23%;left:3%;}.hero-copy h1{font-size:60px;}.radar-wrap{display:none;}.top-center{display:none;}.bottom-left{max-width:calc(100% - 370px);left:3%;}.side-panel{width:315px;}.metrics{gap:9px;}.metric{min-width:95px;}.metric-value{font-size:30px;}}
@media(max-width:760px){.topbar{padding:16px 15px;}.brand-name{font-size:12px;}.brand-sub{font-size:7px;}.brand-monogram{width:29px;height:30px;}.button-icon{width:32px;height:32px;}.hero-copy{top:83px;left:16px;width:calc(100% - 30px);}.hero-copy h1{font-size:clamp(40px,9vw,60px);margin:11px 0 8px;line-height:.91;}.eyebrow{font-size:8px;}.hero-copy p,.coordinates,.hero-rule{display:none;}.side-panel{top:auto;bottom:53px;right:12px;width:min(326px,calc(100vw - 24px));max-height:49vh;padding:15px 16px;}.panel-title{font-size:15px;margin:7px 0 14px;}.panel-kicker{font-size:8px;}.divider-line{margin:12px 0;}.intensity-section .ef-options{margin:8px 0;}.ef-button{height:28px;}.control-row{margin-bottom:10px;}.range-head{font-size:8px;}.range-endpoints{display:none;}input[type="range"]{margin:12px 0 5px;}.camera-grid{margin:9px 0 12px;}.cam-choice{height:36px;font-size:8px;}.primary-action{height:41px;}.secondary-action{height:32px;}.bottom-left{left:15px;bottom:calc(49vh + 70px);max-width:calc(100% - 30px);width:340px;}.metrics{margin:9px 0 0;gap:15px;}.metric{min-width:85px;}.metric-value{font-size:27px;}.metric-value sup{font-size:8px;}.metric-label{font-size:8px;margin-top:5px;}.timeline,.toolbar-keys{display:none;}.overline{font-size:8px;}.bottom-status{padding:0 14px;height:40px;font-size:8px;}.bottom-code{display:none;}}
@media(max-height:720px) and (min-width:761px){.side-panel{top:70px;max-height:calc(100vh - 96px);}.panel-title{margin:8px 0 16px;}.divider-line{margin:14px 0;}.control-row{margin-bottom:11px;}.camera-grid{margin:9px 0 13px;}.bottom-left{bottom:60px;}.hero-copy{top:22%;}}