:root{--bg:#fafaf9;--fg:#111214;--muted:#5f6368;--line:#e4e4e2;--card:#fff;--accent:#0060d6;--good:#0b7a41;--ok:#8a6d00;--bad:#b3261e;--light:#6b7280;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0c0e;--fg:#ececea;--muted:#9aa0a6;--line:#23252a;--card:#131418;--accent:#4da3ff;--good:#34c77b;--ok:#e0b324;--bad:#ff6b5e;--light:#9aa0a6}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0}body{font-size:16px;line-height:1.45}a{color:var(--accent)}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:.875rem}.shell{max-width:640px;min-height:100dvh;padding:env(safe-area-inset-top) 0 calc(64px + env(safe-area-inset-bottom));margin:0 auto}.top{z-index:2;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));margin-top:calc(-1 * env(safe-area-inset-top));background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand-h{font-size:inherit;margin:0;line-height:1}.brand{letter-spacing:-.02em;color:var(--fg);font-size:1.15rem;font-weight:700;text-decoration:none}.status{color:var(--muted);text-align:right;flex:1;font-size:.8rem}.icon-btn{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.icon-btn:disabled{opacity:.5}main{padding:8px 16px 24px}.btn{background:var(--fg);color:var(--bg);border:1px solid var(--fg);cursor:pointer;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:600}.btn.ghost{color:var(--fg);border-color:var(--line);background:0 0}.btn.small{min-width:44px;padding:6px 12px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:default}.locbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 0;display:flex}.notice{border:1px solid var(--line);border-left:3px solid var(--ok);border-radius:6px;padding:8px 12px;font-size:.9rem}.welcome{padding:16px 0 8px}.welcome h2{margin:12px 0 8px;font-size:1.3rem}.steps{counter-reset:step;gap:8px;margin:20px 0 12px;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px;display:flex}.steps li:before{content:counter(step);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:600;display:grid}.steps li>.btn{margin-left:36px}.step-text{flex:1;gap:2px;min-width:12em;display:grid}.link-btn{min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:underline}.group h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:20px 0 8px;font-size:.8rem;font-weight:600}.spots{gap:8px;margin:0;padding:0;list-style:none;display:grid}.spot{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.spot.r-good{border-left:3px solid var(--good)}.spot.r-offshore{border-left:3px solid var(--bad)}.spot.r-good>.spot-head,.spot.r-offshore>.spot-head,.spot.r-good>.spot-detail,.spot.r-offshore>.spot-detail{padding-left:10px}.spot-head:focus-visible{outline-offset:-2px}.row-btn:focus-visible{outline-offset:-2px}.tab:focus-visible{outline-offset:-2px}.spot-head{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;min-height:64px;padding:12px;display:grid}.spot-main{gap:2px;min-width:0;display:grid}.spot-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.spot-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.spot-next{color:var(--good)}.spot-stale{display:block}.spot-wind{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.speed strong{font-size:1.2rem}.arrow{color:var(--muted)}.badge{text-align:center;white-space:nowrap;border:1px solid;border-radius:999px;min-width:56px;padding:3px 8px;font-size:.75rem;font-weight:600}.b-good{color:var(--good)}.b-ok,.b-light{color:var(--ok)}.b-strong,.b-offshore{color:var(--bad)}.b-poor{color:var(--light)}.spot-detail{border-top:1px solid var(--line);padding:0 12px 12px}.facts{grid-template-columns:6.75em 1fr;gap:4px 12px;margin:12px 0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.facts-row{align-items:flex-start;gap:12px;margin:12px 0;display:flex}.facts-row .facts{flex:1;min-width:0;margin:0}.compass{color:var(--fg);flex:none}.compass-sector{fill:var(--good);fill-opacity:.22;stroke:var(--good);stroke-width:1.5px;stroke-linejoin:round}.compass-ring,.compass-tick{fill:none;stroke:var(--muted);stroke-width:1.5px}.compass-ring.unknown{stroke-dasharray:4 4;opacity:.6}.compass-n{fill:var(--muted);font-size:13px;font-weight:600}.compass-arrow.b-none{color:var(--muted)}.compass-arrow path{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.compass-arrow path.compass-arrow-halo{stroke:var(--card);stroke-width:8px}.hourly{margin:12px 0 0}.hourly figcaption{margin-top:20px}.tick{color:var(--muted);border-left:1px solid var(--line);white-space:nowrap;margin-top:3px;padding-left:2px;font-size:.7rem;line-height:1;position:absolute;top:100%;left:0}.bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:1px;height:72px;display:flex}.bar-col{flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.bar{opacity:.85;background:currentColor;border-radius:1px 1px 0 0;width:100%}.bar.b-poor{opacity:.35}.gust{border-top:2px solid var(--muted);opacity:.6;position:absolute;bottom:0;left:0;right:0}.tabs{background:var(--bg);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.tablist{justify-content:center;display:flex}.tab{max-width:160px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:1;padding:14px 8px;font-size:.85rem}.tab.active{color:var(--fg);box-shadow:inset 0 2px 0 var(--accent);font-weight:600}.panel h2{margin:12px 0;font-size:1.3rem}.panel h3{margin:24px 0 8px;font-size:1rem}fieldset{border:0;margin:0 0 20px;padding:0}legend{margin-bottom:8px;padding:0;font-weight:600}input[type=number],input[type=search]{font:inherit;border:1px solid var(--line);background:var(--card);width:100%;min-height:44px;color:var(--fg);border-radius:8px;padding:8px 10px}.row3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.row3 label{color:var(--muted);gap:4px;font-size:.85rem;display:grid}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg label{cursor:pointer;align-items:center;min-height:44px;padding:8px 14px;display:flex}.seg label.on{background:var(--fg);color:var(--bg)}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.range{align-items:center;gap:12px;display:flex}.range input{accent-color:var(--accent);flex:1}.check{align-items:center;gap:8px;margin-bottom:12px;display:flex}.search{gap:8px;margin:12px 0;display:flex}.list{margin:0 0 12px;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line)}.row{justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.row-actions{flex-shrink:0;gap:8px;display:flex}.row-btn{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:10px 0;display:grid}.caps{padding-left:18px}.caps li{margin-bottom:8px}.ntfy{margin:16px 0 0}.ntfy summary{cursor:pointer;padding:12px 0;font-weight:600}.ntfy-row{flex-wrap:wrap;gap:8px;margin:8px 0 4px;display:flex}.ntfy-topic{word-break:break-all}.ntfy-manual{box-sizing:border-box;width:100%;font:.8rem ui-monospace,monospace}.banner{border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin:4px 0 8px;padding:12px;display:flex}.banner p{margin:0}.banner-actions{gap:8px;display:flex}.skeleton{margin-top:48px}.skeleton .spot{opacity:.55}.actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.actions-btns{flex-wrap:wrap;gap:8px;display:flex}.seg.mode{margin:4px 0 8px;display:flex}.seg.mode button{cursor:pointer;background:0 0;border:0;flex:1;min-height:44px;padding:8px 14px}.seg.mode button.on{background:var(--fg);color:var(--bg);font-weight:600}.seg.mode button:focus-visible{outline-offset:-3px}.map{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#dfe6e9;height:calc(100dvh - 300px);min-height:320px;position:relative;overflow:hidden}.map-tiles{position:absolute;top:0;bottom:0;left:0;right:0}.map-tile{pointer-events:none;-webkit-user-drag:none;max-width:none;position:absolute}.map-radius{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);pointer-events:none;border-radius:50%;position:absolute}.map-user{background:var(--accent);pointer-events:none;border:3px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 1px #00000059}.map-marker{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;display:grid;position:absolute}.map-marker.b-none{color:var(--muted)}.map-pin{background:var(--card);border:2.5px solid;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 4px;font-size:.75rem;font-weight:700;line-height:1;display:grid;box-shadow:0 1px 3px #00000059}.map-marker.sel{z-index:1}.map-marker.sel .map-pin{min-width:32px;height:32px;box-shadow:0 0 0 2px var(--fg), 0 1px 4px #00000073;border-width:4px}.map:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.map-marker:focus-visible{outline-offset:-2px;border-radius:50%}.map-ctrl{border:1px solid var(--line);background:var(--line);z-index:2;border-radius:8px;gap:1px;display:grid;position:absolute;top:8px;right:8px;overflow:hidden}.map-zoom{background:var(--card);cursor:pointer;border:0;width:44px;height:44px;font-size:1.3rem;line-height:1}.map-zoom:disabled{color:var(--muted);cursor:default}.map-zoom:focus-visible{outline-offset:-3px}.map-attr{background:var(--card);z-index:2;border-top-left-radius:6px;margin:0;padding:2px 6px;font-size:.75rem;position:absolute;bottom:0;right:0}.map-card-slot{margin-top:8px}.map-card{gap:10px;padding:12px;display:grid}.map-card-head{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.map-card .btn{min-height:44px}.map-hint{margin:4px 0}.map-cluster .map-pin{min-width:34px;height:34px;color:var(--fg);border-width:3px;font-size:.85rem}.map-cluster.b-good .map-pin{border-color:var(--good)}.map-cluster.b-ok .map-pin,.map-cluster.b-light .map-pin{border-color:var(--ok)}.map-cluster.b-strong .map-pin,.map-cluster.b-offshore .map-pin{border-color:var(--bad)}.map-cluster.b-poor .map-pin,.map-cluster.b-none .map-pin{border-color:var(--light)}.map-marker.fav .map-pin{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--accent), 0 1px 3px #00000059}.map-marker.fav.sel .map-pin{box-shadow:0 0 0 2px var(--fg), 0 0 0 5px var(--accent), 0 1px 4px #00000073}.map-list-title{margin:0}.map-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.map-list-item{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 8px;display:grid}.fav-star{color:var(--accent);margin-right:4px}.fav-btn{min-height:44px}.marine-arrow .arrow{vertical-align:-3px}.row>span>.muted{white-space:nowrap}