:root{--bg: oklch(.985 .005 85);--bg-panel: oklch(.995 .003 85 / .92);--bg-panel-solid: oklch(.995 .003 85);--bg-sunken: oklch(.96 .006 85);--ink: oklch(.22 .02 250);--ink-2: oklch(.42 .015 250);--ink-3: oklch(.58 .012 250);--line: oklch(.88 .008 250);--line-2: oklch(.93 .006 250);--accent: oklch(.48 .13 230);--accent-ink: oklch(.98 .005 230);--warn: oklch(.62 .16 35);--land: oklch(.94 .012 95);--land-edge: oklch(.78 .02 95);--sea: oklch(.93 .018 230);--sea-deep: oklch(.86 .025 230);--sea-deeper: oklch(.79 .03 235);--bathy-line: oklch(.72 .025 230 / .45);--grid: oklch(.7 .01 250 / .18);--shadow-1: 0 1px 2px rgb(15 23 42 / .04), 0 2px 8px rgb(15 23 42 / .06);--shadow-2: 0 4px 14px rgb(15 23 42 / .1), 0 1px 3px rgb(15 23 42 / .06);--r-1: 4px;--r-2: 6px;--r-3: 10px}[data-theme=dark]{--bg: oklch(.16 .018 250);--bg-panel: oklch(.22 .02 250 / .86);--bg-panel-solid: oklch(.22 .02 250);--bg-sunken: oklch(.13 .015 250);--ink: oklch(.96 .005 230);--ink-2: oklch(.78 .012 230);--ink-3: oklch(.6 .015 230);--line: oklch(.32 .02 250);--line-2: oklch(.26 .018 250);--accent: oklch(.78 .14 220);--accent-ink: oklch(.16 .02 250);--land: oklch(.24 .02 95);--land-edge: oklch(.36 .025 95);--sea: oklch(.21 .025 235);--sea-deep: oklch(.17 .03 240);--sea-deeper: oklch(.13 .035 245);--bathy-line: oklch(.5 .04 230 / .5);--grid: oklch(.5 .01 250 / .18)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"ss01","cv11","tnum";background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.4;overflow:hidden;height:100vh}.mono{font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,Consolas,monospace;font-feature-settings:"tnum"}.app{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--sea)}.topbar{position:absolute;top:0;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:var(--bg-panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:30;font-size:12px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:24px;height:24px;display:block;color:var(--accent);flex-shrink:0}.brand-name{font-weight:600;letter-spacing:-.005em;font-size:13px}.brand-tag{color:var(--ink-3);font-size:11px;padding-left:10px;margin-left:4px;border-left:1px solid var(--line)}.topbar-meta{display:flex;align-items:center;gap:16px;color:var(--ink-3);font-size:11px}.topbar-meta .dot{width:7px;height:7px;border-radius:50%;background:#45ba50;box-shadow:0 0 0 3px #45ba502e;display:inline-block;margin-right:6px;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.topbar-meta strong{color:var(--ink);font-weight:500}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-2);border:1px solid transparent;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .12s,color .12s}.icon-btn:hover{background:var(--bg-sunken);color:var(--ink)}.map-stage{position:absolute;top:44px;right:0;bottom:0;left:0;overflow:hidden;cursor:grab}.map-stage:active{cursor:grabbing}.map-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none}.map-svg .basemap line,.map-svg .basemap path,.map-svg .basemap ellipse,.map-svg .basemap text,.map-svg .map-labels text,.map-svg .spot-pins circle,.map-svg .spot-pins text,.map-svg .mpa-layer path{vector-effect:non-scaling-stroke}.panel{position:absolute;background:var(--bg-panel);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--shadow-2);z-index:20}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid var(--line-2)}.panel-title{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.panel-body{padding:10px 12px 12px}.controls-tl{top:56px;left:12px;width:248px}.layer-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-sunken);border:1px solid var(--line-2);border-radius:var(--r-2);padding:3px;gap:2px}.layer-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:8px 6px;border-radius:4px;cursor:pointer;font:inherit;font-size:12px;font-weight:500;color:var(--ink-2);display:flex;flex-direction:column;align-items:flex-start;gap:2px;transition:all .14s}.layer-toggle button:hover{color:var(--ink)}.layer-toggle button.active{background:var(--bg-panel-solid);color:var(--ink);box-shadow:var(--shadow-1)}.layer-toggle .lt-label{font-size:12px;font-weight:600}.layer-toggle .lt-sub{font-size:10px;color:var(--ink-3);font-weight:400}.layer-toggle button.active .lt-sub{color:var(--ink-2)}.composite{margin-top:10px}.composite-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:6px;display:flex;justify-content:space-between;align-items:baseline}.composite-label .hint{text-transform:none;letter-spacing:0;font-weight:400;font-size:10px}.composite-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.composite-buttons button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg-panel-solid);padding:8px 4px;border-radius:var(--r-2);font:inherit;font-size:12px;color:var(--ink-2);cursor:pointer;transition:all .12s;display:flex;flex-direction:column;align-items:center;gap:1px;font-weight:500}.composite-buttons button:hover{border-color:var(--ink-3);color:var(--ink)}.composite-buttons button.active{background:var(--ink);color:var(--bg-panel-solid);border-color:var(--ink)}.composite-buttons .cb-num{font-size:13px;font-weight:600}.composite-buttons .cb-tag{font-size:9.5px;opacity:.65}.composite-buttons button.active .cb-tag{opacity:.7}.composite-window{margin-top:8px;padding:6px 8px;background:var(--bg-sunken);border-radius:var(--r-2);font-size:10.5px;color:var(--ink-3);display:flex;justify-content:space-between;align-items:center}.composite-window .mono{color:var(--ink-2);font-size:10.5px}.info-tr{top:56px;right:12px;width:280px;max-height:calc(100vh - 80px);overflow:hidden;display:flex;flex-direction:column}.info-tr.collapsed{width:auto;max-height:none}.panel.collapsed{width:auto;min-width:180px}.panel.collapsed .panel-header{border-bottom:none}.info-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--r-3);padding:8px 10px;font:inherit;font-size:12px;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;gap:6px}.info-section{padding-top:6px}.info-section+.info-section{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.info-h{font-size:11px;font-weight:600;color:var(--ink);margin:0 0 4px}.info-p{font-size:11.5px;color:var(--ink-2);margin:0 0 6px;line-height:1.5}.info-p .swatch{display:inline-block;width:9px;height:9px;border-radius:2px;margin:0 2px -1px;border:1px solid oklch(0 0 0 / .1);vertical-align:baseline}.spots-bl{bottom:12px;left:12px;width:248px}.spots-list{display:flex;flex-direction:column;gap:1px;margin:-2px -4px}.spot{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:7px 8px;border-radius:6px;cursor:pointer;transition:background .12s}.spot:hover,.spot.active{background:var(--bg-sunken)}.spot-name{font-size:12px;font-weight:500;color:var(--ink);display:flex;align-items:center;gap:6px}.spot-name .pin{width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;flex-shrink:0}.spot-meta{font-size:10.5px;color:var(--ink-3);margin-left:14px}.spot-val{font-size:11.5px;font-weight:500;color:var(--ink);text-align:right}.spot-val .unit{color:var(--ink-3);font-weight:400;font-size:10px;margin-left:1px}.legend-br{bottom:12px;right:12px;width:320px}.legend-bar{height:14px;border-radius:3px;border:1px solid oklch(0 0 0 / .08);margin:6px 0 4px;position:relative}[data-theme=dark] .legend-bar{border-color:#ffffff1f}.legend-bar.sst{background:linear-gradient(90deg,#0c2682,#2882d2,#78dcdc 50%,#f0dc6e 70%,#e66e3c,#aa1423)}.legend-bar.chl{background:linear-gradient(90deg,#0a328c,#1e82c8,#3cc8b4,#6ed25a,#328228)}.legend-bar.wind{background:linear-gradient(90deg,#e6f0fa,#aad2f0 14%,#78c8a0 29%,#dcdc64,#f0a046,#dc5a3c 71%,#8c1e5a)}.layer-toggle.layer-toggle-3{grid-template-columns:1fr 1fr 1fr}.layer-toggle.layer-toggle-3 .lt-label{font-size:11.5px}.layer-toggle.layer-toggle-3 .lt-sub{font-size:9.5px}.legend-ticks{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-3);font-family:JetBrains Mono,monospace}.legend-meta{margin-top:8px;display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink-3)}.legend-meta strong{color:var(--ink-2);font-weight:500}.tooltip{position:absolute;background:var(--bg-panel-solid);border:1px solid var(--line);border-radius:var(--r-2);padding:8px 10px;font-size:11.5px;pointer-events:none;box-shadow:var(--shadow-2);z-index:25;min-width:140px;transform:translate(12px,12px)}.tooltip-title{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:3px}.tooltip-val{font-size:16px;font-weight:600;color:var(--ink);font-family:JetBrains Mono,monospace;letter-spacing:-.01em}.tooltip-sub{font-size:11px;color:var(--ink-3);margin-top:1px;font-family:JetBrains Mono,monospace}.tooltip-coord{margin-top:6px;padding-top:6px;border-top:1px solid var(--line-2);font-size:10px;color:var(--ink-3);font-family:JetBrains Mono,monospace}.map-pin{fill:none;stroke:var(--ink);stroke-width:1.4}[data-theme=dark] .map-pin{stroke:var(--ink)}.map-pin-label{font-family:Inter,sans-serif;font-size:10px;font-weight:500;fill:var(--ink);paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}.zoom-ctl{position:absolute;right:12px;bottom:188px;display:flex;flex-direction:column;background:var(--bg-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--r-2);overflow:hidden;z-index:20;box-shadow:var(--shadow-1)}.zoom-ctl button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;width:32px;height:32px;font:inherit;font-size:16px;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;justify-content:center}.zoom-ctl button+button{border-top:1px solid var(--line-2)}.zoom-ctl button:hover{background:var(--bg-sunken);color:var(--ink)}.attribution{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:10px;color:var(--ink-3);background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 10px;border-radius:100px;border:1px solid var(--line);z-index:15;font-family:JetBrains Mono,monospace;letter-spacing:.02em}.view-switch{position:absolute;top:56px;left:50%;transform:translate(-50%);display:flex;background:var(--bg-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:100px;padding:3px;z-index:30;font-size:11px;box-shadow:var(--shadow-1)}.view-switch button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:5px 12px;border-radius:100px;font:inherit;font-size:11px;font-weight:500;color:var(--ink-3);cursor:pointer}.view-switch button.active{background:var(--ink);color:var(--bg-panel-solid)}.mobile-stage{position:absolute;top:44px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,var(--bg-sunken) 0 20px,var(--bg) 20px 40px);overflow:auto;padding:20px}.phone-frame{width:380px;height:760px;border-radius:44px;background:#0e1216;padding:12px;box-shadow:0 30px 60px -20px #0f172a4d,0 0 0 1px #0000001a,inset 0 0 0 2px #404952;position:relative;flex-shrink:0}.phone-screen{width:100%;height:100%;border-radius:32px;overflow:hidden;background:var(--bg);position:relative}.phone-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:110px;height:28px;background:#030303;border-radius:100px;z-index:5}.m-status{height:50px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 28px 8px;font-size:14px;font-weight:600;color:var(--ink);font-family:Inter,sans-serif;font-feature-settings:"tnum"}.m-status .right{display:flex;gap:5px;align-items:center}.m-status svg{display:block}.m-header{padding:10px 18px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.m-header .m-title{font-weight:600;font-size:15px;letter-spacing:-.01em}.m-header .m-meta{font-size:10.5px;color:var(--ink-3);font-family:JetBrains Mono,monospace;margin-top:2px}.m-controls{padding:10px 14px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line)}.m-layer-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-sunken);border-radius:8px;padding:3px;gap:2px}.m-layer-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:8px;border-radius:6px;font:inherit;font-size:12px;font-weight:500;color:var(--ink-2)}.m-layer-toggle button.active{background:var(--bg-panel-solid);color:var(--ink);box-shadow:var(--shadow-1)}.m-composite{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.m-composite button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:transparent;padding:6px;border-radius:6px;font:inherit;font-size:11px;font-weight:500;color:var(--ink-2)}.m-composite button.active{background:var(--ink);color:var(--bg-panel-solid);border-color:var(--ink)}.m-map{flex:1;position:relative;height:320px;background:var(--sea);overflow:hidden}.m-tooltip-card{position:absolute;left:12px;right:12px;bottom:12px;background:var(--bg-panel-solid);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-2)}.m-tooltip-card .tt-l .tt-title{font-size:10px;text-transform:uppercase;color:var(--ink-3);letter-spacing:.06em}.m-tooltip-card .tt-l .tt-val{font-size:18px;font-weight:600;font-family:JetBrains Mono,monospace}.m-tooltip-card .tt-l .tt-coord{font-size:10px;color:var(--ink-3);font-family:JetBrains Mono,monospace;margin-top:2px}.m-tooltip-card .tt-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--bg-sunken);width:28px;height:28px;border-radius:50%;color:var(--ink-2);font-size:14px;cursor:pointer}.m-spots{padding:10px 14px 14px;border-top:1px solid var(--line);background:var(--bg-panel-solid)}.m-spots-h{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:6px;font-weight:600}.m-spots-row{display:flex;gap:8px;overflow-x:auto;margin:0 -14px;padding:0 14px}.m-spot-card{flex-shrink:0;width:110px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.m-spot-card .sn{font-size:11px;font-weight:500}.m-spot-card .sv{font-size:14px;font-weight:600;font-family:JetBrains Mono,monospace;margin-top:2px}.m-spot-card .sm{font-size:9.5px;color:var(--ink-3)}.m-legend{padding:10px 14px;border-top:1px solid var(--line)}.m-legend-bar{height:10px;border-radius:2px}.m-legend-bar.sst{background:linear-gradient(90deg,#0c2682,#2882d2,#78dcdc 50%,#f0dc6e 70%,#e66e3c,#aa1423)}.m-legend-bar.chl{background:linear-gradient(90deg,#0a328c,#1e82c8,#3cc8b4,#6ed25a,#328228)}.m-legend-ticks{display:flex;justify-content:space-between;font-size:9.5px;color:var(--ink-3);font-family:JetBrains Mono,monospace;margin-top:3px}.phone-side-label{position:absolute;left:-180px;top:30px;width:160px;font-size:11px;color:var(--ink-3);font-family:JetBrains Mono,monospace;line-height:1.6;text-align:right}.phone-side-label strong{color:var(--ink);display:block;font-family:Inter,sans-serif;font-size:12px;margin-bottom:4px}.phone-side-label2{position:absolute;right:-180px;top:30px;width:160px;font-size:11px;color:var(--ink-3);font-family:JetBrains Mono,monospace;line-height:1.6}.phone-side-label2 strong{color:var(--ink);display:block;font-family:Inter,sans-serif;font-size:12px;margin-bottom:4px}.mpa-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg-sunken);color:var(--ink-3);font:inherit;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:100px;cursor:pointer;transition:all .12s}.mpa-pill:hover{color:var(--ink);border-color:var(--ink-3)}.mpa-pill.active{background:var(--ink);color:var(--bg-panel-solid);border-color:var(--ink)}.mpa-banner{position:absolute;top:50px;left:50%;transform:translate(-50%);background:var(--bg-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:100px;padding:6px 14px;font-size:11px;color:var(--ink-2);z-index:25;box-shadow:var(--shadow-1);max-width:92vw;text-align:center}.mpa-banner a{color:var(--accent);text-decoration:none}.mpa-banner a:hover{text-decoration:underline}.mpa-popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000002e;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.mpa-popup{width:420px;max-width:100%;max-height:80vh;overflow-y:auto;background:var(--bg-panel-solid);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--shadow-2);padding:16px 18px 14px}.mpa-popup-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.mpa-popup-name{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.mpa-popup-fullname{font-size:11.5px;color:var(--ink-3);margin-top:1px}.mpa-verdict{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-2);margin-bottom:10px;font-size:13px}.mpa-verdict-no{background:#c0392b29;color:#940015;color:oklch(.42 .18 25)}.mpa-verdict-limited{background:#e67e222e;color:#874300;color:oklch(.46 .16 55)}.mpa-verdict-ok{background:#2ea0502e;color:#005e15;color:oklch(.42 .16 145)}[data-theme=dark] .mpa-verdict-no{color:#ff958d;color:oklch(.78 .16 25)}[data-theme=dark] .mpa-verdict-limited{color:#ffb06e;color:oklch(.82 .14 60)}[data-theme=dark] .mpa-verdict-ok{color:#87dc8a}.mpa-verdict-icon{font-size:18px}.mpa-popup-body{font-size:12.5px;color:var(--ink-2);margin:0 0 10px;line-height:1.5}.mpa-popup-meta{font-size:11px;color:var(--ink-3);margin:0 0 12px}.mpa-popup-link{display:inline-block;font-size:12.5px;color:var(--accent);text-decoration:none;margin-bottom:12px}.mpa-popup-link:hover{text-decoration:underline}.mpa-popup-disclaimer{font-size:10.5px;color:var(--ink-3);border-top:1px dashed var(--line);padding-top:8px;margin:0;font-style:italic}.settings-pop{position:absolute;top:50px;right:12px;z-index:40;width:240px;background:var(--bg-panel);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--shadow-2);padding:10px 12px 12px}.settings-pop .sp-section{padding-top:8px}.settings-pop .sp-section:first-child{padding-top:0}.settings-pop .sp-h{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:0 0 6px}.settings-pop .sp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--ink-2)}.settings-pop .sp-row+.sp-row{margin-top:6px}.settings-pop .sp-seg{display:flex;background:var(--bg-sunken);border:1px solid var(--line-2);border-radius:6px;padding:2px;gap:2px}.settings-pop .sp-seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:inherit;font-size:11px;font-weight:500;color:var(--ink-3);padding:4px 10px;border-radius:4px;cursor:pointer}.settings-pop .sp-seg button.active{background:var(--bg-panel-solid);color:var(--ink);box-shadow:var(--shadow-1)}.settings-pop input[type=range]{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:999px;background:var(--line);outline:none}.settings-pop input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--bg-panel-solid);border:1px solid var(--line);box-shadow:var(--shadow-1);cursor:pointer}.settings-pop input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--bg-panel-solid);border:1px solid var(--line);box-shadow:var(--shadow-1);cursor:pointer}.settings-pop .sp-val{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--ink-3);margin-left:8px;min-width:30px;text-align:right}.mobile-sheet-tabs{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg-panel-solid);border-top:1px solid var(--line);z-index:30;padding:env(safe-area-inset-bottom) 0 0 0}.mobile-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:12px 4px calc(12px + env(safe-area-inset-bottom)) 4px;font:inherit;font-size:12px;font-weight:500;color:var(--ink-3);cursor:pointer;border-top:2px solid transparent}.mobile-tab.active{color:var(--ink);border-top-color:var(--accent)}.mobile-sheet-body{position:absolute;left:0;right:0;bottom:50px;max-height:56vh;overflow-y:auto;background:var(--bg-panel-solid);border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:29;padding:14px 14px 16px;-webkit-overflow-scrolling:touch}.ms-row-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:0 0 6px}.ms-row-label+.ms-row-label,.ms-overlay-row+.ms-row-label,.ms-time-row+.ms-row-label,.ms-window+.ms-row-label{margin-top:14px}.ms-layer-toggle{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--bg-sunken);border:1px solid var(--line-2);border-radius:8px;padding:3px;gap:2px}.ms-layer-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:inherit;padding:10px 4px;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-2);cursor:pointer}.ms-layer-toggle button.active{background:var(--bg-panel-solid);color:var(--ink);box-shadow:var(--shadow-1)}.ms-lt-label{font-size:13px;font-weight:600}.ms-lt-sub{font-size:10px;color:var(--ink-3)}.ms-time-row{display:grid;gap:4px}.ms-time-row button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg-panel-solid);font:inherit;padding:9px 4px;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--ink-2);cursor:pointer;min-width:60px}.ms-time-row button.active{background:var(--ink);color:var(--bg-panel-solid);border-color:var(--ink)}.ms-time-label{font-size:12px;font-weight:600}.ms-time-tag{font-size:9.5px;opacity:.7}.ms-window{margin-top:8px;padding:8px 10px;background:var(--bg-sunken);border-radius:6px;font-size:11px;color:var(--ink-3);display:flex;justify-content:space-between}.ms-window .mono{color:var(--ink-2)}.ms-overlay-row{display:flex;gap:8px}.ms-overlay-row .mpa-pill{flex:1;padding:9px 8px;font-size:11px}.ms-spots{display:flex;flex-direction:column;gap:2px}.ms-spot{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:inherit;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 8px;border-radius:6px;text-align:left;color:var(--ink);cursor:pointer}.ms-spot.active{background:var(--bg-sunken)}.ms-spot-pin{width:9px;height:9px;border-radius:50%;border:1.5px solid currentColor;display:inline-block}.ms-spot-name,.ms-spot-val{font-size:13px;font-weight:500}.ms-spot-val .unit{color:var(--ink-3);margin-left:2px;font-size:10px}.ms-legend-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.ms-legend-head strong{font-size:13px}.ms-info .info-section+.info-section{margin-top:12px;padding-top:12px}@media (max-width: 760px){.topbar{padding:0 10px}.brand-tag{display:none}.topbar-meta>span:nth-child(2){display:none}.controls-tl,.info-tr,.info-toggle,.spots-bl,.legend-br{display:none!important}.zoom-ctl{right:8px;bottom:64px}.zoom-ctl button{width:40px;height:40px}.attribution{display:none}.tooltip{font-size:11px}.mpa-popup-overlay{padding:0;align-items:flex-end}.mpa-popup{width:100%;max-width:none;max-height:70vh;margin-bottom:50px;border-radius:16px 16px 0 0;border-bottom:none;padding-top:22px;position:relative}.mpa-popup:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:var(--line)}}