:root{font-family:'Segoe UI',Arial,sans-serif;color:#e8eee6;background:#101c1e;font-synthesis:none;--mint:#d4e6a2;--muted:#9aada7;--border:#ffffff18;--warn:#efc177;--bad:#f29b91;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--border);background:#ffffff04;border-radius:7px;transition:background .15s}button:hover{background:#ffffff10}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}[hidden]{display:none!important}button:active{transform:translateY(1px)}
.lab-header{height:70px;padding:0 30px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--border);background:#132022}.brand{font-size:18px;font-weight:800;letter-spacing:-.8px;color:#edf1e7;text-decoration:none;white-space:nowrap}.brand em{font-style:normal;color:var(--mint)}.brand>span{font-size:10px;letter-spacing:1.4px;font-weight:500;margin-left:20px;padding-left:20px;border-left:1px solid #ffffff30;color:#b6c5be}.brand b{color:var(--mint);font-size:9px;margin-left:6px}.review-label{font-size:9px;letter-spacing:1.6px;color:#b0bfb9;display:flex;align-items:center;gap:8px;margin-left:auto}.review-label i,.source-dot,.mini-monitor>i{width:5px;height:5px;border-radius:50%;background:var(--mint);display:inline-block}.lab-header>button{font-size:11px;padding:9px 12px;display:flex;align-items:center;gap:9px}.lab-header>button>span{color:var(--mint);font-size:16px}kbd{font:9px Consolas,monospace;color:#a8b8af;border:1px solid #ffffff26;padding:3px 4px;border-radius:3px;margin-left:8px}
.stage{height:calc(100dvh - 160px);min-height:500px;position:relative;isolation:isolate;overflow:hidden}.scene{position:absolute;inset:0;z-index:-2;background:linear-gradient(155deg, #162c31 0%, #294247 42%, #0a171c 100%);background-color:#7b908d}.stage:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 38%,#0a191a35),linear-gradient(0deg,#0a161b40,transparent 24%);pointer-events:none}.scene-label{position:absolute;bottom:16px;left:24px;font:8px Consolas,monospace;letter-spacing:1px;background:#142326df;padding:7px 9px;border:1px solid #ffffff15;border-radius:4px;color:#d8e0d5}.scene-label span{color:#a9bab1;letter-spacing:0}.diagnostics{position:absolute;top:24px;right:26px;width:370px;max-height:calc(100% - 48px);display:flex;flex-direction:column;background:#132326f5;border:1px solid #d0e5c233;border-radius:15px;box-shadow:0 16px 55px #05131655;overflow:hidden}.panel-head{padding:19px 20px 16px;display:flex;align-items:center;gap:11px}.panel-icon{width:34px;height:36px;border:1px solid #d4e6a22b;background:#d4e6a209;border-radius:8px;color:var(--mint);display:grid;place-items:center;font-size:21px}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#a8b9af;margin:0 0 5px}.panel-head h1{font-size:20px;letter-spacing:-.5px;line-height:1.15;margin:0;font-weight:600}.icon-button{margin-left:auto;align-self:flex-start;width:30px;height:30px;border-color:transparent;font-size:23px;color:#aabcb4;line-height:22px}.source-line{display:flex;align-items:center;gap:7px;margin:0 20px 16px;font-size:9px}.source-dot{background:var(--warn);width:4px;height:4px}.source-line strong{font-weight:500;color:#e9c997}.source-line>span:last-child{margin-left:auto;font:7px Consolas,monospace;letter-spacing:.5px;color:#95aaa1}.tabs{display:flex;padding:0 20px;gap:24px;border-bottom:1px solid var(--border);flex-shrink:0}.tabs button{border:0;border-radius:0;font-size:11px;padding:0 0 12px;position:relative;color:#92a79e;background:transparent}.tabs button[aria-selected=true]{color:var(--mint)}.tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--mint)}.panel-content{overflow:auto;padding:17px 20px 0;scrollbar-width:thin;min-height:0}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{min-width:0}.metric+.metric{border-left:1px solid var(--border);padding-left:15px}.metric-label{font-size:8px;letter-spacing:1.1px;color:#c0cfc6;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.metric-label>span{font:7px Consolas,monospace;letter-spacing:0;color:var(--mint);background:#d4e6a20b;border-radius:3px;padding:3px 4px}.metric-label>span[data-level=warn]{color:var(--warn);background:#efc1770c}.metric-label>span[data-level=bad]{color:var(--bad);background:#f29b910c}.metric-label>span[data-level=neutral]{color:#b7c5c1;background:#ffffff06}.big-number{display:flex;gap:6px;align-items:baseline;margin-top:5px}.big-number strong{font:400 46px/1.14 'Segoe UI',sans-serif;letter-spacing:-2px;font-variant-numeric:tabular-nums}.big-number small{font:10px Consolas,monospace;color:#91a69e}.metric p{font-size:8px;color:#8ea59b;margin:5px 0 0;white-space:nowrap}.chart-card{background:#07181b55;border:1px solid #ffffff0e;border-radius:8px;margin-top:18px;padding:12px 12px 9px}.section-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#c5d1c9}.section-heading strong{font:12px Consolas,monospace;color:#d7e8ad}.section-heading small{font-size:9px;color:#8ba397}.chart{height:77px;position:relative;margin-top:7px}.chart svg{width:100%;height:100%;overflow:hidden}.grid-line{stroke:#ffffff12;stroke-dasharray:3 4;fill:none}.chart-line{stroke:var(--mint);stroke-width:1.7;fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}.chart-area{fill:#d4e6a20a}.target-label{position:absolute;top:45px;right:2px;font:7px Consolas,monospace;color:#789187;transform:translateY(-100%)}.chart-footer{display:flex;justify-content:space-between;color:#7e998d;font:7px Consolas,monospace;margin-top:2px}.chart-footer>span:nth-child(2){display:flex;gap:4px;align-items:center}.chart-footer i{width:8px;height:2px;background:var(--mint)}.chart-footer b{font-weight:400;color:#728c81;margin-left:4px}.data-list{margin:14px 0 0}.data-list>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #ffffff09;font-size:10px;min-height:31px}.data-list dt{color:#a0b4aa}.data-list dt>span{font-size:9px;color:#627e70;margin-left:3px;cursor:help}.data-list dd{margin:0;color:#e0e8dc;font:10px Consolas,monospace;text-align:right;font-variant-numeric:tabular-nums}.data-list dd small{font-size:9px;color:#8aa195}.health-message{display:flex;gap:8px;align-items:flex-start;border:1px solid #d4e6a21c;border-radius:6px;background:#d4e6a206;padding:10px;margin:14px 0;font-size:9px;color:#bfd09f;line-height:1.5}.health-message i{width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0;margin-top:5px}.health-message[data-level=warn]{color:var(--warn);border-color:#efc17727;background:#efc17708}.health-message[data-level=bad]{color:var(--bad);border-color:#f29b9127;background:#f29b9108}.health-message[data-level=neutral]{color:#a7beb4;border-color:#ffffff1c}.panel-footer{padding:13px 20px 14px;border-top:1px solid var(--border);flex-shrink:0;background:#132225}.actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}.actions button{height:35px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:8px}.actions button[aria-pressed=true]{color:var(--warn);border-color:#efc17766}.actions .accent-button{background:var(--mint);border-color:var(--mint);color:#203226;font-weight:600}.actions .accent-button:hover{background:#e1eec2}.accent-button span{margin-left:auto}.actions .accent-button{justify-content:space-between;padding:0 12px}.text-button{padding:0;border:0;background:transparent;font-size:8px;text-decoration:underline;text-underline-offset:3px;color:#b2c2b7;margin-top:12px}.privacy-note{float:right;font-size:7px;color:#789487;margin-top:13px}.network-state{display:flex;gap:10px;align-items:center;padding:4px 0 7px}.network-state i{background:var(--mint);width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 5px #d4e6a209}.network-state h2{font-size:16px;font-weight:500;margin:0 0 5px}.network-state p{font-size:9px;color:#92aa9c;margin:0}.info-note{font-size:10px;line-height:1.65;background:#ffffff03;border:1px solid var(--border);padding:13px;border-radius:6px;margin:18px 0;color:#9db2a5}.section-kicker{font:8px Consolas,monospace;letter-spacing:1px;color:#95af9f;margin:4px 0 0}[data-health=bad] .network-state i{background:var(--bad)}[data-health=warn] .network-state i{background:var(--warn)}[data-health=warn] .chart-line{stroke:var(--warn)}[data-health=bad] .chart-line{stroke:var(--bad)}
.mini-monitor{position:absolute;right:26px;top:24px;background:#132326f5;border-color:#d0e5c233;display:flex;align-items:center;gap:6px;padding:11px 13px;border-radius:9px;font:9px Consolas,monospace;color:#b2c3b7;box-shadow:0 5px 25px #05131633}.mini-monitor strong{font-size:15px;font-weight:500;color:#ecf0df}.mini-monitor>span{height:14px;width:1px;background:var(--border);margin:0 4px}.mini-monitor>i{margin-right:5px}.mini-monitor b{margin-left:8px;font-size:15px;color:var(--mint)}.mini-monitor[data-health=warn]>i{background:var(--warn)}.mini-monitor[data-health=bad]>i{background:var(--bad)}
.lab-toolbar{min-height:90px;display:flex;align-items:center;gap:25px;padding:17px 30px;border-top:1px solid var(--border);background:#132022}.toolbar-caption{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.toolbar-caption>.eyebrow{font-size:7px;margin:0;letter-spacing:1.4px}.toolbar-caption>span:last-child{font-size:10px;color:#b6c6bc}.scenarios{display:flex;gap:6px;flex-wrap:wrap}.scenarios button{font-size:10px;padding:10px 13px;white-space:nowrap;color:#a1b5aa}.scenarios button[aria-pressed=true]{background:#d4e6a210;border-color:#d4e6a244;color:var(--mint)}.scenarios i{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;vertical-align:middle;margin-right:5px}.scenarios button>span{color:var(--mint);margin-left:4px}.lab-isolation{margin-left:auto;text-align:right;font:8px Consolas,monospace;color:#8ca296;line-height:1.8;white-space:nowrap}.lab-isolation b{font:8px 'Segoe UI',sans-serif;color:#627f70}.toast{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;background:#142b28f5;border:1px solid #d4e6a255;padding:13px 18px;box-shadow:0 5px 30px #0004;font-size:12px;border-radius:8px;z-index:3}dialog{width:min(600px,90vw);background:#142427;border:1px solid #d4e6a244;color:#e0e8dc;border-radius:14px;padding:24px}dialog::backdrop{background:#071316b8}dialog h2{font-size:20px;margin-top:0}dialog p{font-size:12px;line-height:1.5;color:#a9bcb0}dialog textarea{display:block;resize:vertical;width:100%;height:260px;font:11px Consolas,monospace;background:#0e1c1f;color:#dce6d8;border:1px solid var(--border);padding:10px}dialog button{padding:9px 18px;margin-top:15px}
@media(min-width:1450px){.diagnostics{right:34px;top:30px}.stage{min-height:500px}.lab-header,.lab-toolbar{padding-left:34px;padding-right:34px}}
@media(max-width:1050px){.lab-header{padding:0 20px;gap:15px}.lab-toolbar{padding:14px 20px;gap:18px}.toolbar-caption{display:none}.lab-isolation{font-size:7px}.scenarios button{padding:10px}.review-label{letter-spacing:1px}.diagnostics{right:20px;width:350px}.tabs{gap:23px}.panel-head{padding-top:16px}.metric-label{font-size:7px}.metric-label>span{font-size:6px}.privacy-note{font-size:6px}}
@media(max-width:700px){.lab-header{height:62px;padding:0 14px;gap:10px}.brand{font-size:15px}.brand>span{font-size:8px;margin-left:10px;padding-left:10px;letter-spacing:1px}.brand b{display:none}.lab-header>button{margin-left:auto;padding:8px;font-size:0;gap:0}.lab-header>button>span{font-size:20px}.lab-header kbd,.review-label{display:none}.stage{height:calc(100dvh - 174px);min-height:625px}.scene{background-position:45% center}.diagnostics{top:14px;right:14px;width:min(350px,calc(100% - 28px));max-height:calc(100% - 50px)}.mini-monitor{right:14px;top:14px}.scene-label{bottom:9px;left:14px;font-size:6px;padding:5px 7px}.scene-label span{font-size:7px}.lab-toolbar{min-height:112px;align-items:center;gap:0;padding:12px 14px}.scenarios{gap:6px}.scenarios button{font-size:9px;padding:10px 11px;min-height:35px}.lab-isolation{display:none}.panel-head{padding:16px 18px 13px}.source-line{margin-left:18px;margin-right:18px}.panel-content{padding-left:18px;padding-right:18px}.tabs{padding-left:18px}.panel-footer{padding-left:18px;padding-right:18px}.toast{bottom:40px;font-size:11px}.big-number strong{font-size:42px}.metric p{font-size:7px}}
@media(max-height:600px) and (min-width:701px){.lab-header{height:52px}.lab-toolbar{min-height:65px;padding-top:10px;padding-bottom:10px}.stage{height:calc(100dvh - 117px);min-height:250px}.diagnostics{top:12px;max-height:calc(100% - 24px);width:330px;right:16px}.panel-head{padding:10px 15px}.panel-icon{height:30px;width:30px}.panel-head h1{font-size:17px}.source-line{margin:0 15px 9px}.tabs{padding:0 15px}.tabs button{padding-bottom:9px}.panel-content{padding:12px 15px 0}.panel-footer{padding:9px 15px}.privacy-note,.text-button{margin-top:7px}.metric-pair{gap:10px}.metric-label{letter-spacing:.4px}.mini-monitor{top:12px;right:16px}.scene-label{bottom:8px;font-size:6px}.big-number strong{font-size:35px}.lab-isolation{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.diagnostics>.health-message{margin:10px 20px 12px;flex-shrink:0}@media(max-width:700px){.diagnostics>.health-message{margin-left:18px;margin-right:18px}}@media(max-height:600px) and (min-width:701px){.diagnostics>.health-message{margin:6px 15px;font-size:8px;padding:7px}}
@media(max-height:450px) and (min-width:701px){.panel-head{padding:6px 12px;gap:8px}.panel-head .eyebrow,.panel-icon{display:none}.panel-head h1{font-size:15px}.icon-button{height:23px;width:26px;line-height:18px}.source-line{margin:0 12px 5px;font-size:8px}.tabs{padding:0 12px}.tabs button{font-size:10px;padding-bottom:7px}.panel-content{padding-top:7px}.panel-footer{padding:7px 12px}.actions button{height:28px;font-size:9px}.diagnostics>.health-message{margin:5px 12px;padding:6px;font-size:8px}.privacy-note{display:none}.panel-footer .text-button{margin-top:5px}}