.landing-body{background:var(--bg-deep);color:var(--text);font:var(--weight-regular) var(--text-15) / var(--leading-body) var(--font-sans);margin:0}.landing{gap:var(--space-5);box-sizing:border-box;min-height:100dvh;padding:var(--space-4) var(--space-4) var(--space-5);flex-direction:column;display:flex;position:relative}.landing-host{display:contents}.landing a{color:inherit}.landing a:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.landing-shore{z-index:var(--z-map);pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.landing-shore path{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.landing-shore-glow{stroke:var(--depth-0);stroke-width:6px;opacity:.45}.landing-shore-line{stroke:var(--flow);stroke-width:1.25px;opacity:.9}.landing-head,.landing-main,.landing-dots,.landing-foot{z-index:var(--z-map-chrome);position:relative}@media (width<=1023px){.landing-shore{opacity:.5}}.landing .landing-night{z-index:var(--z-map);pointer-events:none;opacity:0;transition:opacity var(--motion-sheet);position:fixed;inset:0}.landing .landing-night[data-state=ready]{opacity:1}.landing[data-night=ready] .landing-shore{opacity:0;transition:opacity var(--motion-sheet)}@media (width<=1023px){.landing .landing-night[data-state=ready]{opacity:.55}}.landing-night .chart-flow{opacity:.8;width:100%;height:100%;transition:opacity var(--motion-state);position:absolute;inset:0}.landing-night .maplibregl-canvas{transition:opacity var(--motion-state)}.landing[data-preview=currents] .landing-night .chart-flow{opacity:1}.landing[data-preview=currents] .landing-night[data-currents=drawn] .maplibregl-canvas{opacity:.45}.landing-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.landing-brand{min-height:var(--touch-min);font:var(--weight-semibold) var(--text-18) / var(--leading-heading) var(--font-sans);align-items:center;text-decoration:none;display:inline-flex}.landing-nav{gap:0 var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.landing-nav a{min-height:var(--touch-min);color:var(--muted);font-size:var(--text-13);align-items:center;text-decoration:none;display:inline-flex}.landing-nav a:hover{color:var(--text)}.landing-main{gap:var(--space-4);flex-direction:column;max-width:640px;display:flex}.landing-head{min-height:var(--touch-min)}@media (width<=599px){.landing-head{min-height:calc(var(--touch-min) * 2 + var(--space-2));align-content:flex-start}}.landing-eyebrow{margin:0}.landing-title{font:var(--weight-semibold) var(--text-40) / var(--leading-heading) var(--font-sans);letter-spacing:-.01em;margin:0}.landing-lede{max-width:34em;color:var(--text);font-size:var(--text-18);margin:0}.landing .port-input{max-width:none;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--panel) 88%, transparent)}.landing-step{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--panel) 88%, transparent);flex-direction:column;display:flex}.landing-step h2{font:var(--weight-semibold) var(--text-22) / var(--leading-heading) var(--font-sans);margin:0}.landing-step h2:focus{outline:none}.landing-step h2:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.landing-step-place{color:var(--mint);margin:0}.landing-step-intro,.landing-step-status{color:var(--muted);font-size:var(--text-13);margin:0}.landing-step-status{min-height:1.2em}.landing-step-options{gap:var(--space-2);display:grid}.landing-step-options .ui-button{text-align:left;padding-block:var(--space-2);justify-content:flex-start}.landing-step-options .ui-button span{gap:var(--space-1);flex-direction:column;display:flex}.landing-step-options .ui-button small{color:var(--muted);font-size:var(--text-13)}.landing-step-back{align-self:flex-start}@media (width>=1024px){.landing-step-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-readout{gap:var(--space-2);flex-direction:column;display:flex}.landing-readout-title{margin:0}.landing-tiles{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.landing-tile{box-sizing:border-box;height:100%;padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--panel) 88%, transparent)}.landing .ui-reading{font:var(--weight-semibold) var(--text-18) / var(--leading-heading) var(--font-sans);font-variant-numeric:tabular-nums}.landing .ui-mono{font:var(--weight-regular) var(--text-11) / var(--leading-body) var(--font-sans);font-variant-numeric:tabular-nums}.landing-tile .ui-tile-unit,.landing-tile .ui-tile-detail,.landing-tile .ui-tile-source{font-size:var(--text-11)}.landing-tiles-wait{padding:var(--space-3) 0;grid-column:1/-1}.landing-readout-foot{justify-content:space-between;align-items:center;gap:0 var(--space-4);flex-wrap:wrap;display:flex}.landing-more{min-height:var(--touch-min);color:var(--blue);font-size:var(--text-13);align-items:center;display:inline-flex}.landing-fresh,.landing-fleet{margin:0}.landing-fresh[data-state=stale]{color:var(--amber)}.landing-fleet{color:var(--amber);font-size:var(--text-13)}.landing-dots ul{gap:var(--space-1) var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.landing-dots a{align-items:center;gap:var(--space-2);min-height:var(--touch-min);color:var(--muted);font-size:var(--text-13);text-decoration:none;display:inline-flex}.landing-dots a:hover{color:var(--text)}.landing-dot{border:1px solid var(--depth-0);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--depth-0) 35%, transparent);width:10px;height:10px;box-shadow:0 0 var(--space-2) var(--depth-0)}.landing-dots a:hover .landing-dot,.landing-dots a:focus-visible .landing-dot{background:var(--depth-0)}.landing-foot{gap:var(--space-1);color:var(--muted);font-size:var(--text-13);flex-direction:column;margin-top:auto;display:flex}.landing-foot p{margin:0}.landing-credit{font-size:var(--text-11)}@media (width>=1024px){.landing{padding:var(--space-5) var(--space-7) var(--space-5)}.landing-title{font-size:var(--text-56)}.landing-main{max-width:760px}.landing-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-dots{top:50%;right:var(--space-5);position:fixed;transform:translateY(-50%)}.landing-dots ul{align-items:flex-end;gap:var(--space-1);flex-direction:column}.landing-dots a{flex-direction:row-reverse}.landing-dot-name{right:calc(var(--space-5) + 10px);white-space:nowrap;clip-path:inset(50%);position:absolute}.landing-dots a:hover .landing-dot-name,.landing-dots a:focus-visible .landing-dot-name{clip-path:none;color:var(--text)}.landing-dots a{min-width:var(--touch-min);justify-content:center;position:relative}}.landing-verdict{gap:var(--space-1);flex-direction:column;display:flex}.landing-verdict p{margin:0}.landing-verdict-word{font-weight:var(--weight-semibold);color:var(--text)}.landing-verdict-word[data-verdict=comfortable]{color:var(--mint)}.landing-verdict-word[data-verdict=marginal]{color:var(--amber)}.landing-verdict-word[data-verdict=rough]{color:var(--coral)}.landing-verdict-word[data-verdict=unknown],.landing-verdict-limit,.landing-verdict-note{color:var(--muted)}.landing-verdict-link{min-height:var(--touch-min);align-self:flex-start;align-items:center;display:inline-flex}