:root{color-scheme:dark;--panel:rgba(7,17,30,.87);--edge:rgba(101,186,209,.22);--glow:#8ff5ed;--sub:#8da5b8;--ink:#e3f7ff;--cyan:#55dfdc}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#030a14;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer}#viewport{position:fixed;width:100%;height:100%;display:block;outline:0}.ui{position:absolute;inset:0;pointer-events:none}.ui>*{pointer-events:auto}.topbar{height:78px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--edge);background:linear-gradient(180deg,rgba(6,16,29,.97),rgba(6,16,29,.5));gap:14px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{font-size:36px;color:var(--glow);filter:drop-shadow(0 0 12px #49dfd8)}.brand strong{font-size:19px;letter-spacing:3px}.brand small{font-size:12px;font-weight:500;color:var(--cyan);letter-spacing:1px}.brand label{display:block;color:#7c9cad;letter-spacing:2.4px;font-size:9px;margin-top:5px}.top-right{display:flex;gap:10px;align-items:center}.chip{padding:10px 12px;border:1px solid var(--edge);font-size:10px;letter-spacing:1px;color:#94afc2}.chip b{color:#e4faff;margin-left:4px}.chip.online{color:#6ce8c1}#hide-ui{background:none;border:1px solid var(--edge);font-size:19px;padding:6px 10px}.panel{position:absolute;top:94px;bottom:67px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#25465b transparent;background:var(--panel);border:1px solid var(--edge);backdrop-filter:blur(14px);box-shadow:0 25px 60px #0005}.left-panel{left:18px;width:302px;padding:24px 22px}.right-panel{right:18px;width:295px;padding:24px 21px}.eyebrow{font-size:10px;color:#69cbd0;letter-spacing:2.5px}.left-panel h2{font-size:25px;font-weight:700;letter-spacing:-.7px;line-height:1.14;margin:19px 0 10px}.left-panel h2 em{font-weight:300;font-style:normal;color:#98c6d8}.panel-copy{font-size:12px;line-height:1.7;color:#8ea8b9;margin-bottom:22px}.section-title{font-size:10px;font-weight:700;letter-spacing:2.1px;color:#7392a4;border-bottom:1px solid #223847;padding-bottom:11px;margin:26px 0 12px}.destinations{display:flex;flex-direction:column;gap:6px}.destinations button{display:flex;align-items:center;gap:12px;text-align:left;background:#1023348a;border:1px solid #1d3e4b;padding:10px 11px;transition:.2s}.destinations button:hover,.destinations button.selected{background:#0c49515d;border-color:#54d9c6}.destinations button span{color:#6bdcd0;font-size:10px}.destinations button b{flex:1;font-weight:500;font-size:12px}.destinations button i{font-style:normal;color:#67d8d1}.meters>div:not(.meter){display:flex;justify-content:space-between;font-size:11px;margin-top:14px;color:#9db4c0}.meters b{color:#c8f6f1}.meter{height:3px;background:#1a3a47;margin-top:7px}.meter i{display:block;background:linear-gradient(90deg,#1a7e92,#78f8d9);height:3px;transition:width .3s}.small-print{font-size:9px;letter-spacing:1px;color:#547085;margin-top:25px}.right-panel h3{font-size:20px;margin:16px 0 22px}.system-block{margin-bottom:20px}.system-block label{display:flex;justify-content:space-between;align-items:center;color:#bcd1df;font-size:12px;margin-bottom:10px}.system-block output{font-size:11px;color:#72e5d6}.system-block input{width:100%;accent-color:#53ddce;cursor:pointer}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #203341;cursor:pointer}.toggle-row b{display:block;font-size:12px;font-weight:500}.toggle-row small{display:block;color:#758fa0;font-size:10px;margin-top:5px}.toggle-row input{appearance:none;position:absolute;opacity:0}.toggle-row i{width:34px;height:19px;border-radius:14px;background:#304455;position:relative;transition:.18s;flex-shrink:0}.toggle-row i:before{content:'';display:block;background:#9bb2c2;width:13px;height:13px;position:absolute;top:3px;left:3px;border-radius:50%;transition:.18s}.toggle-row input:checked+i{background:#1a7b83}.toggle-row input:checked+i:before{transform:translateX(15px);background:#9effe9}.dual{display:flex;gap:8px}.mode-button{flex:1;background:transparent;border:1px solid #335060;padding:10px 3px;font-size:10px;color:#9eddd9}.mode-button:hover{border-color:#65dace}.warning{color:#7895a5;font-size:10px;line-height:1.5;margin:20px 0}.bottom-left,.bottom-right{position:absolute;bottom:20px;display:flex;gap:13px;align-items:center;color:#8eadbe;font-size:10px;letter-spacing:1px}.bottom-left{left:25px}.bottom-left b{font-weight:400;color:#62cfc8}.crosshair{font-size:23px;color:#6ce2d8}.bottom-right{right:22px}.bottom-center{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.bottom-center button{padding:12px 16px;background:#051d2bcd;border:1px solid #3e8c98;font-size:11px;letter-spacing:1px}.bottom-center button:hover{background:#12505a}.bottom-center span{border:1px solid #577e87;padding:2px 5px;margin-left:8px}.inspector{position:absolute;bottom:73px;right:330px;width:310px;background:rgba(4,24,38,.96);border:1px solid #389eaa;padding:22px;box-shadow:0 0 45px #0009}.inspector>span{color:#62cfc7;font-size:9px;letter-spacing:2px}.inspector h3{margin:12px 0;font-size:17px}.inspector p{color:#9bb6c8;line-height:1.6;font-size:12px}.inspector #inspector-details{font-size:11px;color:#73d6d2;line-height:1.8}.inspector button{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:22px}.help{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,90vw);background:#071b2def;border:1px solid #3daab7;padding:25px;box-shadow:0 10px 80px #000c}.help p{font-size:13px;line-height:1.9;color:#a6bccc}.help button{border:1px solid #3e8c98;background:#102d3f;padding:8px 15px}.hidden{display:none!important}#help-toggle{position:absolute;right:18px;bottom:68px;border:1px solid #3c6a7e;border-radius:50%;background:#092438aa;width:32px;height:32px}.toast{position:absolute;left:50%;top:92px;transform:translateX(-50%);padding:10px 22px;border:1px solid #3b8893;background:#061826df;color:#92efe6;font-size:12px;letter-spacing:.7px;opacity:0;pointer-events:none;transition:opacity .25s}.toast.show{opacity:1}#loading{position:absolute;inset:0;z-index:10;background:radial-gradient(circle at center,#0a2937,#030a12 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;letter-spacing:3px;font-size:14px}#loading .load-mark{color:#7ef9e7;font-size:100px;animation:pulse 2s infinite}#loading span{color:#779bac;letter-spacing:1.5px;font-size:11px}#loading .loadbar{width:215px;height:3px;background:#143b49;margin-top:20px;overflow:hidden}#loading .loadbar i{display:block;height:100%;background:#7effdf;animation:bar 2.1s ease-in-out infinite}@keyframes bar{0%{width:0}100%{width:100%}}@keyframes pulse{50%{opacity:.48;transform:scale(.95)}}.ui.minimal .topbar,.ui.minimal .panel,.ui.minimal .bottom-left,.ui.minimal .bottom-right,.ui.minimal .inspector,.ui.minimal #help-toggle,.ui.minimal .bottom-center{display:none}body:after{pointer-events:none;content:'';position:fixed;inset:0;border:18px solid transparent;box-shadow:inset 0 0 100px #030d1d9e}button:focus-visible,input:focus-visible{outline:2px solid #9af2e5;outline-offset:2px}@media(max-width:1050px){.left-panel{width:250px;padding:16px}.right-panel{width:250px;padding:16px}.inspector{right:285px}.top-right .chip:nth-child(2){display:none}}@media(max-width:750px){.left-panel{width:42vw;max-height:35vh;bottom:auto;top:74px}.right-panel{width:43vw;top:74px;bottom:57px}.left-panel h2{font-size:18px}.panel-copy,.meters,.bottom-right{display:none}.topbar{height:64px;padding:8px}.brand strong{font-size:13px}.brand label{font-size:7px}.chip{display:none}.bottom-left{display:none}.bottom-center{left:20px;transform:none}.bottom-center button{font-size:9px;padding:9px}}