*{box-sizing:border-box;margin:0}html,body{height:100%}body{font:14px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;background:#04121f;color:#eef6fa}
.w{display:block;height:100%;padding:12px 14px;color:inherit;text-decoration:none;border:1px solid #1d3a50;border-radius:12px;background:linear-gradient(160deg,#0b2a42,#04121f)}
.t{font-weight:600;font-size:15px}.t span{font-weight:400;color:#8fa8b8;font-size:12px;margin-left:4px}
.r{display:flex;gap:18px;margin:6px 0 2px}.r b{color:#6fe3d2;font-weight:600}.r span{color:#b9cbd6}
svg{display:block;width:100%;height:auto;max-height:90px}.a{font-size:12px;color:#8fa8b8;margin-top:2px}.a.on{color:#ffb86b;font-weight:600}
.f{font-size:11px;color:#8fa8b8;margin-top:4px}.f u{color:#6fe3d2}.w:focus-visible{outline:2px solid #6fe3d2;outline-offset:-3px}
.tide-svg{color:#6fe3d2;margin:4px 0;overflow:visible}.tide-svg .t-scrub{display:none}.tide-svg .t-line{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}.tide-svg .t-area{stroke:none}
.tide-svg .t-grid{stroke:#b9d7e61a;stroke-width:1}.tide-svg text{fill:#8fa8b8;font:10px system-ui,sans-serif}.tide-svg .t-mark{fill:#b9cbd6}.tide-svg .t-hi{fill:#ffd27a}.tide-svg .t-lo{fill:#8fd0ff}
.tide-svg .t-now{stroke:#ffd27a;stroke-width:1.2;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.tide-svg .t-now-dot{fill:#ffd27a;stroke:#04121f;stroke-width:2}