:root{--bg:#060e1c;--panel:#070e1ab8;--panel-solid:#070e1ae6;--panel-hover:#ffffff0f;--panel-active:#4dd6c447;--panel-active-grad:linear-gradient(135deg, #4dd6c447, #2878a059);--text:#f0f7fb;--text-dim:#bed7e6b8;--text-mute:#bed7e680;--line:#b4d2e624;--accent:#4dd6c4;--accent-soft:#4dd6c438;--danger:#ff6b5a;--ok:#5dce8a;--warn:#f0c14a;--radius:.85rem;--radius-sm:.55rem;--shadow-panel:0 12px 40px #00000059;--font-display:"Syne", "Noto Sans SC", system-ui, sans-serif;--font-body:"Manrope", "Noto Sans SC", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--header-h:3.25rem;--footer-h:4.5rem;--rail-w:10.5rem;--side-w:14rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mapboxgl-ctrl-logo,.mapboxgl-ctrl-attrib{display:none!important}@keyframes wx-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes wx-fade{0%,70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wx-panel-title{color:var(--text);margin:0;font-size:.8rem;font-weight:600}.wx-screen-header{z-index:12;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:.75rem;height:auto;animation:.7s ease-out both wx-rise;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}.wx-screen-header>*{pointer-events:auto}.wx-screen-brand{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;gap:.75rem;padding:0;display:flex}.wx-brand-mark{object-fit:cover;filter:drop-shadow(0 2px 10px #00000059);border-radius:0;flex-shrink:0;width:2.5rem;height:2.5rem;display:block}.wx-screen-title{font-family:var(--font-display);letter-spacing:.06em;color:#f2f7fb;text-shadow:0 1px 2px #0000008c,0 2px 12px #00000080,0 4px 28px #0006;margin:0;font-size:1.45rem;font-weight:700;line-height:1}.wx-screen-meta-line{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);flex-wrap:wrap;gap:.35rem .65rem;margin:.28rem 0 0;font-size:.68rem;display:flex}.wx-screen-init{color:var(--text-mute)}.wx-meta-chip{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px)saturate(1.2);color:var(--text);box-shadow:var(--shadow-panel);padding:.4rem .65rem;font-size:.72rem}.wx-meta-warn.is-yellow{color:#f0c14a;border-color:#f0c14a73}.wx-meta-warn.is-orange{color:#fdba74;border-color:#f9731673}.wx-meta-warn.is-red{color:#ff8a7a;border-color:#ff6b5a80}.wx-meta-warn.is-blue{color:#93c5fd}.wx-layers{z-index:11;width:var(--rail-w);max-height:calc(100% - var(--footer-h) - 5.5rem);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px)saturate(1.2);box-shadow:var(--shadow-panel);flex-direction:column;gap:.35rem;padding:.35rem;animation:.75s ease-out 50ms both wx-rise;display:flex;position:absolute;top:4.15rem;left:.75rem}.wx-domain-seg{border-radius:var(--radius-sm);border-bottom:1px solid var(--line);background:#ffffff0a;grid-template-columns:1fr 1fr;gap:.25rem;margin-bottom:.1rem;padding:.2rem .2rem .25rem;display:grid}.wx-domain-chip{border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--font-body);background:0 0;border:0;padding:.4rem .35rem;font-size:.78rem;font-weight:500;transition:background .2s,color .2s}.wx-domain-chip:hover{color:#fff;background:var(--panel-hover)}.wx-domain-chip.is-active{color:#fff;background:var(--panel-active-grad);font-weight:600}.wx-layers-empty{color:var(--text-mute);margin:.35rem .25rem;font-size:.72rem}.wx-layers-list{scrollbar-width:thin;scrollbar-color:#b4d2e640 transparent;flex-direction:column;gap:.15rem;animation:.35s ease-out wx-layers-fade;display:flex;overflow-y:auto}@keyframes wx-layers-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.wx-layer{border-radius:var(--radius-sm);color:#d2e4f0c7;text-align:left;width:100%;font-family:var(--font-body);background:0 0;border:0;padding:.55rem .65rem;font-size:.86rem;font-weight:500;transition:color .2s,background .2s}.wx-layer:hover{color:#fff;background:var(--panel-hover)}.wx-layer.is-active{color:#fff;background:var(--panel-active-grad);font-weight:600}.wx-layer:focus-visible,.wx-domain-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wx-legend{z-index:11;border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);width:min(12.5rem,28vw);box-shadow:var(--shadow-panel);background:#070e1a94;padding:.65rem .75rem;animation:.8s ease-out .1s both wx-rise;position:absolute;bottom:1.1rem;left:.75rem}.wx-legend-name{font-family:var(--font-body);letter-spacing:.02em;color:#dcebf5d9;margin:0 0 .55rem;font-size:.72rem;font-weight:500}.wx-legend-bar{border:0;border-radius:999px;height:.45rem;box-shadow:inset 0 0 0 1px #ffffff1f}.wx-legend-ends{font-family:var(--font-mono);color:var(--text-dim);justify-content:space-between;margin-top:.4rem;font-size:.62rem;display:flex}.wx-warn{z-index:11;width:min(var(--side-w), 15rem);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-panel);flex-direction:column;padding:0;display:flex;position:absolute;top:4.15rem;right:.75rem;overflow:hidden}.wx-warn.is-open{bottom:calc(var(--footer-h) + .75rem)}.wx-warn.is-collapsed{bottom:auto}.wx-warn.is-yellow{border-color:#f0c14a66}.wx-warn.is-orange{border-color:#f9731673}.wx-warn.is-red{border-color:#ff6b5a80}.wx-warn-toggle{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:.45rem;margin:0;padding:.6rem .7rem;display:flex}.wx-warn-toggle:hover{background:var(--panel-hover)}.wx-warn-chevron{color:var(--text-mute);flex-shrink:0;font-size:.65rem}.wx-warn-body{border-top:1px solid var(--line);flex-direction:column;flex:1;min-height:0;padding:0 .7rem .65rem;display:flex}.wx-warn-badge{border:1px solid var(--line);color:var(--text-dim);border-radius:999px;margin-left:auto;padding:.1rem .4rem;font-size:.62rem}.wx-warn-badge.is-blue{color:#93c5fd;background:#3b82f61f;border-color:#3b82f673}.wx-warn-badge.is-yellow{color:#f0c14a;background:#f0c14a1f;border-color:#f0c14a73}.wx-warn-badge.is-orange{color:#fdba74;background:#f973161f;border-color:#f9731673}.wx-warn-badge.is-red{color:#ff8a7a;background:#ff6b5a1f;border-color:#ff6b5a80}.wx-warn-badge.is-clear{color:var(--ok)}.wx-warn-note,.wx-warn-empty,.wx-warn-summary{color:var(--text-dim);margin:.45rem 0 0;font-size:.7rem;line-height:1.4}.wx-warn-summary{color:var(--text)}.wx-warn-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:.4rem;min-height:0;margin:.45rem 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.wx-warn-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:#00000040;border-left-width:3px;padding:.5rem .55rem}.wx-warn-item.is-blue{border-left-color:#3b82f6}.wx-warn-item.is-yellow{border-left-color:#eab308}.wx-warn-item.is-orange{border-left-color:#f97316}.wx-warn-item.is-red{border-left-color:#ef4444}.wx-warn-item-top{align-items:center;gap:.35rem;margin-bottom:.25rem;display:flex}.wx-warn-level{border-radius:4px;flex-shrink:0;padding:.05rem .3rem;font-size:.58rem}.wx-warn-level.is-blue{color:#93c5fd;background:#3b82f62e}.wx-warn-level.is-yellow{color:#fde047;background:#eab3082e}.wx-warn-level.is-orange{color:#fdba74;background:#f973162e}.wx-warn-level.is-red{color:#fca5a5;background:#ef444433}.wx-warn-type{color:#fff;font-size:.74rem;font-weight:600}.wx-warn-day{color:var(--text-mute);margin-left:auto;font-size:.58rem}.wx-warn-desc{color:var(--text);margin:0 0 .3rem;font-size:.7rem;line-height:1.4}.wx-warn-meta{color:var(--text-mute);justify-content:space-between;gap:.4rem;font-size:.58rem;display:flex}.wx-warn-value{color:var(--text-dim)}.wx-time{z-index:11;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.15);width:min(720px,100vw - 2rem);box-shadow:var(--shadow-panel);background:#060c18b8;border-radius:1.1rem;align-items:center;gap:.75rem;margin-inline:auto;padding:.7rem .85rem;animation:.85s ease-out .12s both wx-rise;display:flex;position:absolute;bottom:1.1rem;left:0;right:0;transform:none}.wx-play{color:#e8f4f8;background:#ffffff0f;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:2.4rem;height:2.4rem;transition:background .2s;display:grid}.wx-play:hover,.wx-play.is-playing{background:var(--accent-soft)}.wx-play:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wx-time-main{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.wx-time-meta{justify-content:space-between;align-items:baseline;gap:1rem;min-width:0;font-size:.72rem;display:flex}.wx-time-label{font-family:var(--font-body);color:#f0f7fb;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.wx-time-count{font-family:var(--font-mono);color:var(--text-mute);flex-shrink:0;margin-left:auto;font-size:.68rem}.wx-scrub{appearance:none;cursor:pointer;background:linear-gradient(90deg,#4dd6c459,#ffb05a73);border-radius:999px;outline:none;width:100%;height:.35rem;margin:.15rem 0 0}.wx-scrub::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);cursor:grab;background:#f4fafc;border-radius:50%;width:1rem;height:1rem;box-shadow:0 0 12px #4dd6c48c}.wx-scrub::-moz-range-thumb{border:2px solid var(--accent);cursor:grab;background:#f4fafc;border-radius:50%;width:1rem;height:1rem}.wx-scrub:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wx-time-step{flex-shrink:0;gap:.3rem;display:flex}.wx-time-step button{color:#e8f4f8;background:#ffffff0f;border:0;border-radius:.55rem;width:2rem;height:2rem;font-size:1.15rem;line-height:1;transition:background .2s}.wx-time-step button:hover:not(:disabled){background:var(--accent-soft);color:#fff}.wx-time-step button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wx-time-step button:disabled{opacity:.3;cursor:not-allowed}.wx-point-close{width:1.7rem;height:1.7rem;color:var(--text-dim);background:0 0;border:0;border-radius:50%;flex-shrink:0;margin-left:auto;font-size:1.1rem;line-height:1}.wx-point-close:hover{background:var(--panel-hover);color:#fff}.wx-point-status{color:var(--text-dim);margin:.5rem .85rem;font-size:.8rem}.wx-popup{min-width:9.5rem;color:var(--text);font-family:var(--font-body);padding:.65rem .75rem .7rem;position:relative}.wx-popup-close{width:1.4rem;height:1.4rem;color:var(--text-mute);cursor:pointer;background:0 0;border:0;font-size:1rem;line-height:1;position:absolute;top:.2rem;right:.25rem}.wx-popup-close:hover{color:#fff}.wx-popup-layer{color:#4dd6c4e6;margin:0 1rem .15rem 0;font-size:.75rem}.wx-popup-value{color:#fff;margin:0;font-size:1.15rem;font-weight:600}.wx-popup-coord,.wx-popup-time{color:var(--text-mute);margin:.2rem 0 0;font-size:.66rem}.wx-popup-forecast{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#4dd6c42e;border:0;width:100%;margin-top:.55rem;padding:.4rem .55rem;font-size:.72rem;display:block}.wx-popup-forecast:hover:not(:disabled){background:#4dd6c44d}.wx-popup-forecast:disabled{opacity:.45;cursor:not-allowed}.wx-sheet{z-index:20;pointer-events:none;position:absolute;inset:0}.wx-sheet-scrim{pointer-events:auto;background:#00000059;animation:.25s ease-out both wx-scrim-in;position:absolute;inset:0}.wx-sheet-panel{z-index:1;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);pointer-events:auto;background:#070e1af0;border-radius:14px 14px 0 0;flex-direction:column;max-height:min(52vh,26rem);padding:0 0 .35rem;animation:.32s cubic-bezier(.22,1,.36,1) both wx-sheet-up;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -16px 48px #00000073}.wx-sheet-head{align-items:flex-start;gap:.65rem;padding:.55rem .85rem .45rem;display:flex}.wx-sheet-handle{background:#b4d2e659;border-radius:2px;width:2.4rem;height:3px;position:absolute;top:.35rem;left:50%;transform:translate(-50%)}.wx-sheet-titles{flex:1;min-width:0;padding-top:.35rem}.wx-sheet-title{color:#fff;margin:0;font-size:.95rem;font-weight:600}.wx-sheet-coord{color:var(--text-dim);margin:.15rem 0 0;font-size:.68rem}.wx-fc{border-top:1px solid #ffffff0f;flex:1;min-height:0;display:flex}.wx-fc-labels{z-index:2;background:#00000038;border-right:1px solid #ffffff14;flex-direction:column;flex:0 0 3.4rem;display:flex}.wx-fc-label{color:var(--text-dim);border-top:1px solid #ffffff0d;flex-direction:column;justify-content:center;padding:0 .4rem;font-size:.66rem;display:flex}.wx-fc-label small{opacity:.7;font-size:.55rem}.wx-fc-label-day{border-top:0;height:1.35rem}.wx-fc-label-hour{height:1.45rem}.wx-fc-label-sst,.wx-fc-label-t2m{color:#f0c14a;height:3.25rem}.wx-fc-label-current,.wx-fc-label-swh,.wx-fc-label-ssh,.wx-fc-label-ocean_tide,.wx-fc-label-total_sea_level,.wx-fc-label-msl,.wx-fc-label-tp,.wx-fc-label-tcc,.wx-fc-label-d2m{height:2.25rem}.wx-fc-scroll{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex:1;min-width:0;overflow:auto hidden}.wx-fc-grid{flex-direction:column;min-width:max-content;display:flex}.wx-fc-days{height:1.35rem;display:flex}.wx-fc-day{color:#4dd6c4e6;box-sizing:border-box;white-space:nowrap;border-right:1px solid #b4d2e614;align-items:center;padding-left:.35rem;font-size:.62rem;display:flex;overflow:hidden}.wx-fc-hours{border-top:1px solid #ffffff0d;height:1.45rem;display:flex}.wx-fc-hour{height:100%;color:var(--text-mute);cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff0a;flex:none;padding:0;font-size:.62rem}.wx-fc-hour.is-active,.wx-fc-cell.is-active{color:var(--accent);background:#4dd6c42e}.wx-fc-row{border-top:1px solid #ffffff0d;display:flex;position:relative}.wx-fc-row-sst,.wx-fc-row-t2m{height:3.25rem}.wx-fc-row-current,.wx-fc-row-swh,.wx-fc-row-ssh,.wx-fc-row-ocean_tide,.wx-fc-row-total_sea_level,.wx-fc-row-msl,.wx-fc-row-tp,.wx-fc-row-tcc,.wx-fc-row-d2m{height:2.25rem}.wx-fc-cell{z-index:1;height:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff0a;flex:none;justify-content:center;align-items:center;padding:0;font-size:.7rem;display:inline-flex;position:relative}.wx-fc-cell-sst,.wx-fc-cell-t2m{color:#f0c14a;align-items:flex-end;padding-bottom:.25rem;font-size:.78rem;font-weight:600}.wx-fc-cell-current{color:#9ad7c8;gap:.1rem;font-size:.66rem}.wx-fc-arrow{opacity:.85}.wx-fc-cell-swh{color:#8ecfff;align-items:flex-end;padding-bottom:.2rem;font-size:.66rem}.wx-fc-cell-ssh{color:#b8c4ff;font-size:.62rem}.wx-fc-cell-ocean_tide{color:#9fd0e8;font-size:.62rem}.wx-fc-cell-total_sea_level{color:#cbb8ff;font-size:.62rem}.wx-fc-temp-curve,.wx-fc-rain-bars{pointer-events:none;z-index:0;position:absolute;top:0;left:0}@keyframes wx-sheet-up{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes wx-scrim-in{0%{opacity:0}to{opacity:1}}.wx-hint{z-index:10;color:#bed7e6a6;pointer-events:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:.72rem;animation:2.8s ease-out 1.2s both wx-fade;position:absolute;bottom:5.35rem;left:50%;transform:translate(-50%)}.wx-company{z-index:10;max-width:min(18rem,32vw);font-family:var(--font-body);letter-spacing:.02em;text-align:right;color:#bed7e69e;text-shadow:0 1px 2px #0000008c,0 2px 10px #0006;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;gap:.12rem;margin:0;font-size:.68rem;font-weight:500;line-height:1.35;display:flex;position:absolute;bottom:1.1rem;right:.85rem}.wx-icp{pointer-events:auto;color:inherit;letter-spacing:.04em;white-space:nowrap;font-size:.62rem;text-decoration:none}.wx-icp:hover{color:#e6f2f8eb;text-underline-offset:.15em;text-decoration:underline}.wx-toast{z-index:20;border-radius:var(--radius);color:#ffd5cc;max-width:min(28rem,100vw - 2rem);box-shadow:var(--shadow-panel);background:#281212e0;border:1px solid #ff6b5a73;padding:.65rem 1rem;font-size:.82rem;position:absolute;bottom:6.6rem;left:50%;transform:translate(-50%)}.wx-settings{width:32px;height:32px;position:relative}.wx-settings-btn{width:32px;height:32px;color:inherit;box-shadow:none;background:0 0;border:0;place-items:center;padding:0;display:grid}.wx-settings-icon{color:#e8f4f8eb;line-height:0;display:flex}.wx-settings-btn:hover .wx-settings-icon,.wx-settings-btn.is-open .wx-settings-icon{color:#fff}.wx-settings-panel{z-index:30;border-radius:var(--radius);width:15.5rem;color:var(--text);-webkit-backdrop-filter:blur(16px)saturate(1.15);box-shadow:var(--shadow-panel);background:#070e1ae0;border:1px solid #b4d2e629;flex-direction:column;gap:.75rem;padding:.85rem .9rem;animation:.25s ease-out both wx-rise;display:flex;position:absolute;top:0;right:calc(100% + .5rem)}.wx-settings-title{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.72rem;font-weight:600}.wx-settings-field{border:0;margin:0;padding:0}.wx-settings-field legend{color:#dcebf5e0;margin-bottom:.4rem;padding:0;font-size:.78rem}.wx-settings-seg{background:#ffffff0d;border-radius:.65rem;grid-template-columns:1fr 1fr;gap:.25rem;padding:.2rem;display:grid}.wx-map .mapboxgl-ctrl button.wx-settings-chip,.wx-settings-panel button.wx-settings-chip{cursor:pointer;text-align:center;transition:background-color .2s,color .2s;appearance:none!important;width:auto!important;height:auto!important;min-height:2rem!important;box-shadow:none!important;font-family:var(--font-body)!important;color:#d2e4f0c7!important;background:0 0!important;border:0!important;border-radius:.5rem!important;outline:none!important;place-items:center!important;margin:0!important;padding:.45rem .35rem!important;font-size:.75rem!important;font-weight:600!important;line-height:1.2!important;display:grid!important}.wx-map .mapboxgl-ctrl button.wx-settings-chip:hover,.wx-settings-panel button.wx-settings-chip:hover{color:#fff!important;background:#4dd6c42e!important}.wx-map .mapboxgl-ctrl button.wx-settings-chip.is-active,.wx-settings-panel button.wx-settings-chip.is-active,.wx-settings-panel button.wx-settings-chip.is-active:hover{background:var(--panel-active-grad)!important;color:#fff!important}.wx-settings-panel button.wx-settings-chip:focus-visible{outline:2px solid var(--accent)!important;outline-offset:1px!important}.wx-settings-opacity{color:#dcebf5e6;flex-direction:column;gap:.35rem;margin:0;font-size:.8rem;display:flex}.wx-settings-opacity-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.wx-settings-opacity-value{font-family:var(--font-mono);color:var(--text-dim);font-size:.72rem}.wx-settings-opacity-range{appearance:none;background:linear-gradient(90deg,#4dd6c459,#ffb05a73);border-radius:999px;outline:none;width:100%;height:.35rem}.wx-settings-opacity-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);cursor:pointer;background:#f4fafc;border-radius:50%;width:1rem;height:1rem}.wx-settings-opacity-range::-moz-range-thumb{border:2px solid var(--accent);cursor:pointer;background:#f4fafc;border-radius:50%;width:1rem;height:1rem}.wx-settings-switch{font-family:var(--font-body);color:#dcebf5e6;cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;margin:0;font-size:.8rem;display:flex}.wx-settings-switch input{appearance:none;cursor:pointer;background:#ffffff1f;border:1px solid #b4d2e62e;border-radius:999px;width:2.35rem;height:1.3rem;margin:0;transition:background .2s,border-color .2s;position:relative}.wx-settings-switch input:after{content:"";background:#e8f4f8;border-radius:50%;width:1rem;height:1rem;transition:transform .2s;position:absolute;top:1px;left:2px}.wx-settings-switch input:checked{background:#4dd6c473;border-color:#4dd6c48c}.wx-settings-switch input:checked:after{transform:translate(1rem)}.wx-settings-switch input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=900px){:root{--header-h:auto;--footer-h:4.25rem;--rail-w:0px}.wx-screen-header{flex-wrap:wrap}.wx-layers{top:auto;left:.5rem;right:.5rem;bottom:calc(var(--footer-h) + 3.2rem);width:auto;max-height:none}.wx-domain-seg{flex-shrink:0}.wx-layers-list{flex-direction:row;overflow-x:auto}.wx-layer{white-space:nowrap;width:auto}.wx-legend{z-index:12;width:auto;min-width:7.5rem;max-width:38vw;bottom:.5rem;left:.5rem;right:auto}.wx-warn{width:auto;inset:auto .5rem 6rem}.wx-warn.is-open{max-height:36vh}.wx-time{border-radius:14px;width:calc(100vw - 1rem);margin-inline:auto;bottom:.5rem}.wx-company{right:.5rem;bottom:calc(var(--footer-h) + .55rem);max-width:min(16rem,48vw);font-size:.6rem}.wx-icp{font-size:.56rem}.wx-hint{display:none}}.wx-app{background:var(--bg);width:100%;height:100%;position:relative;overflow:hidden}.wx-boot{z-index:30;font-family:var(--font-body);letter-spacing:.06em;color:#dcebf5cc;background:radial-gradient(at 30% 20%,#1e5a7859,#0000 50%),radial-gradient(at 70% 80%,#143c5a4d,#0000 45%),#060e1c;place-items:center;gap:.75rem;font-size:.95rem;display:grid;position:absolute;inset:0}.wx-boot:after{content:"";border:2px solid #b4d2e62e;border-top-color:var(--accent);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite wx-spin}@keyframes wx-spin{to{transform:rotate(360deg)}}