:root{--appBg: #EEF2F6;--card: #FFFFFF;--cardBorder: #E7ECF1;--line: #E5EBF1;--hair: #F0F3F6;--fieldBg: #F6F8FA;--navy: #0A1B2E;--navy900: #0B1E33;--navy800: #0C2236;--navy700: #10324A;--navyMutedText: #8FA3B3;--navyGroup: #7E95A8;--navyFaint: #3C5266;--ink: #0F2436;--ink70: #3C5063;--slate: #516577;--slate2: #587082;--muted: #54697C;--mute2: #5A7080;--mute3: #5F7383;--teal: #1973D3;--teal600: #0E5CB0;--teal700: #0E549E;--tealInk: #FFFFFF;--tealText: #0C4480;--tealSoftBg: #ECF3FA;--tealSoftBorder: #BED5ED;--purple: #7C6CF0;--green: #15A66A;--greenText: #0C7A57;--greenSoftBg: #E6F6EE;--blue: #3D8BD4;--blueText: #2C6BAA;--blueSoftBg: #E9F2FB;--amber: #E0A93B;--amberText: #7A5B0E;--amberSoftBg: #FBF1DE;--red: #E0413E;--redText: #C0322F;--redSoftBg: #FDECEB;--gray: #8497A8;--grayText: #5E6F7E;--graySoftBg: #EEF1F4;--toastBg: #0F2436;--toastText: #FFFFFF;--focusRing: #0E549E;--scrollThumb: #cdd7e0;--scrollThumbHover: #aebccb}[data-theme=dusk]{--appBg: #DFD8CC;--card: #EFE9DD;--cardBorder: #DCD3C4;--line: #DBD2C3;--hair: #E5DECF;--fieldBg: #E7E0D2;--navy: #1C1812;--navy900: #221D16;--navy800: #28221A;--navy700: #3A3020;--navyMutedText: #A99A86;--navyGroup: #968772;--navyFaint: #6E6253;--ink: #2B241B;--ink70: #4C4232;--slate: #5E5341;--slate2: #625746;--muted: #5C5342;--mute2: #635A47;--mute3: #6A604C;--teal: #165DA9;--teal600: #144D89;--teal700: #113F71;--tealInk: #FFFFFF;--tealText: #113C6A;--tealSoftBg: #DCE2E8;--tealSoftBorder: #B4C3D2;--purple: #6357C1;--green: #1C9A66;--greenText: #156B47;--greenSoftBg: #D9E5D2;--blue: #3E7CB0;--blueText: #28608F;--blueSoftBg: #DCE3E4;--amber: #C8912F;--amberText: #7B5F10;--amberSoftBg: #EBDFC2;--red: #CE3E37;--redText: #A8302B;--redSoftBg: #ECD8CF;--gray: #7E7568;--grayText: #6B6255;--graySoftBg: #E4DECF;--toastBg: #2B241B;--toastText: #EFE9DD;--focusRing: #113F71;--scrollThumb: #C4BBAA;--scrollThumbHover: #ACA293}[data-theme=night]{--appBg: #06121D;--card: #0D2030;--cardBorder: #1C3445;--line: #1A3142;--hair: #112536;--fieldBg: #102536;--navy: #04101A;--navy900: #061521;--navy800: #081A28;--navy700: #123347;--navyMutedText: #6E869A;--navyGroup: #6A87A2;--navyFaint: #3C5266;--ink: #C9D7E1;--ink70: #97AABA;--slate: #8094A4;--slate2: #7B8EA0;--muted: #8FA3B4;--mute2: #8296A9;--mute3: #7A8FA3;--teal: #1564B8;--teal600: #0F56A2;--teal700: #0D4C90;--tealInk: #E6EFF8;--tealText: #4E90D3;--tealSoftBg: #0E1E30;--tealSoftBorder: #1C334C;--purple: #6D5FD2;--green: #18A06A;--greenText: #3FC089;--greenSoftBg: #12291C;--blue: #4F93D6;--blueText: #6FA6DC;--blueSoftBg: #12283C;--amber: #F0B43E;--amberText: #E9B455;--amberSoftBg: #2E2412;--red: #F25750;--redText: #F07B75;--redSoftBg: #2E1718;--gray: #6B7E8E;--grayText: #8A9CAB;--graySoftBg: #16293A;--toastBg: #0D2030;--toastText: #C9D7E1;--focusRing: #2B7DD4;--scrollThumb: #1C3A4C;--scrollThumbHover: #28506A}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}html,body{overflow:hidden;max-width:100vw;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--navy)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollThumb);border-radius:8px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollThumbHover);background-clip:padding-box}.navy-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;background-clip:padding-box}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}@keyframes ping{0%{transform:scale(1);opacity:.7}80%,to{transform:scale(2.4);opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes flashRow{0%{background:#16c2b329}to{background:transparent}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes voiceRing{0%{transform:scale(.6);opacity:.7}to{transform:scale(2.2);opacity:0}}@keyframes eqBar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes floatIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes sheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.h-f4:hover{background:var(--hair)}.h-f6:hover{background:var(--fieldBg)}.h-f8:hover{background:var(--fieldBg);background:color-mix(in srgb,var(--card) 55%,var(--fieldBg))}.h-w05:hover{background:#ffffff0d}.h-w08:hover{background:#ffffff14}.h-w13:hover{background:#ffffff21}.h-w15:hover{background:#ffffff26}.h-red:hover{background:#fdeceb}.h-teal:hover{background:#d6f5ef}.h-bright:hover{filter:brightness(1.05)}.h-card{transition:border-color .16s,box-shadow .16s}.h-card:hover{border-color:#beede6!important;box-shadow:0 1px 2px #1028400a,0 16px 30px -20px #1028404d!important}.h-lift{transition:transform .14s,box-shadow .16s,border-color .16s}.search-input::placeholder{color:var(--mute3)}.search-input:focus{background:var(--card);border-color:var(--teal);box-shadow:0 0 0 3px #19d3c224}.leaflet-container{font-family:Inter,sans-serif;background:#0b2c42}.leaflet-top.leaflet-left{margin-top:50px}.leaflet-control-zoom a{border-radius:8px!important}.marine-ping{animation:ping 1.8s ease-out infinite}.zone-label.leaflet-tooltip{background:transparent;border:none;box-shadow:none;padding:0;color:#eaf3f7;font-size:10px;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.75)}.zone-label.leaflet-tooltip:before{display:none}.marine-popup .leaflet-popup-content-wrapper{border-radius:14px;box-shadow:0 18px 44px -16px #040e1a80;padding:0;min-width:304px}.marine-popup .leaflet-popup-content{margin:16px 18px;max-height:62vh;overflow-y:auto;overflow-x:hidden;width:304px!important;box-sizing:border-box;scrollbar-gutter:stable}.marine-popup .leaflet-popup-close-button{top:10px;right:10px;width:28px;height:28px;font-size:20px;line-height:26px;border-radius:8px}.marine-popup .leaflet-popup-tip{box-shadow:0 18px 44px -16px #040e1a80}.argo-boat--open [data-boat-speed-tag],.argo-boat--open .marine-ping{display:none!important}@media(max-width:560px){.marine-popup .leaflet-popup-content-wrapper{min-width:0}.marine-popup .leaflet-popup-content{width:min(304px,90vw)!important;margin:14px 16px}}@media(max-width:560px){.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-sheet{width:100%!important;max-width:100%!important;border-radius:18px 18px 0 0!important;max-height:88vh;overflow-y:auto!important;animation:sheetUp .24s cubic-bezier(.22,1,.36,1)!important}}@media(max-width:768px){.btn-touch{min-height:44px}.icon-touch{min-width:44px;min-height:44px}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px}}@media(max-width:1280px){.screen-pad{padding:22px 24px 92px!important}}@media(max-width:1024px){.grid-2col{grid-template-columns:1fr!important}.grid-3{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:860px){.argo-pill-weather{display:none!important}}@media(max-width:768px){.screen-pad{padding:16px 14px 90px!important}.argo-pill-online{display:none!important}.grid-2col{grid-template-columns:1fr!important}.grid-4{grid-template-columns:repeat(2,1fr)!important}.grid-3,.grid-2{grid-template-columns:1fr!important}.argo-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.argo-map{flex-direction:column!important}.argo-map-aside{width:100%!important;flex:none!important;max-height:40vh;border-right:none!important;border-bottom:1px solid rgba(16,40,64,.1)!important}.argo-map>div{min-height:300px}.argo-header{padding:0 14px!important;gap:10px!important}}@media(max-width:560px){.screen-pad{padding:14px 12px 88px!important}.argo-map-aside{max-height:46vh}}@media(max-width:480px){.grid-4{grid-template-columns:1fr!important}.argo-header{padding:0 10px!important;gap:8px!important}}@media(max-width:400px){.screen-pad{padding:12px 12px 84px!important}}@supports (padding: env(safe-area-inset-bottom)){@media(max-width:768px){.screen-pad{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}}.modal-sheet{padding-bottom:env(safe-area-inset-bottom)}}.app-shell{height:100vh;height:100dvh}.min-h-dvh{min-height:100vh;min-height:100dvh}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:400;transform:translateY(-160%);padding:10px 16px;border-radius:10px;background:var(--toastBg);color:var(--toastText);font-family:Inter,system-ui,sans-serif;font-size:13.5px;font-weight:700;text-decoration:none;box-shadow:0 8px 22px -8px #040e1a80;transition:transform .14s ease}.skip-link:focus{transform:translateY(0);outline:2px solid var(--focusRing);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,:focus-visible{outline:2px solid var(--focusRing);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root{--argo-dur-fast: .15s;--argo-dur-base: .2s;--argo-dur-slow: .25s;--argo-ease-out: cubic-bezier(.22, 1, .36, 1);--argo-ease-standard: cubic-bezier(.4, 0, .2, 1);--argo-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--argo-accent: var(--teal);--argo-accent-strong: var(--teal600);--argo-live: var(--teal);--argo-chart-grid: color-mix(in srgb, var(--ink) 8%, transparent);--argo-elev-1: 0 1px 2px rgba(16, 40, 64, .05), 0 8px 20px -16px rgba(16, 40, 64, .22);--argo-elev-2: 0 1px 2px rgba(16, 40, 64, .04), 0 16px 30px -20px rgba(16, 40, 64, .3);--argo-elev-3: 0 20px 44px -16px rgba(16, 40, 64, .34);--argo-skeleton-bg: color-mix(in srgb, var(--slate) 14%, transparent);--argo-skeleton-hi: color-mix(in srgb, var(--slate) 26%, transparent)}[data-theme=dusk]{--argo-elev-1: 0 1px 2px rgba(8, 6, 4, .3), 0 8px 20px -16px rgba(8, 6, 4, .5);--argo-elev-2: 0 2px 4px rgba(8, 6, 4, .32), 0 16px 30px -20px rgba(8, 6, 4, .58);--argo-elev-3: 0 22px 46px -16px rgba(8, 6, 4, .66)}[data-theme=night]{--argo-elev-1: 0 1px 2px rgba(0, 0, 0, .45), 0 8px 22px -16px rgba(0, 0, 0, .7);--argo-elev-2: 0 2px 6px rgba(0, 0, 0, .5), 0 18px 34px -20px rgba(0, 0, 0, .78);--argo-elev-3: 0 24px 50px -16px rgba(0, 0, 0, .85);--argo-skeleton-bg: color-mix(in srgb, var(--slate) 20%, transparent);--argo-skeleton-hi: color-mix(in srgb, var(--slate) 38%, transparent)}@keyframes argo-fade-in{0%{opacity:0}to{opacity:1}}@keyframes argo-fade-up{0%{opacity:0;transform:translateY(var(--argo-fade-y, 8px))}to{opacity:1;transform:none}}@keyframes argo-fade-down{0%{opacity:0;transform:translateY(calc(-1 * var(--argo-fade-y, 8px)))}to{opacity:1;transform:none}}@keyframes argo-slide-in-right{0%{opacity:0;transform:translate(var(--argo-slide-x, 12px))}to{opacity:1;transform:none}}@keyframes argo-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes argo-ping{0%{transform:scale(.85);opacity:.55}to{transform:scale(2.2);opacity:0}}@keyframes argo-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes argo-spin{to{transform:rotate(360deg)}}.argo-animate-fade{animation:argo-fade-in var(--argo-dur-base) var(--argo-ease-out) both}.argo-animate-fade-up{animation:argo-fade-up var(--argo-dur-base) var(--argo-ease-out) both}.argo-animate-fade-down{animation:argo-fade-down var(--argo-dur-base) var(--argo-ease-out) both}.argo-animate-slide-in{animation:argo-slide-in-right var(--argo-dur-base) var(--argo-ease-out) both}.argo-pulse{animation:argo-pulse 2s var(--argo-ease-standard) infinite}.argo-ping{animation:argo-ping 1.8s var(--argo-ease-out) infinite}.argo-spin{animation:argo-spin 1s linear infinite}.argo-interactive{transition:transform var(--argo-dur-fast) var(--argo-ease-spring),box-shadow var(--argo-dur-base) var(--argo-ease-out),border-color var(--argo-dur-base) var(--argo-ease-out),background-color var(--argo-dur-base) var(--argo-ease-out)}.argo-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--argo-elev-2)}.argo-press:active{transform:scale(.97)}.argo-skeleton{background:var(--argo-skeleton-bg);border-radius:8px}.argo-skeleton--shimmer{background-image:linear-gradient(100deg,var(--argo-skeleton-bg) 30%,var(--argo-skeleton-hi) 50%,var(--argo-skeleton-bg) 70%);background-size:200% 100%;animation:argo-shimmer 1.4s var(--argo-ease-standard) infinite}@media(prefers-reduced-motion:reduce){.argo-animate-fade,.argo-animate-fade-up,.argo-animate-fade-down,.argo-animate-slide-in{animation:none!important;opacity:1!important;transform:none!important}.argo-pulse,.argo-ping,.argo-spin,.argo-skeleton--shimmer{animation:none!important}.argo-interactive{transition:none!important}.argo-hover-lift:hover,.argo-press:active{transform:none!important}}