:root{--bg-0: #030609;--bg-1: #050b13;--bg-2: #081322;--panel: rgba(8, 17, 28, .86);--panel-solid: #0a1522;--line: rgba(72, 148, 168, .16);--line-strong: rgba(72, 148, 168, .34);--accent: #35e0c6;--accent-dim: rgba(53, 224, 198, .55);--accent-2: #7fd4ff;--warn: #ffb454;--crit: #ff5f5f;--ok: #46e08c;--text: #c9dbe6;--text-bright: #eefcff;--text-dim: #6f8a9c;--text-faint: #45596a;--mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans: "Avenir Next", "Segoe UI", "Helvetica Neue", Inter, system-ui, sans-serif;--radius: 6px;--topbar-h: 54px;--timebar-h: 74px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 70% 20%,rgba(24,60,74,.28),transparent 60%),radial-gradient(900px 700px at 20% 85%,rgba(16,42,58,.32),transparent 65%),var(--bg-0);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.45;overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(70,140,160,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(70,140,160,.045) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(1,3,6,.55) 100%);pointer-events:none;z-index:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.boot{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 600px at 50% 40%,rgba(18,44,56,.55),transparent 70%),var(--bg-0);transition:opacity .7s ease,visibility .7s}.boot.done{opacity:0;visibility:hidden;pointer-events:none}.boot-inner{text-align:center;width:min(420px,86vw)}.boot-mark{width:72px;height:72px;margin-bottom:18px;animation:bootPulse 2.2s ease-in-out infinite}@keyframes bootPulse{0%,to{opacity:.65;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}.boot-title{font-family:var(--mono);font-size:22px;letter-spacing:.42em;color:var(--text-bright);text-indent:.42em;margin-bottom:6px}.boot-sub{font-family:var(--mono);font-size:10px;letter-spacing:.34em;color:var(--text-dim);text-indent:.34em}.boot-bar{height:2px;margin:26px auto 14px;background:#468ca026;border-radius:2px;overflow:hidden;width:100%}.boot-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));box-shadow:0 0 12px var(--accent-dim);transition:width .4s ease}.boot-steps{font-family:var(--mono);font-size:10.5px;color:var(--text-dim);letter-spacing:.08em;min-height:16px}.boot-steps .ok{color:var(--accent)}.app{position:relative;z-index:2;display:grid;grid-template-rows:var(--topbar-h) minmax(0,1fr) var(--timebar-h);height:100dvh;opacity:0;transition:opacity .8s ease}.app[data-booted=true]{opacity:1}.topbar{display:flex;align-items:center;gap:16px;padding:0 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0a1522eb,#070e17d9);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:30px;height:30px;flex:none}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-family:var(--mono);font-size:14px;letter-spacing:.26em;color:var(--text-bright)}.brand-sub{font-family:var(--mono);font-size:8.5px;letter-spacing:.3em;color:var(--text-faint)}.search-wrap{position:relative;flex:1 1 320px;max-width:460px;min-width:140px}.search-wrap .search-ico{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:13px;height:13px;color:var(--text-faint);pointer-events:none}#search{width:100%;padding:7px 12px 7px 30px;background:#060d15d9;border:1px solid var(--line);border-radius:var(--radius);color:var(--text-bright);font-family:var(--mono);font-size:12px;letter-spacing:.03em;transition:border-color .2s,box-shadow .2s}#search::placeholder{color:var(--text-faint)}#search:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px #35e0c614;outline:none}#search::-webkit-search-cancel-button{-webkit-appearance:none}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 40px #0000008c;max-height:320px;overflow-y:auto}.search-empty{padding:16px 14px;text-align:center;color:var(--text-dim);font-size:12px}.search-empty b{color:var(--text);font-family:var(--mono)}.search-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;text-align:left;border-bottom:1px solid rgba(72,148,168,.08)}.search-row:last-child{border-bottom:none}.search-row:hover,.search-row.active{background:#35e0c614}.search-row .sr-code{font-family:var(--mono);color:var(--accent);font-size:12px;width:38px;flex:none}.search-row .sr-name{color:var(--text);font-size:12.5px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-row .sr-country{color:var(--text-dim);font-size:11px}.search-row .sr-region{font-family:var(--mono);font-size:9.5px;color:var(--text-dim);border:1px solid var(--line);padding:1px 5px;border-radius:3px;flex:none}.top-status{display:flex;align-items:center;gap:14px;margin-left:auto}.mode-pill{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;padding:5px 11px;border-radius:999px;border:1px solid rgba(70,224,140,.4);color:var(--ok);background:#46e08c12;transition:all .3s}.mode-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.app[data-mode=live] .mode-pill{animation:pillPulse 2.4s ease-in-out infinite}@keyframes pillPulse{0%,to{box-shadow:0 0 #46e08c00}50%{box-shadow:0 0 14px #46e08c40}}.app[data-mode=paused] .mode-pill,.app[data-mode=scrub] .mode-pill{color:var(--warn);border-color:#ffb45466;background:#ffb45412}.app[data-mode=play] .mode-pill{color:var(--accent-2);border-color:#7fd4ff66;background:#7fd4ff12}.app[data-mode=live] .mode-pill{animation:none}.app[data-mode=live] .mode-dot{animation:dotBlink 1.6s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.35}}.clock{font-family:var(--mono);font-size:12px;color:var(--text);display:flex;align-items:baseline;gap:5px;white-space:nowrap}.clock-utc{color:var(--text-bright);font-size:14px}.clock-z,.clock-sep{color:var(--text-faint);font-size:9px;letter-spacing:.1em}.clock-local{color:var(--text-dim)}.clock-date{color:var(--text-faint);font-size:9.5px;margin-left:4px}.link-status{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--accent)}.link-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:dotBlink 2.8s ease-in-out infinite}.link-status.hold{color:var(--warn)}.layout{display:grid;grid-template-columns:296px minmax(0,1fr) 336px;gap:10px;padding:10px;min-height:0}.rail{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.rail::-webkit-scrollbar,.feed::-webkit-scrollbar,.detail::-webkit-scrollbar{width:8px}.rail::-webkit-scrollbar-thumb,.feed::-webkit-scrollbar-thumb,.detail::-webkit-scrollbar-thumb{background:#4894a838;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.rail::-webkit-scrollbar-track,.feed::-webkit-scrollbar-track,.detail::-webkit-scrollbar-track{background:transparent}.panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 12px 13px;backdrop-filter:blur(10px)}.panel:before,.panel:after{content:"";position:absolute;width:10px;height:10px;pointer-events:none;border-color:var(--accent-dim);border-style:solid;opacity:.55}.panel:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.panel:after{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0}.panel-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.22em;color:var(--text-dim)}.panel-title:before{content:"";width:3px;height:12px;background:var(--accent);opacity:.75;box-shadow:0 0 6px var(--accent-dim)}.panel-freq{margin-left:auto;font-size:8.5px;color:var(--text-faint);letter-spacing:.12em}.metric-tiles{display:flex;flex-direction:column;gap:8px}.mtile{display:grid;grid-template-columns:1fr 78px;align-items:center;gap:4px 10px;padding:8px 10px;border:1px solid rgba(72,148,168,.12);border-radius:5px;background:#050c1480;transition:border-color .25s}.mtile:hover{border-color:var(--line-strong)}.mtile-label{font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;color:var(--text-faint)}.mtile-value{grid-row:2;font-family:var(--mono);font-size:19px;color:var(--text-bright);font-variant-numeric:tabular-nums;letter-spacing:.01em;line-height:1.1;text-shadow:0 0 18px rgba(53,224,198,.15)}.mtile canvas{grid-row:1 / span 2;grid-column:2;width:78px;height:34px}.mtile .mtile-delta{font-family:var(--mono);font-size:9.5px;margin-left:7px;color:var(--text-faint)}.mtile .mtile-delta.up{color:var(--ok)}.mtile .mtile-delta.down{color:var(--crit)}.mtile.alerting .mtile-value{color:var(--warn)}.mtile.alerting{border-color:#ffb45459}.layer-toggles{display:flex;flex-direction:column;gap:6px}.layer-toggle{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:7px 9px;border:1px solid transparent;border-radius:5px;text-align:left;transition:background .2s,border-color .2s}.layer-toggle:hover{background:#35e0c60d}.layer-toggle .lt-name{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--text)}.layer-toggle .lt-desc{grid-column:2;font-size:10px;color:var(--text-faint);margin-top:1px}.lt-switch{position:relative;width:26px;height:14px;border-radius:999px;background:#4894a82e;border:1px solid var(--line);transition:background .25s,border-color .25s;flex:none}.lt-switch:after{content:"";position:absolute;top:1.5px;left:2px;width:9px;height:9px;border-radius:50%;background:var(--text-faint);transition:transform .25s,background .25s}.layer-toggle[aria-pressed=true] .lt-switch{background:#35e0c640;border-color:var(--accent-dim)}.layer-toggle[aria-pressed=true] .lt-switch:after{transform:translate(12px);background:var(--accent);box-shadow:0 0 8px var(--accent-dim)}.layer-toggle[aria-pressed=true] .lt-name{color:var(--text-bright)}.lt-glyph{width:16px;height:16px;color:var(--text-dim)}.layer-toggle[aria-pressed=true] .lt-glyph{color:var(--accent)}.region-chips{display:flex;flex-wrap:wrap;gap:6px}.region-chip{font-family:var(--mono);font-size:10px;letter-spacing:.1em;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--text-dim);transition:all .2s}.region-chip:hover{border-color:var(--line-strong);color:var(--text)}.region-chip[aria-pressed=true]{color:var(--bg-0);background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #35e0c659;font-weight:700}.link-btn{margin-left:auto;font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;color:var(--accent);padding:2px 6px;border:1px solid rgba(53,224,198,.35);border-radius:3px}.link-btn:hover{background:#35e0c61a}.stage{position:relative;min-width:0;min-height:0;border-radius:var(--radius);overflow:hidden}.globe-container{position:absolute;inset:0}.globe-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.globe-canvas:active{cursor:grabbing}.globe-tooltip{position:absolute;z-index:20;pointer-events:none;background:#060d15eb;border:1px solid var(--line-strong);border-radius:5px;padding:6px 9px;display:flex;flex-direction:column;gap:1px;box-shadow:0 8px 24px #00000080;backdrop-filter:blur(6px);animation:ttIn .15s ease}@keyframes ttIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.globe-tooltip .tt-code{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.1em}.globe-tooltip .tt-name{font-size:12px;color:var(--text-bright)}.globe-tooltip .tt-meta{font-family:var(--mono);font-size:9.5px;color:var(--text-dim)}.globe-sel-label{position:absolute;z-index:15;pointer-events:none;font-family:var(--mono);font-size:10.5px;color:var(--text-bright);background:#35e0c61a;border:1px solid rgba(53,224,198,.4);padding:3px 8px;border-radius:3px;white-space:nowrap;text-shadow:0 0 8px rgba(0,0,0,.8)}.globe-sel-label b{color:var(--accent)}.hud{position:absolute;z-index:10;display:flex;gap:14px;pointer-events:none}.hud.tl{top:10px;left:12px}.hud.br{bottom:10px;right:12px;font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--text-faint)}.hud-stat{display:flex;flex-direction:column;gap:1px}.hud-k{font-family:var(--mono);font-size:8px;letter-spacing:.2em;color:var(--text-faint)}.hud-v{font-family:var(--mono);font-size:13px;color:var(--accent-2);font-variant-numeric:tabular-nums}.detail{position:absolute;top:10px;right:10px;bottom:10px;z-index:30;width:min(360px,calc(100% - 20px));display:flex;flex-direction:column;gap:0;background:#070f19f0;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden;backdrop-filter:blur(14px);box-shadow:-18px 0 44px #00000080;animation:detailIn .32s cubic-bezier(.2,.9,.3,1)}@keyframes detailIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.detail-head{display:flex;align-items:flex-start;gap:10px;padding:14px 14px 10px;border-bottom:1px solid var(--line)}.detail-id{min-width:0}.detail-code{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--accent)}.detail-title{margin:3px 0 2px;font-size:19px;font-weight:600;color:var(--text-bright);letter-spacing:.01em}.detail-sub{font-size:11px;color:var(--text-dim)}.icon-btn{margin-left:auto;flex:none;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;color:var(--text-dim);font-size:13px;transition:all .2s}.icon-btn:hover{color:var(--text-bright);border-color:var(--line-strong);background:#ff5f5f14}.detail-scroll{overflow-y:auto;min-height:0;display:flex;flex-direction:column}.detail-status{display:flex;align-items:center;gap:8px;padding:9px 14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;border-bottom:1px solid var(--line)}.detail-status .st-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.detail-status.nominal{color:var(--ok);background:#46e08c0d}.detail-status.degraded{color:var(--warn);background:#ffb4540f}.detail-status.critical{color:var(--crit);background:#ff5f5f12}.detail-spark-wrap{padding:12px 14px 4px}.detail-spark-label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--text-faint);margin-bottom:6px}.detail-spark-label span{color:var(--accent-2)}#detail-spark{width:100%;height:72px;display:block}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 14px 4px}.dstat{border:1px solid rgba(72,148,168,.12);border-radius:5px;padding:7px 9px;background:#050c1480}.dstat-k{font-family:var(--mono);font-size:8px;letter-spacing:.16em;color:var(--text-faint)}.dstat-v{font-family:var(--mono);font-size:14px;color:var(--text-bright);margin-top:2px;font-variant-numeric:tabular-nums}.detail-h{margin:12px 0 6px;padding:0 14px;font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--text-dim);font-weight:600}.detail-routes{list-style:none;margin:0;padding:0 8px;display:flex;flex-direction:column;gap:4px}.route-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;width:100%;padding:7px 10px;text-align:left;border:1px solid transparent;border-radius:5px;transition:background .15s,border-color .15s}.route-row:hover{background:#35e0c60f;border-color:#35e0c633}.route-sys{font-family:var(--mono);font-size:10.5px;color:var(--accent-2);letter-spacing:.04em}.route-rtt{font-family:var(--mono);font-size:10.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.route-dest{font-size:11px;color:var(--text-dim)}.route-load{grid-column:1 / -1;height:3px;border-radius:2px;background:#4894a826;overflow:hidden;margin-top:2px}.route-load i{display:block;height:100%;background:var(--accent);border-radius:2px;transition:width .5s ease}.route-row.hot .route-load i{background:var(--crit)}.detail-events{list-style:none;margin:0;padding:0 8px 12px;display:flex;flex-direction:column;gap:4px}.detail-events .fev{padding:6px 10px}.feed-panel{flex:1;display:flex;flex-direction:column;min-height:220px}.feed-filters{margin-left:auto;display:flex;gap:4px}.chip{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;padding:2px 7px;border-radius:3px;border:1px solid var(--line);color:var(--text-faint);transition:all .2s}.chip:hover{color:var(--text);border-color:var(--line-strong)}.chip.chip-on{color:var(--accent);border-color:#35e0c673;background:#35e0c614}.feed{list-style:none;margin:0;padding:0;overflow-y:auto;min-height:0;flex:1;display:flex;flex-direction:column;gap:5px}.fev{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:start;padding:8px 10px;border:1px solid rgba(72,148,168,.1);border-radius:5px;background:#050c1473;width:100%;text-align:left;transition:border-color .2s,background .2s;position:relative}button.fev:hover{border-color:#35e0c666;background:#35e0c60d}.fev-time{font-family:var(--mono);font-size:9px;color:var(--text-faint);letter-spacing:.06em;font-variant-numeric:tabular-nums}.fev-title{font-size:11.5px;color:var(--text);line-height:1.35}.fev-meta{grid-column:2;display:flex;gap:8px;align-items:center;margin-top:2px}.sev-chip{font-family:var(--mono);font-size:8px;letter-spacing:.14em;padding:1px 6px;border-radius:3px;border:1px solid;flex:none}.sev-critical{color:var(--crit);border-color:#ff5f5f80;background:#ff5f5f14}.sev-warning{color:var(--warn);border-color:#ffb45480;background:#ffb45414}.sev-info{color:var(--accent-2);border-color:#7fd4ff66;background:#7fd4ff0f}.fev-site{font-family:var(--mono);font-size:9px;color:var(--text-dim);letter-spacing:.08em}.fev-ongoing{color:var(--warn)}.fev.new{animation:fevIn .5s ease}@keyframes fevIn{0%{opacity:0;transform:translateY(-6px);background:#35e0c61f}to{opacity:1;transform:none}}.fev.sev-critical{border-left:2px solid var(--crit)}.fev.sev-warning{border-left:2px solid var(--warn)}.fev.sev-info{border-left:2px solid rgba(127,212,255,.6)}.empty{padding:26px 14px;text-align:center}.empty-glyph{font-size:22px;color:var(--text-faint);margin-bottom:8px;animation:emptyPulse 3s ease-in-out infinite}@keyframes emptyPulse{0%,to{opacity:.4}50%{opacity:1}}.empty-title{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--text)}.empty-sub{font-size:11px;color:var(--text-dim);margin-top:4px}.rankings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.rank-row{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:7px 9px;border:1px solid transparent;border-radius:5px;width:100%;text-align:left;transition:all .18s;position:relative}.rank-row:hover{background:#35e0c60d;border-color:#35e0c640}.rank-row.selected{border-color:#35e0c68c;background:#35e0c617}.rank-idx{font-family:var(--mono);font-size:10px;color:var(--text-faint)}.rank-row:first-child .rank-idx{color:var(--accent)}.rank-name{font-size:12px;color:var(--text);line-height:1.25}.rank-name .rk-code{font-family:var(--mono);color:var(--accent);font-size:10px;margin-right:6px}.rank-val{font-family:var(--mono);font-size:10.5px;color:var(--text-dim);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:6px}.rank-bar{grid-column:1 / -1;height:3px;border-radius:2px;background:#4894a81f;overflow:hidden}.rank-bar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,rgba(53,224,198,.35),var(--accent));transition:width .6s ease}.rank-st{width:7px;height:7px;border-radius:50%;flex:none}.rank-st.nominal{background:var(--ok);box-shadow:0 0 6px #46e08c80}.rank-st.degraded{background:var(--warn);box-shadow:0 0 6px #ffb45480}.rank-st.critical{background:var(--crit);box-shadow:0 0 6px #ff5f5f99;animation:dotBlink 1.2s infinite}.timebar{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;gap:2px 14px;align-items:center;padding:8px 14px 6px;border-top:1px solid var(--line);background:linear-gradient(0deg,#0a1522f0,#070e17d9);backdrop-filter:blur(8px)}.tb-left{grid-column:1;grid-row:1;display:flex;align-items:center;gap:8px}.tb-btn{display:grid;place-items:center;width:34px;height:30px;border:1px solid var(--line);border-radius:5px;color:var(--text-dim);transition:all .2s}.tb-btn:hover{color:var(--text-bright);border-color:var(--line-strong)}.tb-btn svg{width:12px;height:12px}.tb-live{width:auto;padding:0 12px;font-family:var(--mono);font-size:10px;letter-spacing:.18em}.tb-live[aria-pressed=true]{color:var(--ok);border-color:#46e08c80;background:#46e08c14}.tb-live[aria-pressed=false]{color:var(--text-faint)}.tb-readout{display:flex;flex-direction:column;line-height:1.2;margin-left:4px}.tb-time{font-family:var(--mono);font-size:15px;color:var(--text-bright);font-variant-numeric:tabular-nums}.tb-mode{font-family:var(--mono);font-size:8.5px;letter-spacing:.2em;color:var(--text-faint)}.app[data-mode=live] .tb-mode{color:var(--ok)}.app[data-mode=scrub] .tb-mode,.app[data-mode=paused] .tb-mode{color:var(--warn)}.app[data-mode=play] .tb-mode{color:var(--accent-2)}.tb-scrub{grid-column:2;grid-row:1;position:relative;height:38px;min-width:120px}.scrub-canvas{position:absolute;inset:4px 0 6px;width:100%;height:28px;pointer-events:none}.scrub-events{position:absolute;inset:2px 0 auto;height:8px;pointer-events:none}.scrub-ev{position:absolute;top:0;width:3px;height:8px;border-radius:1px;transform:translate(-50%)}.scrub-ev.sev-critical{background:var(--crit);box-shadow:0 0 6px #ff5f5fb3}.scrub-ev.sev-warning{background:var(--warn)}.scrub-ev.sev-info{background:#7fd4ff8c}.scrub-track{position:absolute;left:0;right:0;bottom:8px;height:2px;background:#4894a82e;border-radius:1px}.scrub-live-edge{position:absolute;right:0;bottom:4px;width:2px;height:10px;background:var(--ok);border-radius:1px;box-shadow:0 0 8px #46e08ccc}.scrub-playhead{position:absolute;top:0;bottom:2px;width:18px;margin-left:-9px;cursor:ew-resize;touch-action:none;z-index:5}.scrub-ph-line{position:absolute;top:2px;bottom:8px;left:50%;width:2px;margin-left:-1px;background:var(--accent);border-radius:1px;box-shadow:0 0 10px #35e0c699}.scrub-ph-knob{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:9px;height:9px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-0);box-shadow:0 0 10px #35e0c6cc}.scrub-playhead:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.tb-labels{grid-column:2;display:flex;justify-content:space-between;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;color:var(--text-faint)}.tb-label-now{color:var(--ok)}.tb-right{grid-column:3;grid-row:1 / span 2;display:flex;align-items:center;gap:12px}.legend-item{display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;color:var(--text-faint)}.sev-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.sev-dot.sev-critical{background:var(--crit)}.sev-dot.sev-warning{background:var(--warn)}.sev-dot.sev-info{background:var(--accent-2)}.chatter{font-family:var(--mono);font-size:9px;color:var(--text-faint);letter-spacing:.06em;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid var(--line);padding-left:12px}@media (max-width: 1180px){.layout{grid-template-columns:262px minmax(0,1fr);grid-template-rows:minmax(340px,1fr) auto}.rail-left{grid-column:1;grid-row:1 / span 2}.stage{grid-column:2;grid-row:1}.rail-right{grid-column:2;grid-row:2;flex-direction:row;overflow:visible}.rail-right .feed-panel{flex:1.4}.rail-right .rank-panel{flex:1}.feed{max-height:220px}.clock-local,.clock-sep,#clock-local,.chatter{display:none}}@media (max-width: 860px){body{overflow:auto}.app{height:auto;min-height:100dvh;grid-template-rows:auto auto auto}.topbar{flex-wrap:wrap;height:auto;padding:8px 12px;gap:10px}.search-wrap{order:3;flex-basis:100%;max-width:none}.top-status{margin-left:auto}.layout{display:flex;flex-direction:column;padding:10px}.stage{height:58vh;min-height:340px;order:0}.rail-left{order:1;flex-direction:row;flex-wrap:wrap;overflow:visible;min-width:0}.rail-left .panel{flex:1 1 240px;min-width:0}.rail-right{order:2;flex-direction:row;flex-wrap:wrap;overflow:visible;min-width:0}.rail-right .panel{flex:1 1 300px;min-width:0}.feed{max-height:300px}.timebar{position:sticky;bottom:0;z-index:40;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:4px}.timebar .tb-left,.timebar .tb-scrub,.timebar .tb-labels,.timebar .tb-right{grid-column:1 / -1;grid-row:auto}.tb-right{grid-row:auto;justify-content:space-between;width:100%}.chatter,.clock-date,.brand-sub{display:none}.detail{inset:auto 0 0;width:auto;max-height:70vh;height:auto;border-radius:var(--radius) var(--radius) 0 0}.hud.br{display:none}}@media (max-width: 480px){.metric-tiles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.mtile{min-width:0;grid-template-columns:minmax(0,1fr) 56px}.mtile canvas{width:56px}.mtile-value{font-size:15px}.rail-left .panel,.rail-right .panel{flex-basis:100%}.hud.tl{gap:8px}}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.boot-mark,.app[data-mode=live] .mode-dot{animation:none}}