:root{--good:#5b9bff;--moderate:#f0aa4a;--poor:#ff7a2e;--alert:#ef233c;--live:#1dd3b0;--signal:#7dd3fc;font-feature-settings:"tnum" 1, "cv11" 1;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#07090d;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.5;cursor:default}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.92em}.row{align-items:center;gap:20px;display:flex}.design{color:var(--text);background:var(--bg);position:fixed;inset:0}.map-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.map-canvas:active{cursor:grabbing}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.brand svg{color:var(--text);display:block}a.brand{color:inherit;cursor:pointer;pointer-events:auto;text-decoration:none}.caption{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500;display:block}.muted{color:var(--muted)}.link{color:var(--muted);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);font-size:12px}.link:hover:not(:disabled){color:var(--text)}.ghost{color:var(--muted);font-size:13px}.ghost:hover{color:var(--text)}.dot{vertical-align:1px;background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.reading{flex-direction:column;gap:6px;display:flex}.reading-value{letter-spacing:-.04em;font-weight:300;line-height:.9}.reading-label{color:var(--level);font-size:14px;font-weight:500}.reading--empty .reading-value{color:var(--muted)}.status{background:var(--pop);border:1px solid var(--line);height:40px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;padding:0 18px 0 14px;font-size:14px;display:inline-flex;box-shadow:0 4px 16px #0000002e}.status .dot{color:var(--muted)}.status--live .dot{color:var(--live);box-shadow:0 0 0 3px color-mix(in srgb, var(--live) 22%, transparent)}.status--demo .dot{color:var(--moderate)}.status--replay .dot,.status--review .dot{color:var(--accent,#4f8cff)}.status--restart .dot{color:var(--moderate);animation:1.2s infinite blink}.status--offline .dot,.status--nopi .dot{animation:1.2s infinite blink}@keyframes blink{50%{opacity:.25}}.alert-banner{z-index:5;background:var(--alert);color:#fff;cursor:pointer;white-space:nowrap;box-shadow:0 8px 30px color-mix(in srgb, var(--alert) 35%, transparent);border-radius:999px;align-items:baseline;gap:12px;padding:10px 16px;font-size:13px;animation:.35s cubic-bezier(.2,.9,.3,1.2) drop;display:flex;position:absolute;top:56px;left:50%;transform:translate(-50%)}.alert-banner span{opacity:.85}@keyframes drop{0%{opacity:0;transform:translate(-50%,-8px)}}.timeline{-webkit-user-select:none;user-select:none}.timeline-track{cursor:pointer;touch-action:none;height:20px;position:relative}.timeline-track:before,.timeline-fill{content:"";border-radius:2px;height:2px;position:absolute;top:9px;left:0}.timeline-track:before{background:var(--track);right:0}.timeline-fill{background:var(--fill)}.timeline-handle{background:var(--text);width:12px;height:12px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;margin-left:-6px;position:absolute;top:4px}.timeline-alert{background:var(--alert);border-radius:1px;width:2px;height:10px;margin-left:-1px;position:absolute;top:5px}.timeline-labels{color:var(--muted);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.timeline--strip .timeline-track{height:40px}.timeline--strip .timeline-track:before{height:1px;top:auto;bottom:0}.timeline--strip .timeline-fill{display:none}.timeline--strip .timeline-handle{width:2px;height:40px;box-shadow:none;border-radius:1px;margin-left:-1px;top:0}.timeline--strip .timeline-alert{height:6px;top:auto;bottom:-3px}.timeline-strip{opacity:.85;width:100%;height:calc(100% - 1px);position:absolute;inset:0 0 1px}.summary{position:relative}.summary-pop{z-index:10;background:var(--pop);border:1px solid var(--line);border-radius:14px;width:340px;padding:18px 20px 14px;font-size:14px;line-height:1.55;animation:.2s ease-out fade;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 20px 60px #00000059}.summary-pop p{margin:0 0 14px}.summary-foot{justify-content:space-between;font-size:12px;display:flex}@keyframes fade{0%{opacity:0;transform:translateY(-4px)}}.waiting{color:var(--muted);pointer-events:none;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.picker{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.7;background:#7f7f7f1f;border-radius:999px;gap:2px;padding:3px;transition:opacity .2s;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.picker:hover{opacity:1}.picker button{color:var(--text);opacity:.6;text-transform:capitalize;border-radius:999px;padding:4px 10px;font-size:11px}.picker button:hover{opacity:1}.picker button.on{background:var(--text);color:var(--bg);opacity:1}.t-focus{--bg:#07090d;--text:#eef1f6;--muted:#eef1f67a;--line:#ffffff14;--pop:#10141b;--track:#ffffff1f;--fill:#ffffff73}.d-focus{background:radial-gradient(1200px 800px at 65% 45%,#0d1118 0%,#07090d 70%)}.f-top{z-index:4;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 28px;display:flex;position:absolute;top:0;left:0;right:0}.f-top .row{flex-wrap:wrap;place-content:center flex-end;row-gap:8px;min-height:60px}.f-reading{left:14px;top:max(calc(var(--header-h,88px) + 16px), calc(50% - 310px));background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(12px);pointer-events:none;--rail-size:48px;border-radius:18px;flex-direction:column;gap:10px;width:368px;padding:18px 14px 16px;display:flex;position:absolute;transform:none}.f-reading .reading-value,.f-reading .tile-value{font-family:JetBrains Mono,ui-monospace,monospace;font-size:var(--rail-size);letter-spacing:-.04em;font-weight:300;line-height:.95}.f-reading .tiles{grid-template-columns:repeat(2,1fr);gap:12px 20px;margin-top:2px}.f-reading .reading{gap:4px}.f-reading .sparkline{margin:0;display:block}.f-reading .attitude{margin-top:-2px}.f-reading .reading-label{font-size:15px}.f-bottom{position:absolute;bottom:64px;left:28px;right:28px}.t-paper{--bg:#f3f0e9;--text:#15181e;--muted:#7b7f88;--line:#15181e14;--pop:#fff;--track:#15181e1a;--fill:#15181e80;--accent:#1f4fff;--good:#2456d8;--moderate:#c98a1a;--poor:#e0541f;--alert:#e5263c}.d-paper{grid-template-columns:340px 1fr;gap:0;display:grid}.p-side{flex-direction:column;gap:44px;padding:28px 36px;display:flex;overflow-y:auto}.p-head{justify-content:space-between;align-items:center;display:flex}.p-side section{flex-direction:column;gap:14px;display:flex}.d-paper .reading-value{letter-spacing:-.03em;font-family:Instrument Serif,Georgia,serif;font-size:132px;font-weight:400;line-height:.85}.p-alerts{flex-direction:column;gap:10px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.p-alerts li{grid-template-columns:46px 70px 1fr;gap:8px;display:grid}.p-alerts li span:nth-child(2){color:var(--alert);font-weight:500}.p-summary p{color:#2c3038;margin:0;font-size:14px;line-height:1.6}.p-summary .link{align-self:flex-start}.p-main{flex-direction:column;gap:14px;min-width:0;padding:20px 24px 18px 0;display:flex}.p-map{box-shadow:inset 0 0 0 1px var(--line);background:#ebe7de;border-radius:18px;flex:1;position:relative;overflow:hidden}.d-paper .alert-banner{top:16px}.t-dusk{--bg:#06070d;--text:#e8eaf6;--muted:#e8eaf673;--line:#ffffff12;--pop:#0f111c;--track:#ffffff1a;--fill:#fff6;--accent:#9db4ff}.d-dusk{background:radial-gradient(1000px 700px at 50% 35%,#12152a 0%,#06070d 75%);flex-direction:column;display:flex}.k-map{flex:1;position:relative}.k-bar{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06070d99;grid-template-columns:180px 1fr auto;align-items:center;gap:36px;padding:18px 32px 20px;display:grid}.d-dusk .reading{flex-direction:row;align-items:baseline;gap:14px}.d-dusk .reading-value{font-size:48px;font-weight:300}.d-dusk .k-end{align-items:center;gap:22px;display:flex}.d-dusk .summary-pop{top:auto;bottom:calc(100% + 16px)}.map-3d{position:absolute;inset:0}.map-bar{z-index:4;align-items:center;gap:28px;height:64px;padding:0;display:flex;position:absolute}.map-ctrl{flex:none;align-items:center;gap:10px;display:flex}.map-btn,.map-seg{background:var(--pop);border:1px solid var(--line);border-radius:999px;height:40px;box-shadow:0 4px 16px #0000002e}.map-btn{color:var(--text);align-items:center;gap:8px;padding:0 18px 0 14px;font-size:14px;animation:.2s ease-out fade;display:inline-flex}.map-btn:hover{border-color:color-mix(in srgb, var(--text) 30%, transparent)}.map-seg{padding:3px;display:inline-flex}.map-seg button{letter-spacing:.01em;color:var(--muted);border-radius:999px;padding:0 16px;font-size:14px;font-weight:600}.map-seg button.on{background:var(--text);color:var(--bg)}.legend-scale{min-width:0;color:var(--muted);flex:1;padding-top:18px;font-size:11px;position:relative}.legend-marker{pointer-events:none;width:0;transition:left .3s ease-out;position:absolute;top:0;bottom:20px}.legend-marker:after{content:"";background:#fff;border-radius:1px;width:2px;position:absolute;top:16px;bottom:0;left:-1px;box-shadow:0 0 0 1px #00000073}.legend-marker span{color:var(--text);white-space:nowrap;font-size:12px;line-height:1;position:absolute;top:0;left:0;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.legend-marker{transition:none}}.legend-ramp{border-radius:4px;height:8px;position:relative;overflow:hidden}.legend-ramp i{background:color-mix(in srgb, var(--bg) 45%, transparent);width:1px;position:absolute;top:0;bottom:0}.legend-bands{height:15px;margin-top:5px;position:relative}.legend-bands span{white-space:nowrap;position:absolute;top:0}.attitude{color:var(--muted);opacity:.8;letter-spacing:.01em;white-space:nowrap;font-size:11px}.crew{pointer-events:auto;gap:4px;display:flex}.crew button{height:26px;color:var(--muted);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.crew button.on{color:var(--text);border-color:var(--line);background:var(--pop)}.crew button i{border-radius:50%;width:8px;height:8px}.crew button .mono{font-size:11px;font-weight:400}.f-reading .crew{margin-top:4px}.k-start{flex-direction:column;gap:4px;display:flex}.tiles{grid-template-columns:repeat(2,118px);gap:14px 16px;margin-top:6px;display:grid}.tile{flex-direction:column;gap:4px;min-width:0;display:flex}.tile .caption{letter-spacing:.07em;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.tile-value{letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:30px;font-weight:300;line-height:1}.f-reading .tile-value{color:var(--text)}.f-reading .tile--warn .tile-value{color:var(--alert)}.f-reading .tile--next .tile-value{color:var(--text)}.tile .sparkline{margin-top:2px;display:block}.tile-unit{letter-spacing:0;color:var(--muted);margin-left:5px;font-family:Inter,system-ui,sans-serif;font-size:11px}.f-reading .tile-unit{margin-left:8px;font-size:13px}.tile--warn .tile-value{color:var(--alert)}.tile--next .tile-value{color:var(--good)}.tiles-note{color:var(--muted);grid-column:1/-1;font-size:11px}.tile-note{color:var(--muted);white-space:pre-line;max-width:150px;font-size:11px;line-height:1.4}.tile:has(.tile-note){grid-column:1/-1}.tile:has(.tile-note) .tile-note{max-width:330px}.tiles-warm{color:var(--moderate)}.playback{box-shadow:none;animation:none}.playback.on{background:var(--text);color:var(--bg);border-color:#0000}.f-top .row{gap:10px}.f-top .status{box-shadow:none;margin-right:0}.sensor{color:var(--muted);grid-template-columns:auto auto;gap:4px 16px;margin:0;font-size:12px;display:grid}.sensor-row{display:contents}.sensor dt{letter-spacing:.02em;text-transform:uppercase;align-self:baseline;font-size:10px;font-weight:500}.sensor dd{color:var(--text);text-align:right;margin:0}.sensor-unit{color:var(--muted);margin-left:4px;font-size:10px}.sensor-warm dd{color:var(--moderate)}.outlook{border-top:1px solid color-mix(in srgb, var(--text) 10%, transparent);margin-top:2px;padding-top:8px}.sensor-warn dd{color:var(--alert);font-weight:600}.sensor-next dd{color:#5eead4}.map-seg+.map-seg{margin-left:2px}.source-toggle{box-shadow:none}.map-btn.solid,.map-btn.on{background:var(--text);color:var(--bg);border-color:#0000}.pop-anchor{position:relative}.pop{z-index:12;background:var(--pop);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;width:300px;padding:16px 18px 14px;font-size:13px;animation:.15s ease-out fade;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 60px #0006}.pop strong{font-size:14px;font-weight:600}.pop p{margin:0;line-height:1.45}.field{font:inherit;color:var(--text);background:color-mix(in srgb, var(--text) 6%, transparent);border:1px solid var(--line);border-radius:10px;outline:none;padding:9px 12px}.field:focus{border-color:color-mix(in srgb, var(--text) 40%, transparent)}.pop-actions{justify-content:flex-end;align-items:center;gap:14px;margin-top:2px;display:flex}.pop-actions .map-btn{height:34px;box-shadow:none;animation:none}.drawer{z-index:30;background:color-mix(in srgb, var(--pop) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-left:1px solid var(--line);width:380px;max-width:100vw;animation:.2s ease-out slide;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 60px #00000059}@keyframes slide{0%{opacity:0;transform:translate(16px)}}.drawer-head{background:inherit;justify-content:space-between;align-items:center;padding:22px 24px 14px;font-size:15px;display:flex;position:sticky;top:0}.drawer-note{margin:8px 24px;font-size:13px}.scan-list{flex-direction:column;gap:4px;margin:0;padding:4px 12px 24px;list-style:none;display:flex}.scan{text-align:left;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;width:100%;padding:10px 12px;display:flex}.scan:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.scan.on{border-color:var(--line);background:color-mix(in srgb, var(--text) 8%, transparent)}.scan-thumb{background:#0f141c;border-radius:8px;flex:none;place-items:center;width:72px;height:54px;display:grid;overflow:hidden}.scan-thumb img{object-fit:contain;filter:invert()brightness(1.1);width:100%;height:100%;image-rendering:pixelated}.scan-thumb i{border:1px dashed var(--line);border-radius:3px;width:22px;height:16px}.scan-body{flex-direction:column;gap:3px;min-width:0;display:flex}.scan-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.scan-name em{color:var(--good);font-style:normal;font-weight:500}.scan-meta{color:var(--muted);font-size:11px}.scan-notes{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (prefers-reduced-motion:reduce){.drawer,.pop{animation:none}}.map-canvas.picking,.map-3d.picking canvas{cursor:crosshair}.layers{position:relative}.layers-count{opacity:.65;margin-left:2px;font-size:11px}.layers-pop{z-index:10;background:var(--pop);border:1px solid var(--line);border-radius:14px;width:320px;padding:8px;animation:.15s ease-out fade;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 20px 60px #0006}.switch-row{cursor:pointer;border-radius:10px;grid-template-columns:1fr auto 34px;align-items:center;gap:10px;padding:8px 10px;display:grid;position:relative}.switch-row:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.switch-text{flex-direction:column;gap:2px;min-width:0;font-size:13px;font-weight:500;display:flex}.switch-text small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:400;overflow:hidden}.switch-row kbd{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font:500 10px JetBrains Mono,ui-monospace,monospace}.switch-row input{opacity:0;pointer-events:none;position:absolute}.switch{background:color-mix(in srgb, var(--text) 16%, transparent);border-radius:999px;width:34px;height:20px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--text);opacity:.7;border-radius:50%;width:14px;height:14px;transition:transform .15s,opacity .15s;position:absolute;top:3px;left:3px}.switch-row input:checked+.switch{background:var(--live)}.switch-row input:checked+.switch:after{opacity:1;background:#07090d;transform:translate(14px)}.switch-row input:focus-visible+.switch{outline:2px solid var(--signal);outline-offset:2px}.crew{flex-wrap:wrap}.crew button.sel{color:var(--text);border-color:var(--line)}.annotate{z-index:4;background:var(--pop);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:stretch;gap:6px;width:164px;padding:10px;display:flex;position:absolute;top:50%;right:28px;transform:translateY(-50%);box-shadow:0 4px 16px #0000002e}.annotate>.caption{margin:2px 0 4px 10px;font-size:10px}.annotate>button{height:40px;color:var(--text);border:1px solid var(--line);background:0 0;border-radius:999px;align-items:center;gap:10px;padding:0 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:flex}.annotate>button svg{flex:none;width:20px;height:20px}.annotate>button span{color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-align:left;overflow:hidden}.annotate>button:hover:not(:disabled){border-color:color-mix(in srgb, var(--text) 30%, transparent)}.annotate>button.on{background:color-mix(in srgb, var(--mark) 16%, transparent);border-color:var(--mark)}.annotate>button:focus-visible{outline:2px solid color-mix(in srgb, var(--text) 40%, transparent);outline-offset:1px}.annotate-list-btn{justify-content:space-between;margin-top:4px;border-color:#0000!important}.annotate-list-btn .mono{order:2;font-size:13px;color:var(--muted)!important}.annotate-list-btn span:not(.mono){color:var(--muted)}.annotate-list-btn:hover:not(:disabled){background:color-mix(in srgb, var(--text) 6%, transparent)}.annotate-list-btn:disabled{opacity:.5}.annotate-list{background:var(--pop);border:1px solid var(--line);border-radius:14px;width:300px;max-height:60vh;margin:0;padding:6px;list-style:none;position:absolute;bottom:0;right:calc(100% + 12px);overflow-y:auto;box-shadow:0 20px 60px #0006}.annotate-list li{border-radius:10px;grid-template-columns:22px 1fr 28px;align-items:center;gap:8px;padding:7px 8px;display:grid}.annotate-list li:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.annotate-list i{place-items:center;display:grid}.annotate-list-main{flex-direction:column;gap:1px;min-width:0;font-size:13px;display:flex}.annotate-list-main small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.annotate-x{width:28px;height:28px;color:var(--muted);border-radius:50%;font-size:18px;line-height:1}.annotate-x:hover{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.annotate-hint{z-index:6;background:var(--pop);white-space:nowrap;border:1.5px solid var(--mark);border-radius:999px;align-items:center;gap:12px;height:48px;padding:0 8px 0 16px;font-size:14px;animation:.15s ease-out fade;display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000059}.annotate-hint>i{color:var(--mark);place-items:center;display:grid}.annotate-hint .map-btn{height:34px;box-shadow:none;padding:0 14px;font-size:13px}.annotate-hint .link{padding-right:10px}.exposure{z-index:5;background:var(--pop);border:1px solid var(--line);border-radius:16px;width:360px;max-height:calc(100% - 180px);padding:14px 16px 12px;animation:.15s ease-out fade;position:absolute;top:88px;right:106px;overflow-y:auto;box-shadow:0 20px 60px #0006}.exposure header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.exposure header small{margin-top:3px;font-size:11px;display:block}.exposure ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.exposure li{border-radius:10px;grid-template-columns:1fr auto;row-gap:4px;margin:0 -8px;padding:8px 8px 6px;display:grid}.exposure li.on{background:color-mix(in srgb, var(--text) 5%, transparent)}.exposure li svg{touch-action:none;grid-column:1/-1;width:100%;height:auto;display:block}.exposure-name{justify-self:start;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.exposure-name i{border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #0006}.exposure-name:hover{text-underline-offset:3px;text-decoration:underline}.exposure-dose{color:var(--text);font-size:15px}.exposure-dose small{color:var(--muted);margin-left:4px;font:400 10px Inter,system-ui,sans-serif}.exposure-stats{color:var(--muted);grid-column:1/-1;gap:14px;font-size:11px;display:flex}.exposure-stats b{color:var(--text);font-weight:500}.exposure-base{stroke:var(--line);stroke-width:1px}.exposure-area{fill:color-mix(in srgb, var(--signal) 14%, transparent)}.exposure-line{fill:none;stroke:var(--signal);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.exposure-alert{fill:var(--alert)}.exposure-cross{stroke:var(--muted);stroke-width:1px}.exposure-dot{fill:var(--signal);stroke:var(--pop);stroke-width:2px}.exposure-axis{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.exposure-empty{font-size:13px}.ghost-hint{left:50%;top:calc(var(--header-h,88px) + 16px);z-index:4;color:var(--text);background:color-mix(in srgb, var(--pop) 80%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border-radius:999px;padding:8px 14px;font-size:12px;position:absolute;transform:translate(-50%)}.warnings-btn .badge{background:var(--alert);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:8px;padding:0 5px;font-size:11px;font-weight:600;display:inline-grid}.warnings-btn:disabled{opacity:.5}.drawer.warnings{width:400px}.warning-list{flex-direction:column;gap:6px;margin:0;padding:4px 16px 24px;list-style:none;display:flex}.warning{border:1px solid #0000;border-radius:12px;padding:12px 14px}.warning.flash{animation:1.6s ease-out warnflash}@keyframes warnflash{0%{background:color-mix(in srgb, var(--alert) 28%, transparent);border-color:var(--alert)}to{background:0 0;border-color:#0000}}.warning-top{align-items:center;gap:10px;font-size:12px;display:flex}.warning-top .tag{margin-left:auto;font-size:11px}.warning p{margin:8px 0 0;font-size:14px;line-height:1.5}.pill{height:20px;color:var(--pill);background:color-mix(in srgb, var(--pill) 16%, transparent);border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.play{width:26px;height:26px;color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:50%;place-items:center;display:inline-grid}.play:hover{background:color-mix(in srgb, var(--text) 16%, transparent)}.reading-flash .reading-label{animation:1.6s ease-out pillflash}@keyframes pillflash{0%,30%{color:#ff2d3f;text-shadow:0 0 12px #ff2d3f99}to{text-shadow:none}}@media (prefers-reduced-motion:reduce){.warning.flash,.reading-flash .reading-label{animation:none}}:root{--compass-bg:#10141bc7}.compass{z-index:4;right:104px;top:calc(var(--header-h,88px) + 16px);pointer-events:none;transition:transform .12s linear;position:absolute}.compass-3d{transition:none}.heading-strip{z-index:4;left:50%;top:calc(var(--header-h,88px) + 16px);letter-spacing:.06em;white-space:pre;color:var(--text);background:color-mix(in srgb, var(--pop) 80%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border-radius:999px;padding:7px 16px;font-size:13px;position:absolute;transform:translate(-50%)}.heading-strip+.ghost-hint{top:calc(var(--header-h,88px) + 60px)}