.daily-range{color:var(--brand-fjord);font-family:var(--font-sans);background:#f4f8fb;border:1px solid #d1dfe5;border-radius:17px;margin-bottom:20px;padding:18px}.daily-range button,.daily-range input,.daily-range select{font:inherit}.daily-range button{min-height:40px;color:var(--brand-fjord);cursor:pointer;background:#fff;border:1px solid #d4e0e7;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;transition:transform .1s ease-out,background .12s;display:inline-flex}.daily-range button:hover{background:#e8f0f6}.daily-range button:active{transform:scale(.97)}.daily-range :is(button,input,select,a,summary):focus-visible{outline-offset:3px;outline:3px solid #397ad4}.daily-range-heading,.daily-range-heading>div{align-items:center;gap:9px;display:flex}.daily-range-heading{justify-content:space-between;margin-bottom:16px}.daily-range-heading h2{font:650 17px/1.35 var(--font-sans);letter-spacing:-.02em;margin:0}.daily-range-heading svg{color:#2c628b;flex-shrink:0}.daily-range-heading>span{color:#476b83;background:#e3edf3;border-radius:7px;flex-shrink:0;padding:5px 8px;font-size:12px}.daily-range-fields{grid-template-columns:minmax(0,1.5fr) minmax(120px,1fr);gap:12px;display:grid}.daily-range-fields>label{min-width:0;font-size:14px;font-weight:550}.daily-range-fields select{width:100%;min-width:0;max-width:100%;min-height:44px;color:var(--brand-fjord);background:#fff;border:1px solid #c8d9e3;border-radius:10px;margin-top:7px;padding:10px;font-size:14px;display:block}.daily-distance-input{background:#fff;border:1px solid #c8d9e3;border-radius:10px;align-items:center;margin-top:7px;display:flex;overflow:hidden}.daily-distance-input input{width:100%;min-width:0;min-height:44px;color:var(--brand-fjord);font-variant-numeric:tabular-nums;background:#fff;border:0;border-radius:10px;padding:10px 12px}.daily-distance-input input[aria-invalid=true]{box-shadow:inset 0 0 0 2px #b5563a}.daily-distance-input>span{color:#637d8f;padding:0 12px 0 4px;font-size:13px}.daily-range-presets{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.daily-range .daily-range-presets button{font-variant-numeric:tabular-nums;min-height:34px;padding:6px 10px;font-size:13px}.daily-range .daily-range-presets button[aria-pressed=true]{color:#1c5687;background:#e1edf8;border-color:#3a6e9a}.daily-range-help{color:#5a7485;font-variant-numeric:tabular-nums;margin:10px 0 15px;font-size:13px;line-height:1.55}.daily-range-result{color:#557080;margin:15px 0 10px;font-size:14px;line-height:1.5}.daily-range-result strong{color:#204b66}.daily-harbor-list{background:#fff;border:1px solid #d9e4eb;border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.daily-harbor-list>li{border-bottom:1px solid #e8eef2;align-items:start;gap:11px;padding:14px 12px;display:flex}.daily-harbor-list>li:last-child{border-bottom:0}.daily-harbor-icon{color:#396886;background:#edf4f8;border-radius:9px;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.daily-harbor-info{flex:1;min-width:0}.daily-harbor-info>a{width:fit-content;color:var(--brand-fjord);align-items:center;gap:4px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;display:flex}.daily-harbor-info>a:hover{color:#28699b;text-decoration:underline}.daily-harbor-info>a>svg{flex-shrink:0}.daily-harbor-info>span{color:#68808d;margin-top:4px;font-size:12px;line-height:1.45;display:block}.daily-harbor-actions{flex-wrap:wrap;gap:4px 8px;margin:4px 0 -5px;display:flex}.daily-range .daily-harbor-actions button{color:#28699b;text-align:left;background:0 0;border:0;border-radius:5px;min-height:32px;padding:5px 0;font-size:12px}.daily-range .daily-harbor-actions button:hover{text-decoration:underline}.daily-harbor-distance{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.daily-harbor-distance strong{font:650 14px/1.4 var(--font-sans)}.daily-harbor-distance>span{color:#66818f;justify-content:end;align-items:center;gap:4px;margin-top:6px;font-size:12px;display:flex}.daily-range-empty{background:#fff;border:1px solid #d7e2e8;border-radius:12px;align-items:start;gap:10px;padding:12px;display:flex}.daily-range-empty svg{color:#5e7b8f;flex-shrink:0}.daily-range-empty p{color:#577282;margin:0;font-size:14px;line-height:1.6}.daily-range .daily-range-show{background:0 0;width:100%;margin-top:8px;font-size:13px}.daily-range .daily-range-back{color:#28699b;background:0 0;border:0;min-height:36px;padding:6px 0;font-size:13px}.daily-range-excluded{color:#587483;margin-top:10px;font-size:12px;line-height:1.6}.daily-range-excluded summary{cursor:pointer;min-height:32px;padding:5px 0}.daily-range-excluded a{color:#28699b;text-underline-offset:2px;text-decoration:underline}.daily-range-excluded ul{max-height:160px;margin:5px 0 8px;padding-left:18px;overflow:auto}.daily-range-note{color:#617a88;margin:14px 0 0;font-size:12px;line-height:1.6}.journey-daily-empty{width:min(780px,100% - 44px);margin:20px auto}.marine-day-preview{background:#fbf2e6;border:1px solid #e5d1b5;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.marine-map-anchor{border-radius:16px;scroll-margin-top:20px}.marine-map-anchor:focus-visible{outline-offset:4px;outline:3px solid #397ad4}.marine-day-preview strong{font-size:14px;display:block}.marine-day-preview small{color:#7f613c;margin-top:5px;font-size:12px;display:block}.marine-day-preview button{flex-shrink:0;place-items:center;display:grid}@media (max-width:600px){.daily-range{padding:13px}.daily-range-heading h2{font-size:16px}.daily-range-fields{grid-template-columns:minmax(0,1.5fr) minmax(105px,1fr);gap:9px}.daily-harbor-list>li{flex-wrap:wrap;gap:8px;padding:12px 10px}.daily-harbor-icon{display:none}.daily-harbor-distance{max-width:108px}.daily-harbor-distance strong{font-size:13px}.daily-range .daily-harbor-actions button{min-height:40px}}@media (max-width:370px){.daily-range-fields{grid-template-columns:1fr}.daily-harbor-distance{text-align:left;flex-basis:100%;justify-content:space-between;max-width:none;display:flex}.daily-harbor-distance>span{margin-top:0}}@media (prefers-reduced-motion:reduce){.daily-range button{transition:none}}@media (prefers-contrast:more){.daily-range,.daily-harbor-list,.daily-range button,.daily-distance-input,.daily-range select{border-color:#3c6179}.daily-range :is(p,small),.daily-harbor-info>span{color:#294f65}}.marine-planner{min-width:0;font-family:var(--font-sans);color:var(--brand-fjord)}.marine-planner button,.marine-planner input,.marine-planner select{font:inherit}.marine-planner button{min-height:40px;color:var(--brand-fjord);cursor:pointer;background:#fff;border:1px solid #d8e2e3;border-radius:10px;padding:9px 12px;transition:background .12s,transform .1s ease-out}.marine-planner button:hover{background:#edf3f4}.marine-planner button:active{transform:scale(.97)}.marine-planner button:disabled{opacity:.5;cursor:not-allowed}.marine-planner :is(button,input,select,summary):focus-visible{outline-offset:3px;outline:3px solid #397ad4}.marine-heading,.marine-heading>div,.marine-boat-title{align-items:center;gap:10px;display:flex}.marine-heading{justify-content:space-between;padding:8px 5px 20px}.marine-heading>div>span{font-size:16px;font-weight:650}.marine-heading small{color:#61767a;margin-top:3px;font-size:12px;font-weight:400;display:block}.marine-draft-badge{color:#805e22;background:#faf2df;border-radius:8px;padding:7px 10px;font-size:12px}.marine-boat{background:#f4f8f8;border:1px solid #dfe9e8;border-radius:17px;margin-bottom:18px;padding:18px}.marine-boat-title{margin-bottom:15px;font-size:15px}.marine-boat-title>span{color:#6c8083;margin-left:auto;font-size:12px}.marine-boat-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.marine-boat-fields label>span{margin-bottom:6px;font-size:13px;font-weight:550;display:block}.marine-boat-fields label>div{background:#fff;border:1px solid #cfdcdd;border-radius:10px;align-items:center;display:flex}.marine-boat-fields input{width:100%;min-width:0;height:44px;color:var(--brand-fjord);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:10px;padding:10px 12px}.marine-boat-fields label>div>span{color:#6a7e82;padding:0 12px 0 5px;font-size:13px}.marine-field-note,.marine-safety-note{color:#61767a;margin:12px 0;font-size:13px;line-height:1.55}.marine-safety-note{padding:12px 2px}.marine-depth-summary{border-top:1px solid #dce6e6;align-items:center;gap:12px;margin-top:15px;padding-top:15px;display:flex}.marine-depth-summary>div{flex:1}.marine-depth-summary span{font-size:13px;display:block}.marine-depth-summary strong{font:650 24px/1.2 var(--font-sans);font-variant-numeric:tabular-nums;margin-top:4px;display:block}.marine-depth-summary>small{color:#698085;text-align:right;font-size:12px;line-height:1.5}.marine-leg-tools{align-items:end;gap:15px;margin:0 3px 12px;display:flex}.marine-leg-tools>label{color:#61767a;flex:1;min-width:0;font-size:12px}.marine-planner select{width:100%;min-width:0;max-width:100%;min-height:44px;color:var(--brand-fjord);background:#fff;border:1px solid #d6e2e2;border-radius:10px;padding:9px 30px 9px 10px;font-size:14px;display:block}.marine-leg-tools select{margin-top:5px}.marine-leg-tools>div{text-align:right;flex-shrink:0;padding-bottom:5px}.marine-leg-tools strong{font-variant-numeric:tabular-nums;font-size:15px;display:block}.marine-leg-tools>div>span{color:#61767a;margin-top:4px;font-size:12px;display:block}.sea-map-shell{isolation:isolate;background:#d4e5eb;border:1px solid #d6e1e3;border-radius:16px;height:clamp(400px,62vh,660px);position:relative;overflow:hidden}.sea-map-canvas{z-index:0;width:100%;height:100%;font-family:var(--font-sans)}.sea-map-shell.is-editing .leaflet-container{cursor:crosshair}.sea-map-canvas .leaflet-attribution-flag{display:none!important}.sea-map-canvas .leaflet-control-attribution{font:10px/1.6 var(--font-sans)}.sea-map-tools{z-index:2;gap:5px;display:grid;position:absolute;top:12px;right:12px}.sea-map-tools button{background:#fffffff0;place-items:center;width:42px;min-height:42px;padding:0;display:grid;box-shadow:0 3px 14px #173a4320}.sea-map-layers{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;background:#ffffffeb;border:1px solid #ffffffa0;border-radius:12px;align-items:center;gap:4px;padding:4px 6px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 3px 14px #173a4314}.sea-map-layers>svg{margin:0 4px}.sea-map-layers button{background:0 0;border:0;min-height:36px;padding:7px 9px;font-size:13px}.sea-map-layers button[aria-pressed=true]{color:#184b62;background:#e6eff3}.sea-map-key{background:#fffffff2;border-radius:8px;flex-wrap:wrap;gap:8px 15px;max-width:calc(100% - 20px);padding:8px 10px;font-size:11px;display:flex;position:absolute;bottom:24px;left:10px}.sea-map-key span{align-items:center;gap:6px;display:flex}.sea-map-key i{border-top:2px dashed #997229;width:17px}.sea-map-key i.is-mapped{border-top:2px solid #528b92}.sea-stop-icon,.sea-depth-icon{background:0 0;border:none}.marine-planner .sea-stop-pin{color:#fff;width:34px;min-height:34px;font:700 14px var(--font-sans);background:#2468d2;border:3px solid #fff;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 3px 8px #15344450}.marine-planner .sea-stop-pin.is-home{background:#143e48}.marine-planner .sea-stop-pin[aria-pressed=true]{outline-offset:3px;outline:3px solid #2468d255}.marine-planner .sea-depth-label{color:#17435e;min-width:34px;min-height:28px;font:650 13px var(--font-sans);background:#ffffffd9;border:0;border-radius:5px;padding:4px;box-shadow:0 1px 4px #15344420}.marine-planner .sea-depth-label.is-shallow{color:#a32a22;background:#fff0e7;text-decoration:underline}.sea-map-loading{background:#e9f0f2;place-items:center;display:grid;position:absolute;inset:0}.sea-map-error{color:#704f17;z-index:3;background:#fff7e6;border:1px solid #e5cd98;border-radius:10px;padding:12px;font-size:13px;line-height:1.5;position:absolute;top:73px;left:12px;right:65px}.sea-map-error button{margin-top:8px;display:block}.marine-source-status{color:#5f7579;align-items:center;gap:7px;min-height:45px;font-size:12px;line-height:1.45;display:flex}.marine-source-status>svg{flex-shrink:0}.marine-source-status button{border:0;flex-shrink:0;min-height:36px;margin-left:auto;padding:6px 8px;font-size:12px}.marine-spinner{animation:1s linear infinite journey-spin}.marine-route-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.marine-unknown-option{cursor:pointer;align-items:center;gap:9px;padding:10px 2px;font-size:14px;display:flex}.marine-unknown-option input{width:18px;height:18px;accent-color:var(--brand-fjord)}.marine-route-actions button,.marine-waypoints button{justify-content:center;align-items:center;gap:7px;font-size:14px;display:inline-flex}.marine-planner .marine-primary{background:var(--brand-fjord);color:#fff;border-color:var(--brand-fjord)}.marine-planner .marine-primary:hover{background:#245660}.marine-point-editor{padding:12px 0}.marine-point-editor p{font-size:14px;line-height:1.55}.marine-point-editor form{align-items:end;gap:8px;display:flex}.marine-point-editor label{flex:1;min-width:0;font-size:12px}.marine-point-editor input,.marine-chart-input input{background:#fff;border:1px solid #cddcde;border-radius:8px;width:100%;min-width:0;min-height:42px;margin-top:5px;padding:8px;display:block}.marine-input-error{color:#a13d2a;font-size:13px;line-height:1.5}.marine-waypoints{padding:12px 0}.marine-waypoints>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.marine-waypoints strong{font-size:14px}.marine-waypoints ol{max-height:205px;margin:8px 0;padding:0;list-style:none;overflow:auto}.marine-waypoints li{font-variant-numeric:tabular-nums;border-bottom:1px solid #e7eeee;align-items:center;gap:10px;padding:5px 0;font-size:13px;display:flex}.marine-waypoints li>span:first-child{color:#805d23;background:#f5efdf;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;display:grid}.marine-waypoints li button{border:0;min-width:40px;margin-left:auto;padding:6px}.marine-result{color:#7b5822;background:#fff6e6;border:1px solid #eedcb6;border-radius:13px;align-items:start;gap:10px;margin-top:14px;padding:14px;display:flex}.marine-result.is-mapped{color:#225574;background:#eef5fa;border-color:#cfe0ed}.marine-result>svg{flex-shrink:0}.marine-result strong{font-size:15px}.marine-result p{margin:5px 0 0;font-size:14px;line-height:1.55}.marine-result small{margin-top:7px;font-size:12px;display:block}.marine-details{border-top:1px solid #e0e8e8}.marine-details summary{cursor:pointer;align-items:center;gap:9px;padding:16px 3px;font-size:14px;font-weight:600;display:flex}.marine-details summary:after{content:"+";margin-left:auto;font-size:20px;font-weight:400}.marine-details[open] summary:after{content:"×"}.marine-details>div{padding:0 3px 16px}.marine-details p{color:#5a7277;font-size:14px;line-height:1.6}.marine-details label{font-size:14px}.marine-details select{margin-top:7px}.marine-chart-input{max-width:240px;display:block}.marine-clearance{background:#f1f6f7;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.marine-clearance>span{font-size:12px}.marine-clearance strong{font:650 22px var(--font-sans);margin-top:5px;display:block}.marine-clearance.is-shallow{color:#9a392b;background:#fff0e9}.marine-buoy-rule{background:#eff5f6;border-radius:12px;justify-content:space-between;align-items:center;margin:15px 0;padding:14px;display:flex}.marine-buoy-rule span{align-items:center;gap:8px;font-size:14px;display:flex}.marine-buoy-rule i{border-radius:50%;width:12px;height:12px;display:block}.marine-buoy-rule .red{background:#c34742}.marine-buoy-rule .green{background:#267b58}.marine-source-links{flex-wrap:wrap;gap:10px 16px;font-size:13px;display:flex}.marine-source-links a,.marine-mark-detail a{color:#2468b0;text-underline-offset:3px;text-decoration:underline}.marine-mark-detail{background:#f1f6f7;border:1px solid #dce7e8;border-radius:12px;margin:10px 0;padding:14px;font-size:14px}.marine-mark-detail>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.marine-mark-detail button{place-items:center;min-width:40px;padding:6px;display:grid}.marine-mark-detail p{line-height:1.55}.journey-intro{padding-top:34px;padding-bottom:25px}.journey-intro h1{font-size:clamp(44px,5vw,64px)}.journey-itinerary{align-self:start}.journey-itinerary-heading>div>span{font-family:var(--font-sans)}@media (min-width:1450px){.marine-boat-fields{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:600px){.marine-heading{gap:10px;padding:10px 5px 15px}.marine-draft-badge{text-align:center;max-width:112px}.marine-boat{padding:13px}.marine-boat-title>span{text-align:right;max-width:105px}.marine-boat-fields{gap:12px 9px}.marine-boat-fields label>span{min-height:34px}.marine-depth-summary{flex-wrap:wrap}.marine-depth-summary>small{text-align:left;flex-basis:100%;margin-left:31px}.marine-depth-summary>small br{display:none}.marine-leg-tools{display:block}.marine-leg-tools>div{justify-content:space-between;margin-top:10px;display:flex}.sea-map-shell{height:440px}.sea-map-layers{padding:3px;top:8px;left:8px}.sea-map-layers>svg{display:none}.sea-map-tools{top:8px;right:8px}.marine-route-actions button{flex:1}.marine-point-editor form{flex-wrap:wrap}.marine-point-editor form>button{width:100%}.marine-source-status{align-items:start;padding:10px 2px}.marine-source-status button{padding-top:0}}@media (prefers-reduced-motion:reduce){.marine-planner button{transition:none}.marine-spinner{animation:none}}@media (prefers-reduced-transparency:reduce){.sea-map-layers,.sea-map-key,.sea-map-tools button{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}@media (prefers-contrast:more){.marine-planner button,.marine-boat,.marine-planner input,.marine-planner select{border-color:#365960}.marine-field-note,.marine-safety-note{color:#2c4d56}}.fh-navigation{border:1px solid var(--brand-sea-glass);width:min(1500px,100% - clamp(44px,10vw,144px));color:var(--brand-fjord);background:#fff;border-radius:22px;margin:0 auto 24px;padding:24px}.fh-navigation>header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.fh-navigation-icon{background:var(--brand-foam);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.fh-navigation h2{font:650 24px/1.15 var(--font-display);letter-spacing:-.035em;margin:0}.fh-navigation header p{color:var(--brand-mist);margin:5px 0 0;font-size:13px}.fh-navigation-ports{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.fh-navigation label{gap:7px;font-size:12px;font-weight:600;display:grid}.fh-navigation select,.fh-navigation input{border:1px solid var(--brand-sea-glass);width:100%;min-width:0;min-height:46px;color:var(--brand-fjord);font:400 14px var(--font-sans);background:#fff;border-radius:10px;padding:10px}.fh-navigation-boat{margin-top:16px}.fh-navigation-boat summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:600;display:flex}.fh-navigation-boat summary:after{content:"+";margin-left:auto}.fh-navigation-boat[open] summary:after{content:"−"}.fh-navigation-boat>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:10px 0;display:grid}.fh-navigation-boat label>span{border:1px solid var(--brand-sea-glass);border-radius:10px;align-items:center;display:flex}.fh-navigation-boat input{border:0}.fh-navigation-boat small{color:var(--brand-mist);padding-right:12px}.fh-navigation-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.fh-navigation button{border:1px solid var(--brand-sea-glass);min-height:44px;color:var(--brand-fjord);font:600 14px var(--font-sans);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;display:inline-flex}.fh-navigation button.fh-navigation-primary{background:var(--brand-signal);color:#fff;border-color:var(--brand-signal)}.fh-navigation button:disabled{opacity:.5;cursor:not-allowed}.fh-navigation-message{background:var(--brand-foam);border-radius:12px;margin:16px 0 0;padding:14px 16px;font-size:14px;line-height:1.6}.fh-navigation-dialog{background:var(--brand-foam);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--brand-fjord);border:0;margin:0;padding:0;overflow-y:auto}.fh-navigation-dialog[open]{flex-direction:column;display:flex}.fh-navigation-dialog::backdrop{background:var(--brand-fjord)}.fh-navigation-dialog>header{padding:16px max(20px, env(safe-area-inset-right)) 16px max(20px, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:16px;display:flex}.fh-navigation-dialog header span{color:var(--brand-mist);font:600 12px var(--font-sans)}.fh-navigation-dialog h2{margin-top:5px;font-size:clamp(18px,3vw,25px)}.fh-navigation-dialog>header>button{flex:none}.fh-navigation-map{flex:1;min-height:300px;position:relative}.fh-navigation-map .sea-map-shell{border:0;border-radius:0;height:100%;position:absolute;inset:0}.fh-navigation-dashboard{padding:16px max(20px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#fff}.fh-navigation-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.fh-navigation-metrics small{color:var(--brand-mist);font:500 11px var(--font-sans);display:block}.fh-navigation-metrics strong{font:650 clamp(15px, 2.5vw, 24px)/1.2 var(--font-sans);font-variant-numeric:tabular-nums;margin-top:4px;display:block}.fh-navigation-note{color:var(--brand-mist);font:400 12px/1.5 var(--font-sans);margin:10px 0 0}.fh-navigation-dialog .fh-navigation-message{margin-top:10px}@media (max-width:760px){.fh-navigation{width:calc(100% - 24px);padding:18px}.fh-navigation-ports{grid-template-columns:1fr}.fh-navigation-boat>div{grid-template-columns:repeat(2,minmax(0,1fr))}.fh-navigation h2{font-size:22px}.fh-navigation-dialog .fh-navigation-note{font-size:11px}}.fh-navigation-route-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.fh-navigation-route-summary strong{font:650 22px/1.2 var(--font-sans);font-variant-numeric:tabular-nums;display:block}.fh-navigation-route-summary span{font:400 12px var(--font-sans);color:var(--brand-mist);margin-top:4px;display:block}.fh-navigation-route-summary label{align-items:center;gap:8px;display:flex}.fh-navigation-route-summary input{width:72px;font-family:var(--font-sans)}.fh-navigation-gps{border-top:1px solid var(--brand-sea-glass);margin-top:12px}.fh-navigation-gps summary{cursor:pointer;padding:14px 0;font-size:13px;font-weight:600}.fh-navigation button:active{transform:scale(.98)}.fh-navigation :is(button,input,select,summary):focus-visible{outline:3px solid var(--brand-signal);outline-offset:3px}.fh-navigation-saved{border-top:1px solid var(--brand-sea-glass);margin-top:22px;padding-top:18px}.fh-navigation-saved h3{font:600 14px var(--font-sans);margin:0 0 12px}.fh-navigation-saved>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:8px;display:grid}.fh-navigation-saved button{text-align:left;justify-content:flex-start}.fh-navigation-saved button>span:first-of-type{flex:1}.fh-navigation-saved strong,.fh-navigation-saved small{display:block}.fh-navigation-saved small{color:var(--brand-mist);font:400 12px var(--font-sans);margin-top:5px}.fh-navigation-point-list{margin-top:12px}.fh-navigation-point-list summary{cursor:pointer;padding:12px 0;font-size:13px;font-weight:600}.fh-navigation-point-list ol{max-height:220px;margin:0;padding:0;list-style:none;overflow:auto}.fh-navigation-point-list li{border-top:1px solid var(--brand-sea-glass);font:400 12px var(--font-sans);justify-content:space-between;align-items:center;gap:6px;padding:6px 0;display:flex}.fh-navigation-point-list li>div{gap:4px;display:flex}.fh-navigation-point-list button{min-width:44px;padding:8px}.fh-navigation-unsaved{border-bottom:1px solid var(--brand-sea-glass);background:#fff;padding:16px 20px}.fh-navigation-dialog[open]{display:block;overflow:hidden}.fh-navigation-dialog>header{z-index:1100;border:1px solid var(--brand-sea-glass);background:#fffffff5;border-radius:18px;width:360px;padding:16px;position:absolute;top:18px;left:18px;box-shadow:0 8px 30px #00000014}.fh-navigation-dialog>header h2{font-size:20px}.fh-navigation-dialog>header button{width:44px;padding:8px}.fh-navigation-map{min-height:0;position:absolute;inset:0}.fh-navigation-dashboard{z-index:1000;overscroll-behavior:contain;border:1px solid var(--brand-sea-glass);background:#fffffff7;border-radius:18px;width:360px;max-height:calc(100dvh - 160px);padding:20px;position:absolute;top:130px;left:18px;overflow-y:auto;box-shadow:0 8px 30px #00000014}.fh-navigation-dashboard .fh-navigation-route-summary strong{font-size:28px}.fh-navigation-route-summary label{margin-top:8px}.fh-navigation .fh-navigation-panel-toggle{display:none}.fh-navigation-unsaved{z-index:1200;border:1px solid var(--brand-sea-glass);border-radius:18px;width:min(440px,100% - 24px);position:absolute;top:130px;left:50%;transform:translate(-50%);box-shadow:0 12px 50px #0000002e}.fh-navigation-dialog .sea-map-key{max-width:calc(100% - 400px);bottom:28px;left:auto;right:14px}.fh-navigation-dialog .sea-map-tools{top:18px;right:18px}@media (max-width:760px){.fh-navigation-dialog>header{top:max(10px, env(safe-area-inset-top));border-radius:16px;width:calc(100% - 20px);padding:12px 14px;left:10px}.fh-navigation-dialog>header h2{font-size:17px}.fh-navigation-dialog .sea-map-tools{top:112px;right:12px}.fh-navigation-dashboard{width:100%;max-height:34dvh;padding:0 18px max(18px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0;top:auto;bottom:0;left:0;box-shadow:0 -8px 32px #0000001a}.fh-navigation-dashboard.is-expanded{max-height:72dvh}.fh-navigation .fh-navigation-panel-toggle{width:100%;min-height:44px;color:var(--brand-mist);z-index:1;background:#fff;border:0;border-radius:0;flex-direction:column;gap:5px;padding:9px 0;font-size:11px;display:flex;position:sticky;top:0}.fh-navigation-panel-toggle>span{background:var(--brand-sea-glass);border-radius:4px;width:36px;height:4px}.fh-navigation-dashboard .fh-navigation-route-summary strong{font-size:25px}.fh-navigation-dashboard .fh-navigation-route-summary{gap:8px}.fh-navigation-dashboard .fh-navigation-route-summary label{margin:0;font-size:11px}.fh-navigation-dashboard .fh-navigation-route-summary input{width:60px}.fh-navigation-dialog .sea-map-key{max-width:calc(100% - 95px);font-size:10px;inset:112px auto auto 12px}.fh-navigation-dialog .leaflet-control-attribution{max-width:100%;font-size:9px;position:fixed;bottom:35dvh;right:0}}@media (prefers-reduced-transparency:reduce){.fh-navigation-dashboard,.fh-navigation-dialog>header{background:#fff}}.fh-navigation-dialog .fh-navigation-metrics strong{overflow-wrap:anywhere;font-size:17px}.fh-navigation-launch{background:var(--brand-foam);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.fh-navigation-launch p{color:var(--brand-mist);max-width:540px;margin-bottom:0;font-size:14px;line-height:1.6}.fh-navigation-launch button{flex-shrink:0}.fh-navigation-picker h3{margin:0 0 8px;font-size:18px}.fh-navigation-picker p{color:var(--brand-mist);font-size:12px}.fh-navigation-picker ul{max-height:180px;padding:0;list-style:none;overflow:auto}.fh-navigation-picker li button{justify-content:flex-start;width:100%;margin-bottom:4px}.fh-navigation-itinerary{border-bottom:1px solid var(--brand-sea-glass);gap:12px;margin-bottom:16px;padding-bottom:16px;font-size:13px;display:grid}.fh-navigation-itinerary span{align-items:center;gap:12px;display:flex}.fh-navigation-itinerary b{background:var(--brand-foam);width:26px;height:26px;font-family:var(--font-sans);border-radius:50%;place-items:center;display:grid}.fh-navigation .sea-harbor-choice{color:var(--brand-fjord);background:#fff;border-radius:50%;width:32px;min-height:32px;padding:0;box-shadow:0 2px 6px #0002}.sea-route-point{color:#fff;width:28px;height:28px;font:600 12px var(--font-sans);background:#997229;border:2px solid #fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 6px #0003}.fh-navigation-route-summary label[hidden]{display:none}@media (max-width:760px){.fh-navigation-launch{flex-direction:column;align-items:stretch}.fh-navigation-picker{padding-bottom:10px}.fh-navigation-dashboard:has(.fh-navigation-picker){max-height:45dvh}.fh-navigation-dashboard:not(.is-expanded) .fh-navigation-itinerary{display:none}}