:root{--bg-deep: #070b14;--bg-panel: rgba(10, 18, 30, .88);--bg-input: rgba(8, 15, 25, .9);--accent: #00e5ff;--accent-dim: rgba(0, 229, 255, .25);--accent-glow: 0 0 8px rgba(0, 229, 255, .4);--primary: #0088ff;--surface: #0f172a;--text-dim: #5a6a7e;--text: #c8d6e5;--text-bright:#e8f0f8;--text-muted: #607080;--danger: #ff4444;--success: #00cc66;--warning: #ff8c00;--border: rgba(0, 229, 255, .18);--radius: 8px;--radius-md: 10px;--radius-lg: 14px;--glass-bg: rgba(18, 28, 40, .28);--glass-bg-elevated: rgba(20, 30, 44, .36);--glass-border: rgba(255, 255, 255, .12);--glass-border-accent: rgba(255, 255, 255, .125);--glass-blur: 10px;--glass-blur-heavy: 12px;--glass-saturate: 1.04;--glass-shadow: 0 8px 36px rgba(0, 0, 0, .72), 0 2px 12px rgba(0, 0, 0, .45);--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 -1px 0 rgba(0, 0, 0, .18);--glass-fill-map: linear-gradient(180deg, rgba(255, 255, 255, .055) 0%, transparent 40%, rgba(0, 0, 0, .12) 100%), rgba(18, 28, 40, .3);--glass-fill-ui: linear-gradient(180deg, rgba(255, 255, 255, .055) 0%, transparent 40%, rgba(0, 0, 0, .12) 100%), rgba(20, 30, 44, .38);--font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-display: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", Roboto, sans-serif;--font-mono: "Cascadia Code", "Cascadia Mono", "SF Mono", "Fira Code", Consolas, monospace}.boot-banner{display:none;position:fixed;top:0;left:0;right:0;z-index:1000;padding:10px 16px;font-size:13px;line-height:1.4;color:#fff;background:#8b2222;border-bottom:1px solid #ff6666}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg-deep);font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;line-height:1.4}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}body:not(.fuel-page):not(.tools-page){overflow:hidden}.route-current-dialog{box-sizing:border-box;width:92vw;max-width:440px;max-height:82vh;overflow:auto;border:1px solid #64748b;border-radius:16px;padding:18px;color:var(--text-primary,#e2e8f0);background:var(--bg-primary,#142032);box-shadow:0 12px 50px #0007;font:14px/1.45 system-ui,sans-serif}.route-current-dialog::backdrop{background:#0005}.route-current-dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px}.route-current-dialog h2{font-size:18px;margin:0 0 12px}.route-current-dialog label{display:block;margin-top:10px}.route-current-dialog input,.route-current-dialog select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:9px;margin-top:5px;border:1px solid #64748b;border-radius:8px;background:var(--bg-secondary,#233248);color:inherit;font:inherit}.route-current-dialog button{border:1px solid #64748b;border-radius:8px;padding:9px 12px;background:#166a85;color:#fff;font:inherit;cursor:pointer}.route-current-dialog button:disabled{opacity:.55;cursor:wait}.route-current-dialog p{font-size:12px;margin:10px 0;overflow-wrap:anywhere}.route-current-dialog output{display:block;margin:14px 0;white-space:pre-line;overflow-wrap:anywhere}.route-current-dialog .route-current-static{color:#fbbf24;font-weight:600}.route-current-gradient{height:8px;border-radius:5px;background:linear-gradient(90deg,#11d411,#11d4d4,#1111d4,#d411d4,#d41111)}#btnRouteCurrentETA{margin-top:6px}.route-current-dialog output{white-space:normal;font-variant-numeric:tabular-nums}.route-current-dialog .route-current-factor{font-size:22px;font-weight:700;margin:7px 0}input[type=checkbox]{-webkit-appearance:none;appearance:none;display:inline-grid;place-content:center;width:14px;height:14px;margin:0;border-radius:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px #ffffff0a;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .2s ease,transform .08s ease}input[type=checkbox]:after{content:"";width:7px;height:4px;border-left:2px solid rgba(255,255,255,.92);border-bottom:2px solid rgba(255,255,255,.92);transform:rotate(-45deg);opacity:0}input[type=checkbox]:checked{background:linear-gradient(135deg,#00e5ff42,#00b4dc24);border-color:#00e5ff73;box-shadow:var(--accent-glow),inset 0 1px #ffffff12}input[type=checkbox]:checked:after{opacity:1}input[type=checkbox]:focus-visible{outline:2px solid rgba(0,229,255,.55);outline-offset:2px}html.navarea-cabinet-html{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body.cabinet-page{overflow:auto;height:auto;min-height:100%;background:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(0,120,180,.18),transparent 55%),radial-gradient(ellipse 90% 60% at 100% 50%,rgba(0,229,255,.06),transparent 45%),var(--bg-deep)}.cabinet-wrap{position:relative;max-width:440px;margin:48px auto 64px;padding:32px 32px 36px;max-height:none;background:var(--glass-fill-ui);backdrop-filter:blur(var(--glass-blur-heavy)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow),var(--glass-inset)}@media(max-height:720px){.cabinet-wrap{margin-top:16px;margin-bottom:24px;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch}}.cabinet-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.cabinet-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.cabinet-lang-toolbar{display:inline-flex;flex-direction:row;align-items:stretch;padding:3px;gap:2px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:linear-gradient(165deg,rgba(255,255,255,.07) 0%,transparent 50%),#0c1420b8;box-shadow:var(--glass-inset),0 4px 16px #00000059;backdrop-filter:blur(10px) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(10px) saturate(var(--glass-saturate))}.cabinet-lang-toolbar .cabinet-lang-btn{flex:1 1 auto;min-width:34px;margin:0;padding:7px 11px;position:relative;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.2;border:none;border-radius:calc(var(--radius-md) - 4px);background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s ease,background .15s ease,box-shadow .2s ease}.cabinet-lang-toolbar .cabinet-lang-btn:before{content:"";position:absolute;inset:-5px -3px;border-radius:calc(var(--radius-md) - 2px)}.cabinet-lang-toolbar .cabinet-lang-btn:hover{color:var(--text-bright);background:#ffffff0f}.cabinet-lang-toolbar .cabinet-lang-btn.map-lang-btn--active{color:var(--accent);background:#00e5ff1f;box-shadow:0 0 14px #00e5ff38,inset 0 1px #ffffff1f}.cabinet-title{font-family:var(--font-display);font-size:1.5rem;font-weight:650;letter-spacing:-.035em;color:var(--text-bright);margin:0;line-height:1.15;text-wrap:balance}.cabinet-close-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0;padding:0;text-decoration:none;color:#b4cde4f2;background:linear-gradient(165deg,rgba(255,255,255,.1) 0%,transparent 55%),#121c2873;border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow),var(--glass-inset);backdrop-filter:blur(8px) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(8px) saturate(var(--glass-saturate));transition:color .2s ease,border-color .2s ease,box-shadow .25s ease,background .2s ease}.cabinet-close-btn:hover{color:var(--accent);border-color:var(--accent-dim);box-shadow:var(--accent-glow),var(--glass-inset),0 6px 20px #0006}.cabinet-close-icon{width:20px;height:20px;display:block}.cabinet-bot-status-line{margin:0;font-size:14px;line-height:1.45;color:#d6e4f2f5;max-width:100%;word-break:break-word}.cabinet-bot-unlinked-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cabinet-bot-unlinked-actions[hidden]{display:none!important}.cabinet-account-row.cabinet-bot-row{display:grid;grid-template-columns:minmax(10rem,1fr) auto;align-items:start;gap:10px 14px}.cabinet-bot-row .cabinet-bot-info{min-width:0}.cabinet-bot-row .cabinet-bot-right{justify-self:end}.cabinet-bot-row .cabinet-bot-actions{width:auto;justify-content:flex-end}@media(max-width:419px){.cabinet-account-row.cabinet-bot-row{grid-template-columns:1fr}.cabinet-bot-row .cabinet-bot-right{justify-self:stretch}.cabinet-bot-row .cabinet-bot-actions{width:100%;justify-content:flex-start}}.cabinet-toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:translate(-50%) translateY(12px);z-index:6000;max-width:min(92vw,22em);padding:10px 16px;font-size:13px;line-height:1.4;color:var(--text-bright);text-align:center;background:#0c1c28f0;border:1px solid rgba(0,229,255,.35);border-radius:var(--radius-md);box-shadow:var(--accent-glow),0 8px 28px #00000073;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.cabinet-toast.cabinet-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.cabinet-connect-btn{text-align:center;text-decoration:none;line-height:1.25}.cabinet-bot-right{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex-shrink:0}.cabinet-bot-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;flex-shrink:0}.cabinet-guest-hint{margin-bottom:16px;line-height:1.5}.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}.cabinet-magic-form{display:flex;gap:8px;margin-bottom:10px}.cabinet-magic-input{flex:1;min-width:0;height:42px;padding:0 12px;border:1px solid var(--glass-border, rgba(255, 255, 255, .12));border-radius:8px;background:var(--bg-input, rgba(8, 15, 25, .9));color:var(--text-bright);font:inherit;outline:none}.cabinet-magic-input:focus{border-color:#00e5ff8c;box-shadow:0 0 0 2px #00e5ff1f}.cabinet-magic-form .btn{flex:0 0 auto;white-space:nowrap}.cabinet-magic-status{margin:0 0 12px}@media(max-width:520px){.cabinet-magic-form{flex-direction:column}.cabinet-magic-form .btn{width:100%}}.cabinet-guest-actions .btn{flex:1}.cabinet-profile-block{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 0 20px}.cabinet-profile-avatar-wrap{position:relative;width:72px;height:72px;margin:0 0 10px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(145deg,#00e5ff24,#0c1c2dd9);border:1px solid var(--glass-border, rgba(255, 255, 255, .12));box-shadow:0 4px 20px #00000059}.cabinet-profile-avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:none;z-index:1;border-radius:50%}.cabinet-profile-initials{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;color:var(--accent);letter-spacing:.04em;user-select:none;z-index:0}.cabinet-profile-name{margin:0 0 18px;font-size:1.05rem;font-weight:600;color:var(--text-bright);line-height:1.35;max-width:100%}.cabinet-accounts{margin-bottom:8px}.cabinet-account-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.cabinet-account-row:last-of-type{border-bottom:none}.cabinet-account-info{flex:1;min-width:0}.cabinet-account-service{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:650;margin-bottom:4px}.cabinet-account-value{display:block;font-size:14px;color:#d6e4f2f5;word-break:break-word}.cabinet-change-btn{flex:0 0 auto;white-space:nowrap;padding-left:14px;padding-right:14px}.cabinet-telegram-relink{margin-top:14px;margin-bottom:8px}.cabinet-logout-row{margin-top:20px}.cabinet-logout-row .btn{flex:0 1 auto;min-width:120px}.cabinet-wrap .cabinet-user-line{margin-bottom:20px;line-height:1.55;font-size:13px}.cabinet-wrap .cabinet-telegram-block{margin-top:20px}.cabinet-wrap .cabinet-telegram-label{margin-bottom:10px;font-size:13px;color:var(--text-muted)}.tg-panel-intro{margin-bottom:12px}.tg-check-row{display:flex;align-items:flex-start;gap:8px;font-size:13px;margin-bottom:10px;cursor:pointer}.tg-check-row input{margin-top:2px}.tg-hint-indent{margin:8px 0 6px}.tg-zones-label{margin-top:14px}.tg-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;margin-bottom:12px;font-size:12px}.corridor-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.corridor-toggle-row .corridor-toggle-btn{margin-bottom:0;background:linear-gradient(135deg,#00e5ff0f,#00e5ff05);border-color:#ffffff12;color:var(--text-dim);box-shadow:0 0 12px #00e5ff0a,0 0 4px #00e5ff05;transition:border-color .2s,box-shadow .2s,color .2s,background .2s}.corridor-toggle-row .corridor-toggle-btn:hover{border-color:#ffffff1f;background:linear-gradient(135deg,#00e5ff1a,#00e5ff0a);box-shadow:0 0 12px #00e5ff0f,0 0 4px #00e5ff08;color:var(--text-dim)}.corridor-toggle-row .corridor-toggle-btn.active{border-color:var(--accent);background:#00e5ff1f;color:#fff;box-shadow:0 0 12px #00e5ff80,0 0 4px #00e5ff4d}.corridor-toggle-row .corridor-toggle-btn.active:hover{border-color:var(--accent);background:#00e5ff2e;box-shadow:0 0 14px #00e5ff99,0 0 6px #00e5ff59}.corridor-num-input{min-width:0;text-align:center;padding:8px 10px;min-height:36px;box-sizing:border-box}.corridor-num-input::placeholder{font-size:10px;color:var(--text-muted);text-transform:uppercase}.corridor-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;background:#00e5ff0f;border:1px solid rgba(0,229,255,.15);border-radius:10px}.corridor-row .corridor-label{flex:1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);white-space:nowrap}.corridor-row .corridor-num-input{max-width:70px;text-align:center;min-height:36px}.navarea-pdf-row{margin-top:4px}.navarea-pdf-row .btn-p2p{width:100%}.tg-notif-row{padding:12px 0 0}.tg-notif-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;user-select:none}.tg-notif-btn:hover{background:#ffffff14;border-color:#fff3}.tg-notif-btn.active{background:#00e5ff1f;border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 12px #00e5ff80,0 0 24px #00e5ff33;text-shadow:0 0 6px rgba(0,229,255,.6)}.tg-notif-icon{font-size:18px;line-height:1}.tg-zone-item{display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}.tg-btn-stack{flex-direction:column;align-items:stretch;gap:8px}.tg-btn-stack .btn{flex:0 0 auto;width:100%;max-width:100%;white-space:normal;text-align:center;line-height:1.35;justify-content:center}.tg-btn-stack--single .btn{width:100%}.tg-inbox-list{margin-top:10px;max-height:200px;overflow-y:auto;font-size:12px}.tg-inbox-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--glass-border)}.tg-inbox-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tg-select,.tg-num-input{font-family:var(--font-ui, inherit);font-size:13px;color:var(--text-bright);background:var(--bg-input, rgba(8, 15, 25, .9));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:8px 10px;box-shadow:inset 0 1px #ffffff0a;outline:none;transition:border-color .15s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none;max-width:70px}.tg-select:focus,.tg-num-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00e5ff1f}.tg-select{flex:1;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%235a6a7e' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px;cursor:pointer}.tg-select:hover{border-color:#fff3}.tg-select option{background:#0f1a2e;color:var(--text-bright)}.tg-form-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tg-form-label{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.04em;min-width:0}#oceanCurrentsExpansionSelect{font-size:11px!important;padding:4px 8px!important;background:var(--bg-input, rgba(8, 15, 25, .9))!important;color:var(--text-bright)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:var(--radius)!important;outline:none;-webkit-appearance:none;appearance:none}#oceanCurrentsExpansionSelect:focus{border-color:var(--accent)!important}#gribFileFormat{font-size:12px!important;padding:4px 24px 4px 8px!important;border-radius:var(--radius)!important;background:var(--bg-input, rgba(8, 15, 25, .9))!important;color:var(--text-bright)!important;border:1px solid rgba(255,255,255,.1)!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%235a6a7e' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:10px 6px!important;cursor:pointer}#gribFileFormat:focus{border-color:var(--accent)!important}#cfgSourceMode{font-family:var(--font-ui, inherit);font-size:13px;color:var(--text-bright);background:var(--bg-input, rgba(8, 15, 25, .9));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:6px 30px 6px 10px;box-shadow:inset 0 1px #ffffff0a;outline:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%235a6a7e' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px;cursor:pointer;transition:border-color .15s ease}#cfgSourceMode:focus{border-color:var(--accent)}#cfgSourceMode option{background:#0f1a2e;color:var(--text-bright)}.tg-inbox-apply{flex-shrink:0;padding:4px 10px;font-size:11px}#map{position:absolute;inset:0;z-index:0}.leaflet-container.map-ruler-tool-active,.leaflet-container.map-ruler-tool-active .leaflet-grab{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cline x1='16' y1='2' x2='16' y2='11' stroke='%230a3d34' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='16' y1='21' x2='16' y2='30' stroke='%230a3d34' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='2' y1='16' x2='11' y2='16' stroke='%230a3d34' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='21' y1='16' x2='30' y2='16' stroke='%230a3d34' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='16' cy='16' r='2.5' fill='%2300e8c8' stroke='%230a3d34' stroke-width='1'/%3E%3C/svg%3E") 16 16,crosshair!important}.leaflet-container.map-ruler-tool-active.leaflet-dragging .leaflet-grab{cursor:grabbing!important}.map-bottom-hud{position:fixed;right:max(12px,env(safe-area-inset-right,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:450;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}.map-bottom-hud-row{display:flex;flex-direction:row;align-items:stretch;gap:6px;pointer-events:auto}.map-hud-btn{font-family:var(--font-ui, system-ui, sans-serif);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;color:var(--text-bright, #e8f0fa);background:#121c28e0;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 4px 16px #0000004d;cursor:pointer;line-height:1.2;user-select:none}.map-hud-btn:hover{border-color:#00e8b473;color:#b8ffe8}.map-hud-btn[aria-pressed=true]{background:#0078608c;border-color:#00e8b48c;color:#e8fff8}.map-ruler-speed{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;color:#e8f0faeb;background:#121c28c7;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 4px 20px #00000059;pointer-events:auto;user-select:none}.map-ruler-speed[hidden]{display:none!important}.map-ruler-speed-label{font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:#d6e6f5e6}.map-ruler-speed-input{width:3.6rem;padding:2px 6px;border-radius:7px;border:1px solid rgba(255,255,255,.14);background:#080e16bf;color:var(--text-bright, #e8f0fa);font-family:var(--font-mono, ui-monospace, Consolas, monospace);font-size:12px;font-weight:650;text-align:right;font-variant-numeric:tabular-nums}.map-ruler-speed-input:focus{outline:none;border-color:#00e8b48c}.map-ruler-speed-unit{font-size:11px;color:#d6e6f5c7}.map-measure-readout{max-width:min(92vw,38em);text-align:right;font-family:var(--font-mono, ui-monospace, Consolas, monospace);font-size:11px;line-height:1.35;letter-spacing:.02em;padding:4px 10px 6px;color:#e8f0faeb;background:#121c28b8;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-variant-numeric:tabular-nums;pointer-events:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-mouse-coords{min-width:22ch;text-align:right;font-family:var(--font-mono, ui-monospace, Consolas, monospace);font-size:12px;line-height:1.35;letter-spacing:0;font-variant-numeric:tabular-nums;padding:6px 10px;color:var(--text-bright, #e8f0fa);background:#121c28c7;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 4px 20px #00000059;pointer-events:none;user-select:none}.float-panel.float-panel--map-hidden{display:none!important}html:not(.navarea-float-layout-ready) .float-panel:not(.float-panel--map-hidden){visibility:hidden}.float-panel[hidden],.map-settings-row[hidden]{display:none!important}.float-panel{position:fixed;z-index:400;width:340px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);display:flex;flex-direction:column;background:var(--glass-fill-map);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-shadow),var(--glass-inset);transition:transform .28s ease,opacity .28s ease;isolation:isolate;--text-muted: #9eb4cc;--text: #dce8f4}.float-panel.collapsed .panel-body{display:none!important}.float-panel.collapsed .panel-header{border-bottom:none}.float-panel.dragging{transition:none}.float-panel-drag{flex-shrink:0}.float-panel.dragging .float-panel-drag{cursor:grabbing}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.09);user-select:none;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%)}.float-panel-drag.panel-header-main{flex:1;min-width:0;cursor:grab}.float-panel-collapse-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin:-2px -4px -2px 0;border:1px solid rgba(0,229,255,.26);border-radius:8px;background:#00e5ff12;color:var(--text-bright);cursor:pointer;transition:border-color .15s,background .15s}.float-panel-collapse-btn:hover{border-color:var(--accent);background:#00e5ff24}.float-panel:not(.collapsed):not(.float-panel--map-hidden) .float-panel-collapse-btn{border-color:#00e5ff7a;background:#00e5ff21;box-shadow:0 0 12px #00e5ff33}.float-panel-collapse-btn svg{width:16px;height:16px;stroke:currentColor;transition:transform .22s ease}.float-panel.collapsed .float-panel-collapse-btn svg{transform:rotate(-180deg)}.float-panel-close-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,80,80,.3);border-radius:8px;background:#ff505014;color:var(--text-muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.float-panel-close-btn:hover{border-color:#ff505099;background:#ff50502e;color:var(--text-bright)}.float-panel-close-btn svg{width:16px;height:16px}@media(max-width:600px){.float-panel-close-btn{width:40px;height:40px;margin:-4px -4px -4px 0}.float-panel-close-btn svg{width:18px;height:18px}}.panel-title{font-family:var(--font-display);font-size:14px;font-weight:650;color:var(--text-bright);letter-spacing:-.02em}.panel-body{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:10px}.float-panel .panel-body-fit{display:flex;flex-direction:column;gap:inherit;width:100%;min-width:0;min-height:min-content;transform-origin:top left;will-change:transform}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.float-panel .panel-body{color:var(--text)}.float-panel .hint-text{color:#d6e4f2f5;font-size:12px}@media(max-width:768px){body:not(.map-settings-desktop-panels) .float-panel:not(.float-panel--map-hidden){left:var(--map-float-sheet-left, 86px)!important;top:50%!important;transform:translateY(-50%)!important;max-width:calc(100vw - var(--map-float-sheet-left, 86px) - 10px);max-height:min(90vh,calc(100vh - 20px));width:min(380px,calc(100vw - var(--map-float-sheet-left, 86px) - 10px));border-radius:var(--radius-lg)}body:not(.map-settings-desktop-panels) .float-panel:not(.float-panel--map-hidden):before{display:none}body:not(.map-settings-desktop-panels) .float-panel:not(.float-panel--map-hidden) .float-panel-drag{cursor:grab}body:not(.map-settings-desktop-panels) .float-panel:not(.float-panel--map-hidden) .panel-body{max-height:min(60vh,calc(100vh - 120px));overflow-y:auto}body:not(.map-settings-desktop-panels) .float-panel-collapse-btn{display:inline-flex!important}}.panel-block{padding:0 4px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.btn-row .btn,.btn-grid-2 .btn{flex:1;min-width:0}.btn-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.navarea-check-route-row,.corridor-row,.navarea-pdf-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.section-label{padding:0 2px}.ocean-currents-meta,.ocean-currents-legend{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#ffffff08}.ocean-currents-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.ocean-currents-meta-item{min-width:0;display:flex;flex-direction:column;gap:3px}.ocean-currents-meta-item--wide{grid-column:1 / -1}.ocean-currents-meta-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.ocean-currents-meta-value{min-width:0;color:var(--text-bright);font-size:12px;line-height:1.35;word-break:break-word}.ocean-currents-meta-value[data-origin=fallback]{color:#ffd38a}.ocean-currents-meta-value[data-state=stale]{color:var(--warning)}.coastal-section--empty{opacity:.35}.panel-block:hover .coastal-section--empty{opacity:.6}#oceanCurrentsMeta.oc-info-empty .oc-info-value{font-style:italic;opacity:.5}#oceanCurrentsMeta.oc-info-empty #oceanCurrentsSourceValue{color:#d4a017}.oc-info-value[data-state=warning]{color:#ffcf8a}.oc-info-value[data-state=error]{color:var(--danger)}.ocean-currents-legend-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.ocean-currents-legend-item{display:flex;align-items:center;gap:8px;min-width:0;color:var(--text);font-size:11px;line-height:1.3;letter-spacing:.01em}.ocean-currents-legend-line{position:relative;flex:0 0 28px;width:28px;height:3px;border-radius:999px;background:currentColor;color:#46e1ff5c;box-shadow:0 0 8px currentColor}.ocean-currents-legend-line:after{content:"";position:absolute;right:-2px;top:50%;width:0;height:0;border-left:5px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;transform:translateY(-50%)}.ocean-currents-legend-line--slow{color:#46e1ff3d}.ocean-currents-legend-line--moderate{color:#46e1ff73;height:4px}.ocean-currents-legend-line--fast{color:#66f0ffb3;height:5px}.ocean-currents-legend-line--strong{color:#8cfffaf2;height:6px}.ocean-currents-actions{margin-top:2px}.ocean-currents-route-controls{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#ffffff08}.ocean-currents-route-control{min-width:0;display:grid;gap:7px}.ocean-currents-route-control--range{align-content:start}.ocean-currents-route-control-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ocean-currents-route-control-value{color:var(--text-bright);font-size:12px;line-height:1.25}.ocean-currents-route-control input[type=range]{width:100%;margin:0;accent-color:var(--accent)}.ocean-currents-route-control select{width:100%;min-height:34px}.ocean-currents-route-control-help{color:var(--text-muted);font-size:10px;line-height:1.3}#oceanCurrentsStatus[data-state=refreshing]{color:var(--accent)}#oceanCurrentsStatus[data-state=warning],#oceanCurrentsStatus[data-state=stale]{color:var(--warning)}#oceanCurrentsStatus[data-state=error]{color:var(--danger)}.ocean-currents-hud{position:absolute;left:12px;bottom:12px;z-index:640;width:min(320px,calc(100% - 24px));padding:10px 12px 11px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(180deg,#08121ee0,#08121eb8);box-shadow:0 14px 32px #00000047,0 0 0 1px #44cdff14 inset;color:var(--text-bright);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}.ocean-currents-hud[hidden],.ocean-currents-hud-note[hidden]{display:none!important}.ocean-currents-hud-title{margin-bottom:8px;color:#c6e7ffd1;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ocean-currents-hud-grid{display:grid;gap:6px}.ocean-currents-hud-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;align-items:baseline;min-width:0}.ocean-currents-hud-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ocean-currents-hud-value{min-width:0;color:#f5fbfffa;font-size:12px;line-height:1.35;word-break:break-word}.ocean-currents-hud-note{margin-top:8px;color:var(--warning);font-size:11px;line-height:1.35}.ocean-currents-hud[data-state=nodata]{border-color:#ffbd623d}@media(max-width:420px){.ocean-currents-meta,.ocean-currents-legend-items,.ocean-currents-route-controls{grid-template-columns:1fr}.ocean-currents-meta,.ocean-currents-legend{padding:9px 10px}.ocean-currents-hud{left:10px;right:10px;bottom:10px;width:auto}.ocean-currents-hud-item{grid-template-columns:78px minmax(0,1fr)}}.float-panel--bank,.float-panel--bank.collapsed{width:340px}.float-panel--bank .bank-card-head{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-bottom:0}.float-panel--bank .bank-tabs,.float-panel--bank .bank-modes{display:inline-flex;gap:8px;flex-wrap:wrap}.float-panel--bank .bank-tab,.float-panel--bank .bank-mode{min-height:40px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);border-radius:999px;padding:8px 14px;cursor:pointer;font:inherit;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.float-panel--bank .bank-tab.is-active,.float-panel--bank .bank-mode.is-active{border-color:#00e5ff4d;background:#00e5ff24;color:var(--text-bright);box-shadow:0 0 0 1px #00e5ff14 inset}.float-panel--bank .bank-tab:disabled,.float-panel--bank .bank-mode:disabled{cursor:not-allowed;opacity:.62}.float-panel--bank .bank-mode-note{margin:0;color:var(--text-muted);font-size:12px}.float-panel--bank .bank-area-toolbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.float-panel--bank .bank-area-state{color:var(--text-muted);font-size:12px;line-height:1.4}.float-panel--bank .bank-saved-drawer{margin-bottom:10px}.float-panel--bank .bank-saved-drawer[hidden]{display:none!important}.float-panel--bank .bank-state{min-height:20px;color:var(--text-muted);font-size:12px;line-height:1.4}.float-panel--bank .bank-state.is-error{color:var(--danger)}.float-panel--bank .bank-list{display:grid;gap:8px}.float-panel--bank .bank-item{padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08;display:grid;gap:6px}.float-panel--bank .bank-item-head{display:grid;gap:6px}.float-panel--bank .bank-item-title{color:var(--text-bright);font-weight:650;line-height:1.35;font-size:13px}.float-panel--bank .bank-item-meta{color:var(--text-muted);font-size:12px;line-height:1.4;word-break:break-word}.float-panel--bank .bank-item-tags{display:flex;flex-wrap:wrap;gap:6px}.float-panel--bank .bank-item-tag{font-size:11px;line-height:1;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-muted)}.float-panel--bank .bank-item-actions{display:grid;grid-template-columns:1fr;gap:6px;align-items:stretch}.float-panel--bank .bank-search-form{display:grid;gap:8px}.float-panel--bank .bank-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.float-panel--bank .bank-search-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;width:100%;justify-content:flex-start}.float-panel--bank .bank-search-actions .btn,.float-panel--bank .bank-item-actions .btn,.float-panel--bank [data-bank-role=saved-toggle]{padding:6px 10px;font-size:11px}.float-panel--bank .bank-search-actions .btn{flex:0 0 auto}.float-panel--bank .db-search{padding:6px 8px;font-size:12px}.bank-area-confirm-anchor{background:transparent;border:0}.bank-area-confirm{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:#111a24eb;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px #00000047}.bank-area-confirm__btn{width:26px;height:26px;border:0;border-radius:999px;color:#fff;font-size:15px;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.bank-area-confirm__btn--ok{background:#15a34a}.bank-area-confirm__btn--cancel{background:#dc2626}.db-search{width:100%;padding:8px 10px;background:var(--bg-input);color:var(--text-bright);border:1px solid var(--border);border-radius:10px;font-size:13px;outline:none}@media(max-width:900px){.float-panel--bank .bank-search-row{grid-template-columns:1fr}.float-panel--bank .bank-search-actions{width:100%}.float-panel--bank .bank-search-actions .btn{flex:1 1 auto}.float-panel--bank .bank-search-row .btn{width:100%}}.float-panel .panel-section-hint{margin:0 0 6px;font-size:11px;line-height:1.4;color:#baccdee6}.float-panel .buffer-label{color:#cedeeef0}.float-panel .tg-check-row,.float-panel .tg-zone-item{color:#dce8f4f7}.float-panel .tg-inbox-row{color:#dae6f2f5}.float-panel .zone-filter-count{color:#b0c6daf2;opacity:1}.float-panel .zone-filter-compact .zone-filter-item.is-empty .zone-filter-roman,.float-panel .zone-filter-compact .zone-filter-item.is-empty .zone-filter-count{opacity:.78}.float-panel .rtz-route-meta{color:#afc6daeb}.float-panel .file-name{color:#b9cde1eb}.float-panel .saved-route-meta{color:#afc6dae6}#floatPanelRoutes .panel-body{overflow-x:hidden;min-height:0}.float-panel--guide{width:min(390px,calc(100vw - 24px))}.float-panel--guide .panel-body{gap:8px}.guide-block{gap:7px}.guide-step-list{margin:0;padding-left:18px;color:var(--text);font-size:12px;line-height:1.45}.guide-step-list li{padding-left:2px;margin-bottom:5px}.guide-step-list li:last-child{margin-bottom:0}.panel-block{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff0f;backdrop-filter:blur(6px) saturate(1.02);-webkit-backdrop-filter:blur(6px) saturate(1.02)}.float-panel .panel-block{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080e188c;border-color:#ffffff1a}.section-label{margin:0;padding:0;font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:650;line-height:1.2;text-wrap:balance}textarea{width:100%;min-height:100px;padding:10px 12px;font-family:var(--font-mono);font-size:12px;color:var(--text-bright);background:#ffffff08;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-lg);resize:vertical;outline:none;transition:border-color .2s;box-shadow:inset 0 1px #ffffff0a}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}textarea::placeholder{color:var(--text-muted)}.file-input-wrap{position:relative;display:flex;align-items:center;gap:8px}.file-input-wrap input[type=file]{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;overflow:hidden;margin:0;padding:0;border:0;clip-path:inset(50%);pointer-events:none}.file-label{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;color:var(--text);background:var(--bg-input);border:1px dashed var(--border);border-radius:6px;cursor:pointer;transition:border-color .2s,color .2s;flex:1}.file-label:hover{border-color:var(--accent);color:var(--text-bright)}.file-label svg{width:16px;height:16px;opacity:.6}.file-name{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-input-wrap.rtz-single{flex-direction:column;align-items:stretch;gap:8px}.file-input-wrap.rtz-single .file-rtz-load{width:100%;flex:none;box-sizing:border-box}.file-input-wrap.rtz-single .rtz-file-name{max-width:100%;text-align:center}.file-input-wrap.rtz-single .rtz-btn-row{width:100%;display:flex;gap:8px}.file-input-wrap.rtz-single .rtz-btn-row .file-rtz-load,.file-input-wrap.rtz-single .rtz-btn-row #btnSavedRoutes{flex:1 1 0;min-width:0}.rtz-routes-list{display:flex;flex-direction:column;gap:4px;width:100%}.rtz-route-row{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#00e5ff0a;border:1px solid var(--accent-dim);border-radius:5px;min-width:0}.rtz-route-row.rtz-route-empty{background:transparent;border-color:transparent;justify-content:center}.rtz-route-name{flex:1;font-size:11px;color:var(--text);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.rtz-route-meta{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0}.rtz-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%}.btn-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--text);background:linear-gradient(165deg,rgba(255,255,255,.08) 0%,transparent 58%),#121c288f;border:1px solid var(--glass-border, rgba(255, 255, 255, .12));border-radius:12px;box-shadow:var(--glass-inset),0 8px 20px #00000047;cursor:pointer;transition:color .2s ease,border-color .2s ease,box-shadow .22s ease,background .2s ease,transform .08s ease}.btn-icon:hover{color:var(--accent);border-color:var(--accent-dim);box-shadow:var(--accent-glow),var(--glass-inset),0 10px 24px #00000057}.btn-icon svg{width:18px;height:18px}.btn-icon-grib{color:#dafbfff0}.btn-icon-grib:hover,.btn-icon-grib[aria-pressed=true],.btn-icon-grib.btn-icon-grib--active{color:#ecffff;border-color:#56ebff8f;background:linear-gradient(165deg,rgba(86,235,255,.2) 0%,transparent 58%),#10232cb8;box-shadow:0 0 0 1px #56ebff29 inset,0 0 18px #56ebff33,var(--glass-inset),0 10px 24px #00000057}.btn-icon-save{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;position:relative;color:var(--text);background:var(--bg-input);border:1px solid var(--accent-dim);border-radius:6px;cursor:pointer;transition:color .2s,border-color .2s,box-shadow .2s}.btn-icon-save:before{content:"";position:absolute;inset:-6px;border-radius:10px}.btn-icon-save:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--accent-glow)}.btn-icon-save svg{width:16px;height:16px}.rtz-route-row .btn-icon-save{width:22px;height:22px;border-radius:4px}.rtz-route-row .btn-icon-save svg{width:12px;height:12px}.btn-icon-clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;position:relative;color:var(--text);background:var(--bg-input);border:1px solid var(--accent-dim);border-radius:6px;cursor:pointer;transition:color .2s,border-color .2s,box-shadow .2s}.btn-icon-clear:before{content:"";position:absolute;inset:-6px;border-radius:10px}.btn-icon-clear:hover{color:var(--danger);border-color:var(--danger);box-shadow:0 0 8px #f446}.btn-icon-clear svg{width:14px;height:14px}.rtz-route-row .btn-icon-clear{width:22px;height:22px;border-radius:4px}.rtz-route-row .btn-icon-clear svg{width:12px;height:12px}.saved-routes-list{display:flex;flex-direction:column;gap:8px}.saved-route-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);backdrop-filter:blur(5px) saturate(1.02);-webkit-backdrop-filter:blur(5px) saturate(1.02);box-shadow:inset 0 1px #ffffff0d}.saved-route-info{display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.saved-route-name{font-family:var(--font-display);font-size:14px;font-weight:650;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.saved-route-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden}.saved-route-pts{flex-shrink:0}.saved-route-sep{flex-shrink:0;color:var(--text-dim)}.saved-route-date{overflow:hidden;text-overflow:ellipsis}.saved-route-actions{display:flex;gap:6px;align-items:start;flex-shrink:0}.saved-route-actions .btn{padding:5px 10px;font-size:11px;white-space:nowrap}@media(max-width:420px){.saved-route-item{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;font-family:var(--font);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-bright);background:linear-gradient(135deg,#00e5ff1f,#00e5ff0a);border:1px solid var(--accent-dim);border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,color .2s;white-space:nowrap;user-select:none}.btn:hover{background:linear-gradient(135deg,#00e5ff38,#00e5ff14);border-color:var(--accent);box-shadow:var(--accent-glow);color:#fff}.btn-primary{background:linear-gradient(135deg,#00e5ff40,#00b4dc26);border-color:#00e5ff66}.btn-danger{border-color:#ff44444d;background:linear-gradient(135deg,#ff44441f,#ff44440a)}.btn-danger:hover{border-color:var(--danger);box-shadow:0 0 8px #f446}.btn svg{width:14px;height:14px}.btn-row{display:flex;gap:8px}.btn-row .btn{flex:1}.btn-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.btn-grid-2 .btn{width:100%}#floatPanelRoutes .btn-grid-2{gap:6px}@media(max-width:420px){.btn-grid-2{grid-template-columns:1fr}}.zone-filter{display:grid;grid-template-columns:1fr 1fr;column-gap:8px;row-gap:2px}.zone-filter-neon{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0}.zone-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 4px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff08;color:var(--text-dim, rgba(255, 255, 255, .5));font-family:var(--font-mono, monospace);font-size:10px;font-weight:600;line-height:1;cursor:pointer;transition:all .15s ease;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zone-btn:hover{background:#00e5ff14;border-color:#00e5ff40;color:var(--text-bright, #e2e8f0)}.zone-btn.active{background:#00e5ff1f;border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 8px #00e5ff80,0 0 16px #00e5ff33;text-shadow:0 0 6px rgba(0,229,255,.6)}.zone-btn.is-empty{opacity:.35;pointer-events:none}.map-fab-dock{position:fixed;left:10px;top:102px;z-index:200;display:flex;flex-direction:column;align-items:flex-start;gap:12px;user-select:none}@media(max-width:600px){body:not(.map-settings-desktop-panels) .map-fab-dock{z-index:610}}body.has-boot-banner .map-fab-dock{top:142px}@media(max-height:700px){.map-panel-launcher-dock{max-height:calc(100dvh - 210px);min-height:72px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}body.has-boot-banner .map-panel-launcher-dock{max-height:calc(100dvh - 250px)}}.map-fab-dock.map-fab-dock--dragging{cursor:grabbing}.navarea-userchart-label{display:inline-block;padding:0;border:0;background:transparent;color:#ffd54a;font:600 11px/1.2 var(--font-mono);white-space:nowrap;text-shadow:0 0 2px rgba(7,14,24,.95),0 0 6px rgba(7,14,24,.85),1px 1px 0 rgba(7,14,24,.8);pointer-events:none}.map-fab-dock.map-fab-dock--dragging .map-fab-settings-btn,.map-fab-dock.map-fab-dock--dragging .map-fab-admin-btn,.map-fab-dock.map-fab-dock--dragging .map-fab-guide-btn,.map-fab-dock.map-fab-dock--dragging .map-panel-launcher-btn{cursor:grabbing}.map-lang-switch{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;justify-content:center;max-width:76px;margin-bottom:2px}.map-lang-btn{flex:1 1 22px;min-width:22px;padding:4px 5px;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1.1;border-radius:5px;border:1px solid var(--glass-border);background:#121c2873;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.map-lang-btn:hover{border-color:var(--accent-dim);color:var(--text-bright)}.map-lang-btn--active{border-color:var(--accent);color:var(--accent);background:#00e5ff1a}.map-settings-lowbw-block{margin-top:10px;padding:10px 10px 8px;border-radius:8px;border:1px solid rgba(0,229,255,.2);background:#00374866;box-shadow:inset 0 1px #ffffff0d}.map-settings-subtitle{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#82c8dcf2;margin:0 0 8px}.map-settings-action-btn{width:100%;justify-content:center}.map-settings-row--stacked{display:flex;flex-direction:column;align-items:stretch;gap:8px}.support-message-input{width:100%;min-height:124px;resize:vertical;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-bright);font:inherit;line-height:1.45}.support-message-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #00e5ff1f}.support-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px}.support-chat-thread{display:flex;flex-direction:column;gap:10px;min-height:120px;max-height:280px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#050c1666;overflow-y:auto;overscroll-behavior:contain}.support-chat-thread--cabinet{max-height:360px}.support-chat-bubble{max-width:min(88%,640px);padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;align-self:flex-start}.support-chat-bubble--mine{align-self:flex-end;background:#00e5ff1f;border-color:#00e5ff47}.support-chat-bubble--admin{background:#ffffff14}.support-chat-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:11px;color:var(--text-muted)}.support-chat-author{color:var(--accent);font-weight:650;letter-spacing:.04em;text-transform:uppercase}.support-chat-text{white-space:pre-wrap;word-break:break-word;color:var(--text-bright);line-height:1.45}.busy-overlay{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:20px;background:#0710188f;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.busy-overlay[hidden]{display:none!important}.busy-overlay-card{min-width:min(280px,calc(100vw - 40px));max-width:360px;padding:24px 22px 20px;border-radius:22px;border:1px solid rgba(0,229,255,.22);background:radial-gradient(circle at top,rgba(0,229,255,.14),transparent 58%),#0c1822f0;box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff0f;text-align:center}.busy-overlay-spinner{position:relative;width:84px;height:84px;margin:0 auto 16px}.busy-overlay-ring{position:absolute;inset:0;border-radius:50%;border:5px solid transparent}.busy-overlay-ring--outer{border-top-color:#37e5ff;border-right-color:#37e5ff8c;animation:busy-overlay-spin .95s linear infinite;filter:drop-shadow(0 0 12px rgba(55,229,255,.4))}.busy-overlay-ring--inner{inset:16px;border-left-color:#80ffd9;border-bottom-color:#80ffd9a6;animation:busy-overlay-spin-reverse 1.15s linear infinite}.busy-overlay-text{margin:0;font-size:15px;font-weight:700;line-height:1.45;color:var(--text-bright)}@keyframes busy-overlay-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes busy-overlay-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.map-settings-row--lowbw{margin-bottom:0}.map-fab-settings-slot{position:relative}.map-fab-settings-btn,.map-fab-admin-btn,.map-fab-guide-btn,.map-panel-launcher-btn{flex-shrink:0;width:72px;height:72px;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(165deg,rgba(255,255,255,.08) 0%,transparent 55%),#121c2852;border:1px solid var(--glass-border);border-radius:50%;backdrop-filter:blur(8px) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(8px) saturate(var(--glass-saturate));box-shadow:var(--glass-shadow),var(--glass-inset);cursor:pointer;color:var(--accent);transition:box-shadow .3s,border-color .3s}.map-fab-settings-btn[hidden],.map-fab-admin-btn[hidden],.map-fab-guide-btn[hidden]{display:none!important}.map-fab-settings-btn:hover,.map-fab-admin-btn:hover,.map-fab-guide-btn:hover,.map-panel-launcher-btn:hover{box-shadow:var(--accent-glow);border-color:var(--accent)}.map-fab-guide-btn:focus-visible,.map-panel-launcher-btn:focus-visible{outline:2px solid rgba(0,229,255,.55);outline-offset:2px}.map-panel-launcher-btn--p2p{color:#ffc107!important;border-color:#ffc10766!important;box-shadow:0 0 16px #ffc10726,var(--glass-inset)!important}.map-panel-launcher-btn--p2p:hover,.map-panel-launcher-btn--p2p:focus-visible{box-shadow:0 0 24px #ffc1074d,var(--glass-inset)!important;border-color:#ffc107!important}.map-panel-launcher-btn.map-panel-launcher-btn--active{border-color:#00ffdcb8;background:linear-gradient(165deg,rgba(0,255,220,.16) 0%,transparent 55%),#0c2c2885;box-shadow:0 0 22px #00ffd261,0 0 8px #00ffe638,var(--glass-inset);color:#b8fff4}.map-panel-launcher-btn[hidden]{display:none!important}.map-panel-launcher-svg{flex-shrink:0}.map-fab-admin-btn{color:#e8c96a}.map-fab-guide-btn.map-fab-guide-btn--active{border-color:#00ffdcb8;background:linear-gradient(165deg,rgba(0,255,220,.16) 0%,transparent 55%),#0c2c2885;box-shadow:0 0 22px #00ffd261,0 0 8px #00ffe638,var(--glass-inset);color:#b8fff4}.map-fab-account-icon{width:34px;height:34px;display:block}.map-fab-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#ff5050f2;color:#fff;font-size:11px;line-height:18px;font-weight:700;border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 18px #00000040;pointer-events:none}.settings-gears-icon{width:36px;height:36px;display:block}.settings-gear{transform-box:fill-box;transform-origin:center}.settings-gear--large{animation:map-settings-gear-large 20s linear infinite}.settings-gear--small{animation:map-settings-gear-small 20s linear infinite}@keyframes map-settings-gear-large{to{transform:rotate(360deg)}}@keyframes map-settings-gear-small{to{transform:rotate(-750deg)}}.map-settings-popover{position:absolute;left:0;top:calc(100% + 10px);min-width:240px;max-width:min(320px,calc(100vw - 24px));max-height:min(78dvh,var(--map-settings-popover-max-height, 78dvh));padding:14px 16px;background:var(--glass-fill-map);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow),var(--glass-inset);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));z-index:260;--text-muted: #9eb4cc;--text: #dce8f4;color:var(--text);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.map-settings-popover.map-settings-popover--up{top:auto;bottom:calc(100% + 10px)}.map-settings-popover[hidden]{display:none!important}.map-settings-title{font-family:var(--font-display);font-size:13px;font-weight:650;letter-spacing:-.02em;color:var(--text-bright);margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.map-settings-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#dce8f4f7;cursor:pointer;margin-bottom:8px}.map-settings-row:last-child{margin-bottom:0}.map-settings-row input[type=checkbox]{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.map-settings-desktop-toggle-row{display:none;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}@media(max-width:600px){.map-settings-desktop-toggle-row,.map-settings-panel-rows{display:none!important}}@media(min-width:601px){.map-settings-desktop-toggle-row{display:none!important}}.map-panel-launcher-dock{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:0}.map-panel-launcher-btn{user-select:none;-webkit-tap-highlight-color:transparent}.map-panel-launcher-icon-open,.map-panel-launcher-icon-dismiss{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.map-panel-launcher-icon-dismiss{display:none}.map-panel-launcher-btn.map-panel-launcher-btn--active{border-color:#00ffdcb8;background:linear-gradient(165deg,rgba(0,255,220,.16) 0%,transparent 55%),#0c2c2885;box-shadow:0 0 22px #00ffd261,inset 0 0 12px #00ffd214;color:#00ffd0}.map-panel-launcher-btn--active .map-panel-launcher-icon-open{display:flex}.map-panel-launcher-btn--active .map-panel-launcher-icon-dismiss{display:none}.cabinet-notif-envelope-btn{flex-shrink:0;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(165deg,rgba(255,255,255,.08) 0%,transparent 55%),#121c2852;border:1px solid var(--glass-border);border-radius:999px;backdrop-filter:blur(8px) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(8px) saturate(var(--glass-saturate));box-shadow:var(--glass-shadow),var(--glass-inset);cursor:pointer;color:var(--accent);transition:box-shadow .3s,border-color .3s,transform .08s}.cabinet-notif-envelope-btn:hover{box-shadow:var(--accent-glow);border-color:var(--accent)}.cabinet-notif-envelope-btn:active{transform:translateY(1px)}.cabinet-notif-envelope-icon{width:22px;height:22px;display:block}.toast{position:fixed;top:16px;right:16px;z-index:700;padding:12px 20px;font-size:13px;font-family:var(--font);color:var(--text-bright);background:var(--glass-fill-ui);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur-heavy)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(var(--glass-saturate));box-shadow:var(--glass-shadow),var(--glass-inset);transform:translate(120%);transition:transform .3s ease}.toast.show{transform:translate(0)}.toast.error{border-color:#f446}.toast.success{border-color:#0c66}@media(max-width:600px){.toast{top:50%;left:50%;right:auto;transform:translate(-50%,calc(-50% + 14px));max-width:min(94vw,26rem);padding:14px 18px;text-align:center;opacity:0;transition:transform .28s ease,opacity .28s ease}.toast.show{transform:translate(-50%,-50%);opacity:1}}.leaflet-marker-icon.navarea-route-wp-icon{background:transparent!important;border:none!important}.navarea-route-wp-wrap{width:28px;height:28px;display:flex;align-items:center;justify-content:center;pointer-events:none}.navarea-route-wp-num{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font:700 11px/1 system-ui,-apple-system,Segoe UI,sans-serif;color:#001c12f5;border-radius:4px;box-shadow:0 1px 4px #0006;transform-origin:center center}#map .leaflet-container{background:#1c2d4a;font-family:var(--font)}.nav-osm-tiles{filter:saturate(.85) brightness(.55) contrast(1.05)}.leaflet-bar,.leaflet-control-layers{background:var(--glass-fill-map)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--glass-shadow),var(--glass-inset)!important;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))!important}.leaflet-bar a,.leaflet-control-layers-toggle{background-color:transparent!important;color:var(--text-bright)!important;border-color:var(--border)!important}.leaflet-bar a:hover{background-color:#00e5ff1f!important}.leaflet-control-scale-line{background:var(--glass-fill-map)!important;border:1px solid var(--glass-border)!important;color:var(--text)!important;font-size:11px!important;border-radius:10px!important;backdrop-filter:blur(8px) saturate(var(--glass-saturate))!important;-webkit-backdrop-filter:blur(8px) saturate(var(--glass-saturate))!important}#map .leaflet-popup-content-wrapper.nav-popup,#map .leaflet-popup-content-wrapper{background:var(--glass-fill-map)!important;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--text-bright)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--glass-shadow),var(--glass-inset)!important;padding:0;overflow:hidden!important}#map .leaflet-popup-content{margin:14px 18px 16px!important;font-size:13px!important;color:#ffffffeb!important;line-height:1.45;overflow:visible!important}#map .leaflet-popup-tip{background:#121c2885!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}.leaflet-container a.leaflet-popup-close-button{color:#ffffff73!important;font-size:20px!important;width:28px!important;height:28px!important;padding:0!important;top:10px!important;right:10px!important;border-radius:50%;transition:color .15s,background .15s}.leaflet-container a.leaflet-popup-close-button:hover{color:#fffffff2!important;background:#ffffff1f!important}.nav-popup-stack{display:flex;flex-direction:column;gap:0;min-width:0}.popup-header{font-family:var(--font-display);font-weight:650;letter-spacing:-.03em;font-size:14px;color:#fffffffa;line-height:1.35;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12);padding-right:22px}.popup-kind-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;padding:1px 6px;border-radius:4px;margin-right:8px;vertical-align:middle;text-transform:uppercase}.popup-kind-coastal{color:#0a1f2b;background:#6fd8ff;border:1px solid #2fb6e6}.popup-fulltext{margin-top:0;padding:10px 6px 10px 2px;border-top:none;max-height:min(52vh,420px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;white-space:pre-wrap;word-break:break-word;font-family:var(--font);font-size:13px;font-weight:400;letter-spacing:-.015em;line-height:1.55;color:#ebebf5e0;border-radius:0 0 6px 6px}.popup-fulltext::-webkit-scrollbar{width:6px}.popup-fulltext::-webkit-scrollbar-track{background:#00000026;border-radius:3px}.popup-fulltext::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:3px}.popup-fulltext::-webkit-scrollbar-thumb:hover{background:#ffffff59}.popup-expiry-footer{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#ebebf5bf}.popup-expiry-date{font-family:var(--font-mono);font-size:10px;color:#ffffff8c;margin-bottom:6px;letter-spacing:.02em}.popup-expiry-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.popup-expiry-hint{color:#ffffff73;text-transform:uppercase;font-size:9px;letter-spacing:.06em}.popup-countdown{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.04em;font-variant-numeric:tabular-nums}.hint-text{font-size:11px;color:var(--text-muted);line-height:1.4;margin-bottom:6px}.buffer-label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:6px}.buffer-input{width:100%;padding:8px 10px;margin-bottom:10px;font-family:var(--font-mono);font-size:14px;color:var(--text-bright);background:#ffffff08;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff0a}.btn-check-route{flex:1;min-width:0;text-transform:none;letter-spacing:.04em;font-size:12px;font-weight:700}.route-corridor-row{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.route-corridor-row .corridor-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);white-space:nowrap}.route-corridor-row .buffer-input{flex:0 0 56px;width:56px;min-width:0;margin-bottom:0;padding:4px 6px;font-size:14px;font-weight:700;text-align:center;align-self:stretch;min-height:32px;height:auto;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:var(--bg-input, rgba(8, 15, 25, .9));color:var(--text-bright);outline:none;transition:border-color .15s ease}.route-corridor-row .buffer-input:focus{border-color:var(--accent)}.route-corridor-row .corridor-unit{font-size:11px;font-weight:600;color:var(--text-muted);white-space:nowrap;margin-right:auto}.route-corridor-row .btn-check-route{flex:0 0 auto;min-width:100px}.buffer-input:focus{outline:none;border-color:var(--accent)}.btn.route-mode-on{box-shadow:0 0 12px #00ffaa73;border-color:#0fa}#floatPanelRoutes .route-initial-actions{display:flex;flex-direction:column;gap:6px;margin-top:6px}#floatPanelRoutes .route-initial-actions .btn,#floatPanelRoutes .route-initial-actions .file-input-wrap.rtz-single{width:80%;margin-left:auto;margin-right:auto}#floatPanelRoutes .route-initial-actions .file-input-wrap.rtz-single .btn{width:100%;justify-content:center}.routes-search-row{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.routes-search-row .bank-search-form{width:100%}.routes-search-row .bank-search-form .bank-search-row{display:flex;gap:8px;align-items:stretch}.routes-search-row .bank-search-form .bank-search-row .db-search{flex:1;min-width:0}.routes-search-row .bank-search-form .bank-search-row .btn{flex:0 0 auto}.routes-search-row .bank-search-actions{display:flex;gap:6px}.routes-search-row .bank-search-actions .btn{font-size:11px;padding:6px 10px}.routes-dual-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:0}.routes-col{display:flex;flex-direction:column;gap:6px;min-height:60px}.routes-col .section-label{margin:0 0 2px;font-size:11px}.routes-col .bank-stack{flex:1;display:flex;flex-direction:column}.routes-col .bank-list{flex:1}.routes-col .bank-state{font-size:11px;min-height:18px}@media(max-width:550px){.routes-dual-layout{grid-template-columns:1fr}}.navarea-detail-panel{position:fixed;top:12px;right:12px;z-index:720;width:min(400px,calc(100vw - 24px));max-height:min(calc(100vh - 24px),720px);display:flex;flex-direction:column;background:var(--glass-fill-map);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-shadow),var(--glass-inset);overflow:hidden;pointer-events:none;opacity:0;transform:translate(12px);transition:opacity .2s ease,transform .2s ease;--text-muted: rgba(218, 232, 246, .92)}.navarea-detail-panel.is-open{pointer-events:auto;opacity:1;transform:translate(0)}.navarea-detail-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 16px;border-bottom:1px solid rgba(255,255,255,.09);flex-shrink:0;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%)}.navarea-detail-label{font-family:var(--font-display);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#eef8fff5;text-shadow:0 1px 6px rgba(0,0,0,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navarea-detail-close{padding:2px 10px!important;font-size:20px!important;line-height:1;min-width:auto}.navarea-detail-body{flex:1;min-height:0;overflow-y:auto;padding:12px 14px 14px;font-size:13px;color:var(--text-bright);line-height:1.45;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:rgba(116,205,232,.78) rgba(8,18,28,.36);touch-action:pan-y}.navarea-detail-body .nav-popup-stack{gap:0}.navarea-detail-body .popup-header{border-bottom:none;padding-bottom:6px;font-size:15px}.navarea-detail-body .popup-fulltext{margin-top:4px}.navarea-detail-block{display:flex;flex-direction:row;align-items:stretch;margin-bottom:14px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff08;backdrop-filter:blur(5px) saturate(1.02);-webkit-backdrop-filter:blur(5px) saturate(1.02);box-shadow:inset 0 1px #ffffff0d;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.navarea-detail-block:last-child{margin-bottom:0}.navarea-detail-block.is-active{border-color:#ffffffc7;background:#ffffff14;box-shadow:0 0 0 2px #00e5ff59,inset 0 1px #ffffff1a}.navarea-detail-block.is-muted{border-color:#ffffff0f;background:#ffffff05}.navarea-detail-block.is-muted .navarea-detail-accent-strip{opacity:.28;box-shadow:none!important}.navarea-detail-block:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.navarea-detail-accent-strip{width:5px;flex-shrink:0}.navarea-detail-block-inner{flex:1;min-width:0;padding:10px 12px 12px 10px}.navarea-detail-block-inner .nav-popup-stack{gap:0}.navarea-detail-block-inner .popup-header{border-bottom:none;padding-bottom:6px;font-size:14px}.navarea-detail-panel .popup-fulltext{max-height:none;overflow-y:visible;overflow-x:hidden}.navarea-detail-body::-webkit-scrollbar{width:14px}.navarea-detail-body::-webkit-scrollbar-track{background:#08121c5c;border-radius:8px}.navarea-detail-body::-webkit-scrollbar-thumb{min-height:42px;background:#74cde8c7;border:3px solid rgba(8,18,28,.36);border-radius:8px;background-clip:padding-box}.navarea-detail-body::-webkit-scrollbar-thumb:hover{background:#92e5faf2;border-color:#08121c5c}@media(max-width:720px){.navarea-detail-panel{inset:auto 12px 12px;width:auto;max-height:min(46vh,420px);transform:translateY(12px)}.navarea-detail-panel.is-open{transform:translateY(0)}}.route-action-bar{position:fixed;top:calc(var(--floten-header-height, 48px) + 6px);left:50%;transform:translate(-50%);z-index:620;display:flex;align-items:center;gap:6px;padding:0;background:transparent;opacity:0;pointer-events:none;transition:opacity .2s ease}.route-action-bar:not([hidden]){opacity:1;pointer-events:auto}.route-action-btn{background:var(--bg-panel, rgba(10, 18, 30, .88));border:1px solid var(--accent-dim);color:var(--text-bright);font-family:var(--font);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;padding:5px 12px;cursor:pointer;border-radius:6px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;line-height:1.25}.route-action-btn:hover,.route-action-btn:active{background:var(--surface, #0f172a);border-color:var(--accent)}.route-action-btn--save{background:linear-gradient(135deg,#00e5ff40,#00b4dc26);border-color:#00e5ff66}.route-action-btn--save:hover,.route-action-btn--save:active{background:linear-gradient(135deg,#00e5ff59,#00b4dc40);border-color:var(--accent);box-shadow:var(--accent-glow)}.modal-overlay{position:fixed;inset:0;z-index:620;background:#04081261;backdrop-filter:blur(6px) saturate(1.05);-webkit-backdrop-filter:blur(6px) saturate(1.05);display:none;align-items:center;justify-content:center;padding:20px}.modal-overlay.open{display:flex}.modal-dialog{width:min(720px,100%);max-height:min(85vh,900px);display:flex;flex-direction:column;background:var(--glass-fill-ui);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow),var(--glass-inset);backdrop-filter:blur(var(--glass-blur-heavy)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(var(--glass-saturate));overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%)}.modal-header-actions{display:flex;align-items:center;gap:8px}.modal-title{font-family:var(--font-display);font-weight:650;font-size:1.05rem;letter-spacing:-.03em;color:var(--text-bright)}.saved-routes-refresh-btn{padding:6px 12px!important;font-size:11px!important}.modal-close{padding:4px 12px!important;font-size:22px!important;line-height:1}@media(max-width:600px){.modal-close{padding:10px 18px!important;font-size:28px!important;min-height:44px}#btnCloseGribModal{padding:10px 16px!important;min-height:44px;font-size:15px;gap:6px}.modal-close-label{display:inline}}.modal-close-label{display:none}@media(min-width:601px){.modal-close-label{display:none}}.modal-body{padding:16px 20px 20px;overflow-y:auto;font-size:13px;line-height:1.5;color:var(--text)}.modal-dialog--account{width:min(440px,100%);max-height:min(88vh,820px)}.modal-body--account{max-height:min(78vh,640px);padding-top:12px}.cabinet-wrap--modal{max-width:none;margin:0;padding:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.cabinet-modal-lang{display:flex;justify-content:flex-end;width:100%;margin-bottom:4px}.intersect-block{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.intersect-block:last-child{border-bottom:none;margin-bottom:0}.modal-dialog--intersect{max-height:min(88vh,920px)}.modal-dialog--grib{width:min(560px,100%);max-height:min(90vh,940px)}.grib-modal-body{display:flex;flex-direction:column;gap:12px}.grib-modal-intro,.grib-legend-note,.grib-status{margin:0}.grib-enable-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#ffffff08;color:var(--text-bright);cursor:pointer}.grib-enable-row span{font-size:13px}.grib-modal-section,.grib-legend{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#ffffff08}.grib-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grib-option{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08;cursor:pointer}.grib-option input[type=radio]{margin:0}.grib-option span{min-width:0;font-size:13px;line-height:1.25;color:var(--text-bright)}.grib-legend-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.grib-legend-item{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px;line-height:1.3;color:var(--text)}.grib-legend-line{position:relative;flex:0 0 28px;width:28px;height:3px;border-radius:999px;background:currentColor;color:#46e1ff5c;box-shadow:0 0 8px currentColor}.grib-legend-line:after{content:"";position:absolute;right:-2px;top:50%;width:0;height:0;border-left:5px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;transform:translateY(-50%)}.grib-legend-line--slow{color:#46e1ff3d}.grib-legend-line--moderate{color:#46e1ff73;height:4px}.grib-legend-line--fast{color:#66f0ffb3;height:5px}.grib-legend-line--strong{color:#8cfffaf2;height:6px}.grib-status[data-state=loading]{color:var(--accent)}.grib-status[data-state=error]{color:var(--danger)}.grib-upload-section{margin-top:4px}.grib-upload-row{display:flex;gap:8px;align-items:center}.grib-file-wrap{flex:1;min-width:0}.grib-file-wrap .file-label{width:100%;box-sizing:border-box;justify-content:center}.grib-file-name{display:block;max-width:100%;text-align:center}.grib-upload-section .hint-text{margin:0;font-size:11px}.grib-modal-footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center;padding:12px 20px 16px;border-top:1px solid rgba(255,255,255,.09);background:linear-gradient(0deg,rgba(0,0,0,.12) 0%,transparent 100%)}.grib-map-timeline{position:fixed;z-index:455;top:auto;bottom:max(96px,calc(env(safe-area-inset-bottom,0px) + 84px));left:50%;width:min(700px,calc(100vw - 220px));min-width:260px;transform:translate(-50%);display:grid;gap:7px;padding:9px 11px;box-sizing:border-box;color:var(--text-bright);background:#0a131ee0;border:1px solid rgba(0,215,235,.34);border-radius:12px;box-shadow:0 8px 30px #00000075,inset 0 1px #ffffff0f;backdrop-filter:blur(13px) saturate(1.08);-webkit-backdrop-filter:blur(13px) saturate(1.08);pointer-events:auto}.grib-map-timeline[hidden]{display:none!important}.grib-map-timeline-head,.grib-map-timeline-controls{display:flex;align-items:center}.grib-map-timeline-head{justify-content:space-between;gap:10px;min-width:0}.grib-map-timeline-field{overflow:hidden;color:var(--accent);font:700 11px/1.2 var(--font-ui, system-ui, sans-serif);text-overflow:ellipsis;white-space:nowrap}.grib-map-timeline-date{flex:0 0 auto;color:var(--text-bright);font:650 11px/1.2 var(--font-mono, ui-monospace, monospace);font-variant-numeric:tabular-nums}.grib-map-timeline-controls{gap:8px}.grib-map-timeline-preview{color:var(--text-muted);font:11px/1.4 var(--font-mono, monospace);overflow-wrap:anywhere}.grib-map-timeline-preview[hidden]{display:none!important}.grib-timeline-ticks{display:flex;justify-content:space-between;gap:8px;color:var(--text-muted);font:10px/1.4 var(--font-mono, monospace)}.grib-timeline-ticks span{white-space:nowrap}.grib-source{margin-bottom:5px;font:10px/1.5 var(--font-mono, monospace);color:var(--text-muted);overflow-wrap:anywhere}.grib-displayed-time{margin-bottom:6px;font:600 11px/1.5 var(--font-mono, monospace);color:var(--text-bright);overflow-wrap:anywhere}.grib-map-timeline-play{touch-action:manipulation}#gribMapTimelineTicks{margin-left:120px;margin-right:46px}@media(max-width:600px){.grib-map-timeline-head{flex-wrap:wrap;gap:4px 10px}.grib-map-timeline-date{font-size:11px}#gribMapTimelineTicks{margin-left:0;margin-right:0}.grib-timeline-ticks{font-size:9px}}.grib-map-timeline-play{flex:0 0 32px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--text-bright);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:50%;cursor:pointer}.grib-map-timeline-play[aria-pressed=true]{color:#061217;background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #00d7eb47}.grib-map-timeline-play:disabled{opacity:.42;cursor:wait}.grib-map-timeline-slider{flex:1 1 auto;min-width:0;accent-color:var(--accent)}.grib-map-timeline-hour{flex:0 0 38px;color:var(--text-bright);font:700 11px/1 var(--font-mono, ui-monospace, monospace);text-align:right;font-variant-numeric:tabular-nums}@media(max-width:600px){.grib-map-timeline{top:auto;left:110px;right:10px;width:auto;min-width:0;transform:none;padding:8px 10px}.grib-map-timeline-field,.grib-map-timeline-date,.grib-map-timeline-hour{font-size:10px}.grib-map-timeline-play{flex-basis:44px;width:44px;height:44px}.grib-map-timeline-controls{display:grid;grid-template-columns:44px 44px 44px 1fr;gap:6px}.grib-map-timeline-slider{grid-column:1 / -1;grid-row:2;width:100%;height:24px}.grib-map-timeline-hour{grid-row:1;grid-column:4}}.map-temporal-stack{position:fixed;z-index:455;left:50%;bottom:max(96px,calc(env(safe-area-inset-bottom,0px) + 84px),var(--temporal-hud-clearance, 0px));width:min(700px,calc(100vw - 220px));transform:translate(-50%);display:grid;gap:8px;pointer-events:none}.map-temporal-stack>.grib-map-timeline{position:static;width:100%;min-width:0;transform:none}.ocean-currents-timeline-footer{display:flex;gap:8px;align-items:center;min-width:0}.ocean-currents-timeline-footer .grib-timeline-ticks{flex:1;min-width:0}.ocean-currents-timeline-now{color:var(--text-bright);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:0 8px;min-height:32px;font:600 11px/1.2 var(--font-ui, system-ui, sans-serif);cursor:pointer;touch-action:manipulation}.ocean-currents-timeline-now:disabled{opacity:.42;cursor:default}.ocean-currents-timeline-now[hidden]{display:none!important}.ocean-currents-timeline [data-error=true]{color:#fecaca}@media(max-width:600px){.map-temporal-stack{left:max(110px,var(--temporal-dock-clearance, 0px));right:max(10px,env(safe-area-inset-right,0px));width:auto;transform:none}.ocean-currents-timeline-now{min-height:44px}.ocean-currents-timeline-footer .grib-timeline-ticks{flex-wrap:wrap;gap:2px 8px}}.grib-action-bar{position:fixed;z-index:610;left:50%;bottom:max(80px,calc(env(safe-area-inset-bottom,0px) + 60px));transform:translate(-50%) translateY(12px);min-width:280px;max-width:min(520px,92vw);display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:var(--glass-fill-ui);border:1px solid var(--glass-border-accent);border-radius:var(--radius-lg);box-shadow:0 8px 40px #000000a6,0 2px 12px #0006,var(--glass-inset);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.grib-action-bar--visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.grib-action-bar-header{font-size:12px;color:var(--text-muted);text-align:center;line-height:1.35;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grib-action-bar-status{margin:0;padding:6px 10px;border-radius:7px;background:#ef44441f;color:#fecaca;font-size:12px;line-height:1.35;text-align:center}.grib-action-bar-status[data-state=loading]{background:#22d3ee1a;color:var(--accent)}.grib-action-bar-buttons{display:flex;gap:6px;justify-content:center}.grib-action-btn{flex:1;min-width:0;font-size:12px;padding:6px 8px;white-space:nowrap;line-height:1.25;gap:3px}.grib-action-cancel{align-self:center;font-size:11px;padding:2px 8px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;line-height:1.3;opacity:.7;transition:opacity .15s ease}.grib-action-cancel:hover{opacity:1;color:var(--text)}.grib-action-bar[hidden],.grib-selection-hint[hidden]{display:none!important}.grib-selection-hint{position:fixed;z-index:615;left:50%;top:max(82px,calc(env(safe-area-inset-top,0px) + 68px));transform:translate(-50%);width:min(440px,calc(100vw - 24px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--glass-border-accent);border-radius:var(--radius-lg);background:var(--glass-fill-ui);box-shadow:0 8px 30px #00000094,var(--glass-inset);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}.grib-selection-hint>div{display:grid;gap:2px;min-width:0}.grib-selection-hint strong{color:var(--text-bright);font-size:13px}.grib-selection-hint span{color:var(--text);font-size:11px;line-height:1.35}.grib-selection-hint .btn{flex:0 0 auto;min-height:40px}body:has(#gribSelectionHint:not([hidden])) .map-fab-dock,body:has(#gribSelectionHint:not([hidden])) .float-panel,body:has(#gribSelectionHint:not([hidden])) .map-bottom-hud,body:has(#gribSelectionHint:not([hidden])) .floten-header{opacity:0!important;pointer-events:none!important}@media(max-width:420px){.grib-selection-hint{top:max(76px,calc(env(safe-area-inset-top,0px) + 62px));width:calc(100vw - 20px);padding:10px}.grib-selection-hint .btn{min-height:44px}.grib-action-bar{left:10px;right:10px;bottom:max(72px,calc(env(safe-area-inset-bottom,0px) + 48px));transform:translate(0) translateY(12px);min-width:0;max-width:none}.grib-action-bar--visible{transform:translate(0) translateY(0)}.grib-action-bar-buttons{gap:4px}.grib-action-btn{font-size:11px;padding:5px 4px}}.intersect-modal-body{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:rgba(120,190,220,.75) rgba(10,18,30,.85)}.intersect-modal-body::-webkit-scrollbar{width:14px}.intersect-modal-body::-webkit-scrollbar-track{background:#080e18b8;border-radius:10px;margin:6px 2px 6px 0}.intersect-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d7eb80,#009bc373);border-radius:10px;border:2px solid rgba(6,12,22,.75);min-height:48px}.intersect-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00ebffa6,#00afd78c)}@media(max-width:600px){.intersect-modal-body::-webkit-scrollbar{width:18px}.intersect-modal-body::-webkit-scrollbar-thumb{min-height:56px}.btn-icon{width:48px;height:48px}.btn-icon svg{width:20px;height:20px}.grib-option-grid,.grib-legend-items{grid-template-columns:1fr}}.intersect-modal-footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center;padding:12px 20px 16px;border-top:1px solid rgba(255,255,255,.09);flex-shrink:0;background:linear-gradient(0deg,rgba(0,0,0,.12) 0%,transparent 100%)}.intersect-modal-footer[hidden]{display:none!important}.intersect-block h4{font-family:var(--font-display);font-size:13px;color:var(--accent);margin-bottom:8px;font-weight:650;letter-spacing:-.02em}.intersect-meta{font-size:11px;color:var(--text-muted);margin-bottom:8px;font-family:var(--font-mono)}.intersect-text{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:11px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:var(--radius-lg);max-height:280px;overflow-y:auto;box-shadow:inset 0 1px #ffffff0a}.map-cursor-crosshair .leaflet-container{cursor:crosshair!important}@media(max-width:600px){html,body{font-size:13px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body:not(.map-settings-desktop-panels) .float-panel:not(.float-panel--map-hidden){left:var(--map-float-sheet-left, 86px)!important;top:50%!important;transform:translateY(-50%)!important;max-width:calc(100vw - var(--map-float-sheet-left, 86px) - 10px)!important;max-height:min(90vh,calc(100vh - 20px));width:min(380px,calc(100vw - var(--map-float-sheet-left, 86px) - 10px));border-radius:var(--radius-lg);border:1px solid var(--glass-border);right:auto;height:auto;min-height:0;z-index:580;overflow:hidden;padding:0;box-shadow:var(--glass-shadow),var(--glass-inset)}body:not(.map-settings-desktop-panels) .float-panel:not(.float-panel--map-hidden):before{display:none}body:not(.map-settings-desktop-panels) .float-panel:not(.float-panel--map-hidden) .float-panel-drag{cursor:grab}body:not(.map-settings-desktop-panels) .float-panel:not(.float-panel--map-hidden) .panel-body{max-height:min(60vh,calc(100vh - 120px));overflow-y:auto;flex:1 1 auto;min-height:0}body:not(.map-settings-desktop-panels) .float-panel-collapse-btn{display:inline-flex!important}.panel-header{padding:10px 12px}.panel-title{font-size:14px}.float-panel-collapse-btn{width:36px;height:36px}.float-panel-close-btn{width:40px;height:40px;margin:-4px -4px -4px 0}.float-panel-close-btn svg{width:18px;height:18px}.float-panel--tg .section-label{font-size:11px;letter-spacing:.08em;line-height:1.15;overflow-wrap:anywhere}body:not(.map-settings-desktop-panels) .float-panel-collapse-btn{display:none!important}body.map-settings-desktop-panels .float-panel-collapse-btn{width:40px;height:40px;margin:-4px -4px -4px 0}body.map-settings-desktop-panels .float-panel-collapse-btn svg{width:18px;height:18px}.btn{min-height:44px;padding:12px 16px;font-size:13px;letter-spacing:.06em}.btn svg{width:16px;height:16px}.btn-row{flex-wrap:wrap;gap:10px}.btn-grid-2{gap:10px}.saved-route-actions .btn{min-height:40px;padding:8px 12px;font-size:12px}.btn-check-route{min-height:44px;padding:12px 14px;font-size:14px}.map-hud-btn{min-height:40px;padding:10px 14px;font-size:12px}.map-ruler-speed{padding:8px 12px}.map-mouse-coords{font-size:11px;min-width:0;max-width:min(42vw,18ch);padding:8px 10px}.map-lang-btn{min-height:36px;padding:6px 8px;font-size:11px}.map-fab-settings-btn,.map-fab-admin-btn,.map-fab-guide-btn,.map-panel-launcher-btn{width:72px;height:72px}.map-fab-account-icon{width:28px;height:28px}.map-fab-dock{gap:10px;width:auto;flex-flow:column nowrap;max-height:none;overflow-y:visible}.map-panel-launcher-dock{flex-flow:column nowrap;width:auto;gap:10px}.map-fab-settings-slot{order:0}.zone-btn{min-width:36px;height:34px;font-size:12px;border-radius:6px}.tg-select,.tg-num-input{min-height:44px;padding:8px 10px;font-size:14px;border-radius:8px}.tg-form-row{flex-wrap:wrap;align-items:center;gap:10px}.tg-form-label{flex:0 0 auto;min-width:0;white-space:nowrap}.tg-select,.tg-num-input{flex:1;min-width:0}.float-panel--tg .tg-link-banner-actions .btn{min-height:44px;flex:1 1 auto}.tg-zone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.tg-zone-grid label{display:flex;align-items:center;gap:6px;padding:8px;font-size:12px;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff08;cursor:pointer}.tg-zone-grid label input[type=checkbox]{flex-shrink:0}.tg-exchange-action-btn{flex:1;justify-content:center;padding:8px 10px;min-height:36px;font-size:11px}.tg-exchange-action-btn__label--full{display:inline}.tg-exchange-action-btn__label--short{display:none}.btn-row.tg-exchange-actions{flex-direction:row;gap:6px}.ais-filter-buttons{display:flex;gap:6px;flex-wrap:wrap}.ais-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;cursor:pointer;font-size:13px;min-height:44px;flex:1 1 calc(50% - 6px);justify-content:center;transition:all .15s}.ais-filter-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.ais-port-search{font-size:14px;padding:12px 14px;min-height:44px}.ais-stats{font-size:13px;padding:10px 0}.ais-toggle-btn{min-height:48px;font-size:14px}.bank-search-row{display:flex;flex-wrap:wrap;gap:8px}.bank-search-row .db-search{flex:1 1 100%;min-height:44px;padding:10px 14px;font-size:14px}.bank-search-row .btn{flex:1 1 auto}.bank-search-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.bank-search-actions .btn{flex:1 1 auto;min-height:44px}.routes-dual-layout{flex-direction:column;gap:16px}.routes-col{flex:1 1 auto;min-width:0}.routes-col .section-label{font-size:12px;margin-bottom:8px}.bank-area-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bank-area-toolbar .bank-area-state{font-size:12px;flex:1 1 100%}.bank-item{padding:10px;gap:8px}.bank-item-head{flex-direction:column;gap:8px}.bank-item-actions{display:flex;gap:6px;flex-wrap:wrap}.bank-item-actions .btn{flex:1 1 auto;min-height:40px;padding:8px 12px;font-size:12px}.bank-item-title{font-size:14px}.bank-item-meta{font-size:11px}.bank-saved-drawer{border-top:1px solid var(--glass-border);margin-top:8px;padding-top:8px}#floatPanelRoutes .route-input-row{display:flex;flex-wrap:nowrap;gap:6px}#floatPanelRoutes .route-input-row .btn{flex:1 1 33%;min-height:44px;font-size:11px;padding:8px 6px;white-space:normal;word-break:break-word;text-align:center}#floatPanelRoutes .route-second-row{display:flex;flex-wrap:nowrap;gap:6px}#floatPanelRoutes .route-second-row .file-input-wrap.rtz-single .btn,#floatPanelRoutes .route-second-row .btn{min-height:44px;font-size:11px;padding:8px 12px;white-space:nowrap}.route-corridor-row{flex-wrap:wrap;gap:6px;padding-top:6px;margin-top:6px}.route-corridor-row .corridor-label{font-size:10px}.route-corridor-row .buffer-input{flex:0 0 50px;min-height:36px;font-size:13px}.route-corridor-row .corridor-unit{font-size:10px}.route-corridor-row .btn-check-route{flex:1;min-width:0;min-height:36px;font-size:11px}.float-panel .panel-body{padding:10px 12px;gap:10px}.panel-block{padding-left:0;padding-right:0}.section-label{font-size:12px}.coastal-actions{flex-wrap:wrap;gap:8px}.coastal-actions .btn{flex:1 1 auto;min-height:40px}.modal-overlay .modal-window{width:calc(100vw - 24px);max-height:85dvh;margin:0;padding:20px;border-radius:var(--radius-lg)}.toast{max-width:calc(100vw - 24px)}.account-modal-content{padding:16px}.userchart-import-row{flex-wrap:wrap;gap:8px}.userchart-import-row .btn{flex:1 1 auto;min-height:40px}.grib-time-controls{flex-wrap:wrap;gap:8px}.grib-time-controls select{min-height:40px;font-size:13px}.grib-param-grid{grid-template-columns:repeat(2,1fr);gap:8px}.map-settings-row{flex-direction:column;gap:8px}.map-settings-row .section-label{margin-bottom:4px}.guide-step-title{font-size:14px}.guide-step-desc{font-size:12px}.guide-nav .btn{min-height:40px;font-size:12px;padding:8px 14px}.oc-info-grid{grid-template-columns:1fr;gap:6px}.oc-info-item{font-size:11px}.saved-routes-list{max-height:none}.saved-route-item{padding:10px;font-size:12px}body.cabinet-page{overflow-y:auto;height:auto;min-height:100%}.cabinet-wrap{margin:16px 12px 24px;padding:20px 16px 24px}.cabinet-tab-btn{padding:.5rem .6rem;font-size:.8rem}}@media(max-width:600px)and (max-height:700px){body:not(.map-settings-desktop-panels) .float-panel:not(.float-panel--map-hidden){top:8px!important;transform:none!important;max-height:calc(100dvh - 16px)}body:not(.map-settings-desktop-panels) .float-panel:not(.float-panel--map-hidden) .panel-body{max-height:calc(100dvh - 72px)}}@media(max-height:500px){.map-fab-dock{top:8px!important}.map-panel-launcher-dock,body.has-boot-banner .map-panel-launcher-dock{max-height:calc(100dvh - 104px)}}@media(max-width:399px){.map-fab-account-icon,.map-panel-launcher-svg{width:22px;height:22px}.map-fab-dock,.map-panel-launcher-dock{gap:8px}body:not(.map-settings-desktop-panels) .float-panel:not(.float-panel--map-hidden){max-width:calc(100vw - var(--map-float-sheet-left, 86px) - 8px)!important;width:min(380px,calc(100vw - var(--map-float-sheet-left, 86px) - 8px))}.ais-filter-btn{flex:1 1 100%}.panel-header{padding:8px 10px}.panel-title{font-size:13px}.btn{padding:10px 12px;font-size:12px}}body.map-settings-desktop-panels .float-panel:not(.float-panel--map-hidden){width:340px;max-width:calc(100vw - 24px)}body.map-settings-desktop-panels .map-fab-dock{flex-direction:column;align-items:flex-start;width:auto}body.map-settings-desktop-panels .map-panel-launcher-dock{flex-flow:column;width:auto}:root{--header-height: 56px;--header-bg: rgba(8, 15, 25, .92);--header-border: rgba(255, 255, 255, .08)}.tools-page{background:var(--bg-deep);min-height:100vh;display:flex;flex-direction:column}.floten-header{position:relative}.tools-shell{flex:1;padding:20px;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.floten-header{height:var(--header-height);background:var(--header-bg);border-bottom:1px solid var(--header-border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box;z-index:300;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:fixed;top:0;left:0;right:0}.floten-logo-link{display:flex;align-items:center;text-decoration:none}.floten-logo{height:32px;width:auto}.floten-nav{display:flex;align-items:center;gap:8px}.floten-nav-link{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .15s,background .15s;white-space:nowrap}.floten-nav-link:hover{color:var(--text-bright);background:#ffffff0f}.floten-nav-link--active{color:var(--accent);background:var(--accent-dim)}.floten-nav-link--active:hover{color:var(--accent);background:#00e5ff2e}.header-lang-bar{display:flex;align-items:center;gap:2px;margin-left:12px;padding-left:12px;border-left:1px solid var(--header-border)}.header-lang-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:36px;padding:0 6px;border:1px solid transparent;border-radius:6px;background:transparent;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--text-muted);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}@media(max-width:420px){.floten-header{padding:0 10px;flex-wrap:nowrap;height:var(--header-height);min-height:var(--header-height);overflow-x:auto;-webkit-overflow-scrolling:touch;gap:2px}.floten-logo{height:24px;flex-shrink:0}.floten-nav{gap:1px;flex-shrink:1;min-width:0;overflow:hidden}.floten-nav-link{padding:0 5px;font-size:10px;height:28px;border-radius:6px;white-space:nowrap}.header-lang-btn{padding:4px 3px;font-size:9px;min-width:22px;height:28px}.header-lang-bar{margin-left:2px;padding-left:2px;flex-shrink:0}.header-theme-toggle{width:30px;height:30px;margin-left:2px;flex-shrink:0;border-radius:8px}.header-theme-toggle svg{width:16px;height:16px}}@media(max-width:359px){.floten-nav-link{padding:0 4px;font-size:10px}.header-lang-bar{display:none}.header-theme-toggle{width:30px;height:30px;margin-left:2px}.header-theme-toggle svg{width:15px;height:15px}}.header-lang-btn:hover{color:var(--text-bright);background:#ffffff0f}.header-lang-btn.map-lang-btn--active{color:var(--accent);border-color:var(--accent-dim);background:#00e5ff1a}.header-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:4px;padding:0;border:1px solid var(--header-border);border-radius:10px;background:linear-gradient(145deg,#ffffff0a,#ffffff03);color:var(--text-muted);cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;flex-shrink:0;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000026,0 2px 4px #00000026}.header-theme-toggle:hover{color:var(--text-bright);background:linear-gradient(145deg,#ffffff12,#ffffff05);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000026,0 4px 8px #0000002e}.header-theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.header-theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .3s ease,transform .3s ease}.header-theme-toggle .theme-icon-sun{position:absolute;opacity:0;transform:rotate(-90deg) scale(.6)}.header-theme-toggle .theme-icon-moon,[data-theme=light] .header-theme-toggle .theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .header-theme-toggle .theme-icon-moon{opacity:0;transform:rotate(90deg) scale(.6)}.fuel-calc-main{flex:1;display:flex;flex-direction:column;align-items:stretch;padding-top:var(--header-height)}.floten-header+main,.floten-header+.shell,.floten-header+.tools-shell,.floten-header+.wrap{padding-top:var(--header-height)}body.fuel-page{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100vh!important}.cabinet-tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border, #334155);margin-bottom:1rem}.cabinet-tab-btn{background:none;border:none;color:var(--text-muted, #94a3b8);padding:.6rem 1.2rem;cursor:pointer;font-size:.95rem;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;font-family:inherit}.cabinet-tab-btn:hover{color:var(--text, #e2e8f0)}.cabinet-tab-btn--active{color:var(--accent, #60a5fa);border-bottom-color:var(--accent, #60a5fa)}.cabinet-tab-panel{display:none}.cabinet-tab-panel--active{display:block}.cabinet-notif-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.cabinet-support-contacts{margin-bottom:1rem}@media(max-width:480px){.cabinet-wrap{padding:24px 20px 28px}.cabinet-tab-btn{padding:.4rem .7rem;font-size:.8rem}}@media(max-width:359px){.cabinet-tab-bar{flex-wrap:wrap;gap:4px}.cabinet-tab-btn{flex:1 1 auto;text-align:center;padding:.35rem .4rem;font-size:.75rem}}.ais-ship-icon{transition:none;background:transparent;border:0}.ais-ship-icon__inner{display:block;pointer-events:none}.ais-ship-label{display:block;text-align:center;font-size:9px;line-height:1.1;color:#fff;background:#0000008c;padding:1px 4px;border-radius:3px;white-space:nowrap;margin-top:0;pointer-events:none;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.ais-popup-container .leaflet-popup-content-wrapper{background:var(--surface);color:var(--text);border-radius:8px}.ais-popup-container .leaflet-popup-tip{display:none}.ais-popup-container .leaflet-popup-content{margin:10px 12px}.ais-popup-header{font-size:14px;margin-bottom:8px}.ais-popup-header strong{font-size:15px;display:block}.ais-popup-mmsi{font-size:11px;opacity:.7}.ais-popup-table{width:100%;border-collapse:collapse;font-size:12px}.ais-popup-table td{padding:2px 4px}.ais-popup-table td:first-child{opacity:.6;width:60px}.ais-popup-track-btn{margin-top:8px;width:100%;font-size:12px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.ais-popup-track-btn:hover{background:#00e5ff14;border-color:#00e5ff40}.ais-popup-track-btn--active{box-shadow:inset 0 2px 6px #00000080,inset 0 0 12px #00e5ff1f;color:#00e5ff;text-shadow:0 0 6px rgba(0,229,255,.3)}.ais-popup-export{display:flex;gap:4px;margin-top:6px}.ais-popup-export-btn{flex:1;font-size:10px;padding:4px 2px;text-align:center;border:1px solid var(--border, #444);background:var(--surface-alt, #1e1e28);color:var(--text, #ccc);border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s}.ais-popup-export-btn:hover{background:var(--accent, #4a90d9);color:#fff;border-color:var(--accent, #4a90d9)}.ais-controls{margin-bottom:8px}.ais-toggle-btn{width:100%;min-height:48px;font-size:13px;font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,#00e5ff26,#00b4dc14);border:1px solid rgba(0,229,255,.3);border-radius:10px;color:#e8f0f8;backdrop-filter:blur(4px);box-shadow:0 2px 12px #0000004d,inset 0 1px #ffffff14;transition:all .2s ease}.ais-toggle-btn:hover{background:linear-gradient(135deg,#00e5ff40,#00b4dc24);border-color:#00e5ff80;box-shadow:0 0 20px #00e5ff33,0 2px 12px #0000004d,inset 0 1px #ffffff1a}.ais-toggle-btn--active{background:linear-gradient(135deg,#00e5ff66,#00b4dc40)!important;border-color:#00e5ff99!important;box-shadow:0 0 16px #00e5ff40,inset 0 0 10px #00e5ff14!important;color:#fff!important}.ais-size-filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ais-size-filter-value{font-size:13px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.ais-dual-slider{position:relative;height:24px}.ais-size-slider{-webkit-appearance:none;appearance:none;position:absolute;left:0;top:8px;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,#48f,#fa0,#f44);outline:none;pointer-events:none}.ais-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e8f0f8,#8899b0);border:2px solid rgba(0,229,255,.6);box-shadow:0 0 10px #00e5ff4d,0 2px 6px #0006;cursor:grab;pointer-events:auto;transition:box-shadow .15s}.ais-size-slider::-webkit-slider-thumb:hover,.ais-size-slider::-webkit-slider-thumb:active{box-shadow:0 0 16px #00e5ff80,0 2px 8px #00000080;cursor:grabbing}.ais-size-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e8f0f8,#8899b0);border:2px solid rgba(0,229,255,.6);box-shadow:0 0 10px #00e5ff4d,0 2px 6px #0006;cursor:grab;pointer-events:auto}.ais-size-filter{margin:10px 0}.ais-filter-buttons{display:flex;gap:6px;flex-wrap:wrap}.ais-filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:1px solid rgba(0,229,255,.18);background:linear-gradient(135deg,#121c2899,#0a121ecc);color:var(--text);border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;min-height:44px;flex:1 1 auto;backdrop-filter:blur(4px);box-shadow:inset 0 1px #ffffff0d,0 2px 8px #00000040;transition:all .2s ease}.ais-filter-btn:hover{border-color:#00e5ff59;background:linear-gradient(135deg,#121c28cc,#0a121ef2);box-shadow:0 0 12px #00e5ff1f,inset 0 1px #ffffff14}.ais-filter-btn--active{background:linear-gradient(135deg,#0082ff4d,#0050b433)!important;border-color:#0082ff80!important;box-shadow:0 0 14px #0082ff33,inset 0 1px #ffffff1a!important;color:#fff!important}.ais-filter-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:inset 0 1px 2px #0000004d}.ais-port-filter{margin:6px 0}.ais-port-search{width:100%;padding:12px 14px;font-family:var(--font);font-size:13px;min-height:44px;background:#080f19d9;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;box-shadow:inset 0 2px 6px #0000004d}.ais-port-search:focus{border-color:#00e5ff66;box-shadow:inset 0 2px 6px #0000004d,0 0 8px #00e5ff1f}.ais-port-search::placeholder{color:var(--text-dim);opacity:.7}.ais-stats{display:flex;align-items:center;gap:6px;font-size:12px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin:8px 0;background:#ffffff05;border-radius:6px}.ais-refresh-btn{cursor:pointer;opacity:.5;font-size:16px;margin-left:auto;transition:opacity .2s,transform .2s}.ais-refresh-btn:hover{opacity:1;transform:rotate(180deg)}.ais-track-info{font-size:11px;padding:4px 0;opacity:.8;word-break:break-word}.ais-legend{font-size:11px;display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:#ffffff05;border-radius:6px;border:1px solid rgba(255,255,255,.04)}.ais-legend-item{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.ais-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ais-fixed-popup{position:fixed;z-index:100000;min-width:240px;max-width:300px;background:#12161eeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 8px 40px #0000008c,0 2px 8px #0000004d,inset 0 1px #ffffff0f;font-family:var(--font);font-size:12px;color:var(--text);cursor:grab;user-select:none;opacity:1;left:auto;padding:14px 16px 12px;line-height:1.4;transition:box-shadow .2s,opacity .15s}.ais-fixed-popup.ais-fixed-dragging{cursor:grabbing;box-shadow:0 12px 48px #000000b3,inset 0 1px #ffffff0f;opacity:.92}.aps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.aps-name{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aps-close{flex-shrink:0;background:none;border:none;color:#ffffff59;font-size:20px;line-height:1;cursor:pointer;padding:0 0 0 10px;transition:color .15s}.aps-close:hover{color:#ff5c5c}.aps-meta{font-size:11px;color:#ffffff80;margin-bottom:10px;letter-spacing:.02em}.aps-dot{margin:0 4px;color:#ffffff4d}.weather-section-divider{height:1px;background:#ffffff0f;margin:8px 0}.aps-fields{margin-bottom:10px;display:flex;flex-direction:column;gap:3px}.aps-field-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.aps-field-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#fff6;flex-shrink:0;min-width:72px}.aps-field-value{font-size:12px;color:#ffffffd9;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.aps-speed{font-weight:600;color:#4fc3f7}.aps-export{display:flex;gap:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.aps-export-btn{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffa6;font-size:11px;font-weight:500;padding:5px 0;cursor:pointer;transition:all .15s;letter-spacing:.04em;text-align:center;line-height:1}.aps-export-btn:hover{background:#ffffff1f;color:#fff;border-color:#fff3}.aps-export-btn--primary{background:var(--primary, #0088ff);border-color:var(--primary, #0088ff);color:#fff;font-size:12px;letter-spacing:.06em}.aps-export-btn--primary:hover{background:var(--primary-hover, #0066cc);border-color:var(--primary-hover, #0066cc);color:#fff}.grib-panel-section{display:flex;flex-direction:column;gap:6px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.06)}.grib-panel-section:last-child{border-bottom:none}.grib-panel-section-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.grib-panel-layers{display:grid;grid-template-columns:1fr 1fr;gap:4px}.grib-panel-layer{min-height:44px;box-sizing:border-box;touch-action:manipulation;gap:6px!important;padding:6px 8px!important;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);background:#ffffff08;cursor:pointer;margin:0!important;font-size:12px}.grib-panel-layer:has(input:checked){border-color:var(--accent);background:#00d7eb14}.grib-panel-timeline-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.grib-panel-timeline-value{font-size:12px;font-weight:600;color:var(--text-bright)}.grib-panel-timeline-row{display:flex;align-items:center;gap:8px}.grib-panel-slider{flex:1;accent-color:var(--accent)}.grib-panel-play-btn{flex:0 0 32px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text);cursor:pointer}.grib-panel-play-btn:hover,.grib-panel-play-btn.grib-panel-play--active{background:var(--accent);border-color:var(--accent);color:#000}.grib-panel-play-btn:disabled{opacity:.3;cursor:default}.grib-panel-loading{display:flex;align-items:center;gap:6px;padding:6px 4px;font-size:11px;color:var(--text-muted)}.grib-panel-loading-spinner{width:14px;height:14px;border:2px solid var(--text-muted);border-top-color:var(--accent);border-radius:50%;animation:grib-spin .8s linear infinite}@keyframes grib-spin{to{transform:rotate(360deg)}}.grib-panel-slider-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);padding:0 2px}.grib-panel-legend{display:flex;flex-direction:column;gap:4px;padding:8px 4px}.grib-panel-legend-title{font-size:10px;font-weight:600;color:var(--text-muted)}.grib-panel-legend-bar{height:8px;border-radius:4px;margin:2px 0}.grib-panel-legend-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted)}.weather-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:2px;margin-bottom:8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#040c1473}.weather-mode-tab{min-height:40px;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted);font:700 12px/1.2 Segoe UI,sans-serif;cursor:pointer}.weather-mode-tab--active{border-color:#00e5ff61;background:#00c8e626;color:var(--text-bright);box-shadow:inset 0 0 0 1px #00e5ff14,0 0 14px #00e5ff14}.weather-mode-pane[hidden]{display:none!important}.weather-pane-intro{margin:0 4px 6px;color:var(--text);font-size:12px;line-height:1.45}.weather-primary-action{width:100%;min-height:44px;margin:8px 0;font-size:12px;font-weight:800}.weather-primary-action[aria-pressed=true]{border-color:#00e5ffb8;box-shadow:inset 0 0 0 1px #00e5ff29,0 0 16px #00e5ff2e}.weather-download-block{display:grid;gap:6px;padding:10px 4px 2px;margin-top:8px;border-top:1px solid rgba(255,255,255,.06);color:var(--text-muted);font-size:10.5px;line-height:1.35}.weather-secondary-action,.weather-refresh-action{width:100%;min-height:40px}.weather-loaded-info{margin:4px!important;color:var(--text)!important;font-size:10px!important}.weather-loaded-info[data-state=loading]{color:var(--text-muted)!important}.weather-loaded-info[data-state=ready]{color:var(--accent)!important}.weather-loaded-info[data-state=error]{color:var(--danger)!important}.weather-download-status{margin:0;color:var(--text);font-size:11px;line-height:1.4}.weather-status{margin:4px 2px 8px;color:var(--text);font-size:11px;line-height:1.4}.currents-scope-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:2px;border-radius:9px;background:#040c146b}.currents-scope-option{display:flex;align-items:center;justify-content:center;min-height:38px;margin:0;padding:7px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-muted);font:700 11px/1.2 Segoe UI,sans-serif;cursor:pointer}.currents-scope-option[data-active=true]{border-color:#00e5ff73;background:#00c8e629;color:var(--text-bright)}.weather-field-help{margin:0;color:var(--text-muted);font-size:10px;line-height:1.35}.weather-advanced{margin-top:8px;border-top:1px solid rgba(255,255,255,.06)}.weather-advanced>summary{min-height:40px;padding:12px 4px 8px;color:var(--text-muted);font-size:11px;cursor:pointer}.weather-advanced[open]>summary{color:var(--text)}.weather-refresh-action{margin-top:8px}.weather-technical-control{opacity:.82}body:has(#floatPanelGribWeather:not(.float-panel--map-hidden)) .map-panel-launcher-btn:not(#btnWeatherLauncher){opacity:.38}@media(max-width:600px){.weather-mode-tab,.weather-primary-action,.weather-secondary-action,.weather-refresh-action,.currents-scope-option,.weather-advanced>summary{min-height:44px}.grib-panel-layer{min-height:44px;font-size:12px}}.oc-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:10px}.oc-info-item{display:flex;gap:4px}.oc-info-label{color:var(--text-muted);white-space:nowrap}.oc-info-value{color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis}.oc-legend-items{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:var(--text)}.oc-legend-item{display:flex;align-items:center;gap:3px}.oc-legend-line{display:inline-block;width:16px;height:3px;border-radius:2px}.oc-legend-line--slow{background:#48f}.oc-legend-line--moderate{background:#4c8}.oc-legend-line--fast{background:#fc4}.oc-legend-line--strong{background:#f44}.oc-route-control{display:flex;align-items:center;gap:6px;margin:2px 0;font-size:10px}.oc-route-label{min-width:48px;color:var(--text)}.oc-corridor-slider{flex:1;height:3px;accent-color:var(--accent)}.oc-route-value{min-width:50px;text-align:right;color:var(--text-bright);font-weight:600}.oc-cell-select{font-size:10px;padding:1px 4px}.oc-status{font-size:10px;margin:2px 0}.grib-panel-legend-label{text-align:center;min-width:0}.marker-cluster-small{background-color:#06b6d440}.marker-cluster-small div{background-color:#06b6d4bf;color:#fff;font-weight:600}.marker-cluster-medium{background-color:#f59e0b40}.marker-cluster-medium div{background-color:#f59e0bbf;color:#fff;font-weight:600}.marker-cluster-large{background-color:#ef444440}.marker-cluster-large div{background-color:#ef4444bf;color:#fff;font-weight:600}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font-size:12px;line-height:30px}.marker-cluster span{line-height:30px}