:root{--ink:#d6e6f4;--sub:#718ba0;--cyan:#53e6ed;--lime:#b5f89b;--background:#050a12;--panel:rgba(7,17,29,.86);--line:rgba(123,190,212,.16)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--background);color:var(--ink);font:12px/1.55 'Segoe UI',Inter,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#viewport{display:block;width:100vw;height:100vh;touch-action:none}.grain{position:absolute;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(74,133,157,.08) 4px);mix-blend-mode:screen}.topbar{position:absolute;top:0;left:0;right:0;z-index:5;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:linear-gradient(180deg,rgba(3,9,18,.95),rgba(3,9,18,.25));border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brandmark{width:41px;height:41px;border:1px solid var(--cyan);color:var(--cyan);font-weight:900;font-size:24px;display:grid;place-items:center;position:relative}.brandmark span{position:absolute;right:-8px;bottom:-9px;font-size:11px;background:var(--background);padding:1px 4px}.brand small{display:block;letter-spacing:2px;font-size:8px;color:var(--cyan);font-weight:700}.brand strong{display:block;font-size:18px;letter-spacing:2.7px;font-weight:800}.brand em{color:var(--sub);font-style:normal;font-size:11px}.topstat{font-size:9px;letter-spacing:1.2px;color:#afc5d4;font-weight:700}.pulse{display:inline-block;width:6px;height:6px;margin-right:8px;background:#aaff8a;box-shadow:0 0 14px #aaff8a;border-radius:50%}.sep{color:#496374;margin:0 10px}.outline{border:1px solid #2d4554;background:#08121f;padding:10px 15px;color:#a8c8d9;letter-spacing:1px;font-size:10px}.outline:hover,.action:hover{border-color:var(--cyan)}kbd{border:1px solid #335164;border-radius:3px;padding:1px 5px;font-size:9px;color:#a1b9ca}.panel{position:absolute;z-index:4;top:94px;bottom:51px;width:306px;overflow:auto;scrollbar-width:thin;scrollbar-color:#1b3a4d transparent;padding:23px 23px 17px;background:var(--panel);backdrop-filter:blur(22px);border:1px solid var(--line);box-shadow:0 16px 80px #0006}.left-panel{left:20px}.right-panel{right:20px;width:326px}.section-title{display:flex;align-items:center;justify-content:space-between;color:var(--cyan);font-size:9px;font-weight:750;letter-spacing:1.75px;margin-bottom:18px}.section-title>span+span{color:#738b9c}.section-title .status{color:#aeecb2!important}.number{font-size:9px}.panel h1{font-weight:900;letter-spacing:-1.4px;font-size:32px;line-height:1.04;margin:0 0 17px}.panel h1 i{font-style:normal;color:var(--cyan)}.muted{color:#8199a9}.intro{font-size:11px;line-height:1.8;margin:0 0 24px}.presets{display:grid;gap:5px}.preset{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 9px;border:1px solid transparent;background:#101f2d97;color:#b4c6d1;font-size:10px;letter-spacing:.2px}.preset .pin{color:#4e6e82;font-size:9px}.preset span:last-child{margin-left:auto;color:#799eaf}.preset:hover,.preset.active{border-color:#2f6877;background:#11303b;color:#d8fbfd}.preset.active .pin{color:var(--cyan)}.divider{height:1px;background:var(--line);margin:24px 0 20px}.mode-tabs{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:5px}.mode-tabs button{border:1px solid #253e4b;background:#0a1723;padding:10px 5px;color:#829cae;font-size:9px;letter-spacing:.9px;font-weight:750}.mode-tabs button.active{border-color:#359da9;background:#0c2f37;color:var(--cyan)}.micro{color:#718b9c;font-size:10px;margin:12px 0 2px;line-height:1.7}.toggle{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:12px 0;cursor:pointer}.toggle input{position:absolute;opacity:0}.switch{width:31px;height:17px;background:#162a39;border-radius:20px;border:1px solid #39586a;position:relative;flex-shrink:0}.switch:before{content:'';position:absolute;top:3px;left:3px;width:9px;height:9px;border-radius:50%;background:#698597;transition:.16s}.toggle input:checked+.switch{background:#12404b;border-color:#3094a0}.toggle input:checked+.switch:before{transform:translateX(14px);background:var(--cyan)}.range-label{display:flex;justify-content:space-between;margin:16px 0 7px;font-size:11px}.range-label output{color:var(--cyan);font-size:10px;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:3px;background:#284453;accent-color:var(--cyan);outline:none;margin:5px 0 10px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--cyan);border:2px solid #0d2634;width:13px;height:13px;border-radius:50%;box-shadow:0 0 11px #55f4ff88;cursor:ew-resize}.actions{display:grid;grid-template-columns:1.4fr 1fr;gap:7px;margin-top:15px}.action{border:1px solid #32505c;background:#132432;font-size:9px;letter-spacing:.75px;font-weight:800;padding:12px 7px}.action.primary{background:#154954;color:#baf7f7;border-color:#267785}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metrics>div{background:#10202d75;padding:12px 10px;border:1px solid #1c3642}.metrics small{display:block;color:#8296a5;letter-spacing:1.3px;font-size:8px;margin-bottom:5px}.metrics strong{font-size:23px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.metrics sup{font-size:9px;color:var(--cyan);top:-.5em;position:relative}.inspector{background:linear-gradient(120deg,#112d37,#0b1926);padding:16px;border:1px solid #225262;min-height:156px}.inspector>small{color:var(--cyan);letter-spacing:1.4px;font-size:8px}.inspector h3{font-size:15px;margin:8px 0}.inspector p{color:#9db3c2;font-size:10px;line-height:1.7;margin:0 0 18px}.inspector-meta{border-top:1px solid #2b4653;padding-top:9px;display:flex;justify-content:space-between;font-size:8px;color:#7e9faf;letter-spacing:.8px}.bottom-bar{position:absolute;left:0;right:0;bottom:0;height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#030910ef;border-top:1px solid var(--line);z-index:6;color:#7a9eae;font-size:9px;letter-spacing:.9px}.bottom-bar kbd{margin:0 2px}.tooltip{position:absolute;z-index:9;pointer-events:none;background:#071622ed;border:1px solid var(--cyan);padding:6px 9px;font-size:10px;color:#bffbff}.hidden{display:none!important}.help{position:fixed;inset:0;background:#0009;z-index:20;display:grid;place-items:center;backdrop-filter:blur(8px)}.helpbox{width:min(520px,90vw);position:relative;background:#0b1b28;border:1px solid #2b7886;padding:36px;box-shadow:0 15px 80px #000}.helpbox small{color:var(--cyan);letter-spacing:2px}.helpbox h2{font-size:26px;letter-spacing:-1px}.helpbox p{color:#aac0ca;line-height:1.8}.cross{position:absolute;top:15px;right:19px;background:none;border:0;font-size:27px}.fatal{position:fixed;inset:0;z-index:99;background:#06111a;display:grid;place-items:center;text-align:center}.fatal>div{max-width:550px;padding:32px}.fatal p{color:#aac8d6;line-height:1.9}.fatal code{color:var(--cyan)}.fatal a{color:var(--cyan)}body.ui-hidden .panel,body.ui-hidden .bottom-bar,body.ui-hidden .topstat{display:none}body.ui-hidden .topbar{background:transparent;border:0;pointer-events:none}body.ui-hidden .topbar #hideUi{pointer-events:auto}body.fly-active #viewport{cursor:crosshair}@media(max-width:1150px){.panel{width:258px;padding:17px}.right-panel{width:268px}.panel h1{font-size:26px}.topstat{display:none}.bottom-bar>div:first-child{display:none}}@media(max-width:720px){.topbar{height:58px;padding:0 10px}.brand strong{font-size:13px}.brand small{font-size:6px}.panel{top:auto;bottom:45px;height:225px;width:calc(50% - 12px);padding:13px}.left-panel{left:7px}.right-panel{right:7px}.panel h1{font-size:17px}.intro,.metrics,.topstat{display:none}.bottom-bar{font-size:7px;padding:0 6px}.bottom-bar>div:last-child{display:none}}