:root{--bg:#f6f9fc;--card:#fff;--fg:#11202e;--muted:#4b5866;--line:#e2e8ef;--sea:#0b7285;--sea-fill:#0b728521;--night:#11202e0f;--high:#d9480f;--low:#1c6fd1;--accent:#e8590c;--good:#2b8a3e;--lv-ok:#2b8a3e;--lv-caution:#e67700;--lv-no:#e03131}@media (prefers-color-scheme:dark){:root{--bg:#0e151d;--card:#16202b;--fg:#e8eef4;--muted:#a9b6c3;--line:#27333f;--sea:#3bc9db;--sea-fill:#3bc9db29;--night:#ffffff0d;--high:#ff8a4c;--low:#74c0fc;--accent:#ffa94d;--good:#69db7c;--lv-ok:#51cf66;--lv-caution:#fcc419;--lv-no:#ff6b6b}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:760px;margin:0 auto;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:16px}.card h2{color:var(--muted);margin:0 0 10px;font-size:15px;font-weight:600}.muted{color:var(--muted);font-size:13px}.row{flex-wrap:wrap;gap:10px;display:flex}.stat{background:var(--bg);border-radius:10px;flex:120px;padding:10px 12px}.stat .k{color:var(--muted);font-size:12px}.stat .v{margin-top:2px;font-size:18px;font-weight:700}.extremes{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.extreme{background:var(--bg);border-left:4px solid var(--line);border-radius:10px;padding:10px 12px}.extreme.high{border-left-color:var(--high)}.extreme.low{border-left-color:var(--low)}.extreme .t{font-size:20px;font-weight:700}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 4px}th:first-child,td:first-child{text-align:left}.badge{background:var(--sea-fill);color:var(--sea);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.good{color:var(--good);background:#2b8a3e24}.stationList{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.stationList a{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;font-weight:600;display:block}.stationList a span{color:var(--muted);margin-top:4px;font-size:12px;font-weight:400;display:block}.dateNav{justify-content:space-between;align-items:center;gap:8px;margin:8px 0 14px;display:flex}.dateNav a{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:6px 12px;font-size:13px}footer{color:var(--muted);padding:20px 0 40px;font-size:12px;line-height:1.6}.areaRow{border-top:1px solid var(--line);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.areaRow:first-of-type{border-top:none}.areaName{flex:0 0 64px;padding-top:6px;font-size:13px;font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:6px 10px;font-size:13px;display:inline-block}.chip:hover{border-color:var(--sea)}.titleRow{align-items:center;gap:8px;display:flex}.favBtn{border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;border-radius:999px;width:34px;height:34px;font-size:18px}.favBtn.on{color:#f59f00;border-color:#f59f00}.subNav{gap:6px;margin:6px 0 10px;display:flex}.subNav a{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 12px;font-size:13px}.subNav a.active{background:var(--sea);border-color:var(--sea);color:#fff}.tabs{gap:6px;margin-bottom:10px;display:flex}.tabs a{border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-size:13px}.tabs a.active{background:var(--sea-fill);border-color:var(--sea);color:var(--sea);font-weight:600}.week td.ex{text-align:left;white-space:normal;line-height:1.6}.week td.ex .exItem{white-space:nowrap;margin-right:10px;display:inline-block}.hi{color:var(--high);font-weight:600}.lo{color:var(--low);font-weight:600}.cal{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal .dow{text-align:center;color:var(--muted);padding:4px 0;font-size:12px}.cal .cell{background:var(--bg);border:1px solid #0000;border-radius:8px;min-height:64px;padding:6px;font-size:12px}.cal .cell.today{border-color:var(--accent)}.cal .cell.spring{background:var(--sea-fill)}.cal .cell.neap{background:#2b8a3e1a}.cal .cell .d{font-size:14px;font-weight:700}.cal .cell .l{color:var(--muted)}.cal .cell .m{margin-top:2px;font-weight:600}.cal a.cell{display:block}.legend{color:var(--muted);gap:12px;margin-top:8px;font-size:12px;display:flex}.legend i{vertical-align:-2px;border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}.nextTide{border-left:5px solid var(--sea)}.nextTide.rising{border-left-color:var(--high)}.nextTide.falling{border-left-color:var(--low)}.nextTideState{margin-bottom:6px}.nextTideMain{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.nextTideLabel{color:var(--muted);font-size:14px}.nextTideTime{letter-spacing:-.5px;font-size:30px;font-weight:800}.btn{border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:13px}.btn:hover{border-color:var(--sea)}.btn:disabled{opacity:.6;cursor:default}.rowBetween{justify-content:space-between;align-items:center;gap:8px;display:flex}.searchBox input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);border-radius:10px;outline:none;padding:10px 12px;font-size:16px}.searchBox input:focus{border-color:var(--sea)}.shareBar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.notice{color:var(--fg);background:#f59f001f;border-radius:8px;margin:8px 0 0;padding:8px 10px;font-size:13px;line-height:1.5}.stat .sub{color:var(--muted);margin-top:2px;font-size:12px}.topBar{z-index:10;background:var(--card);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.2)blur(6px);backdrop-filter:saturate(1.2)blur(6px);position:sticky;top:0}.topBarInner{align-items:center;padding-top:10px;padding-bottom:10px;display:flex}.brand{letter-spacing:-.2px;align-items:center;gap:8px;font-size:15px;font-weight:800;display:inline-flex}.brandMark{background:var(--sea);color:#fff;border-radius:7px;place-items:center;width:24px;height:24px;font-size:15px;display:inline-grid}.regionJump{gap:6px;margin:0 0 12px;display:flex;overflow-x:auto}.regionJump a{background:var(--sea-fill);color:var(--sea);border-radius:999px;flex:none;padding:6px 14px;font-size:13px;font-weight:600}.card[id]{scroll-margin-top:60px}.segRow{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.seg{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:2px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:13px}.seg button.on{background:var(--sea);color:#fff;font-weight:600}.winList{gap:8px;margin:0;padding:0;list-style:none;display:grid}.win{background:var(--bg);border:1px solid #0000;border-radius:10px;padding:10px 12px}.win.next{border-color:var(--accent)}.win.dim{opacity:.55}.winTop{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.winTime{font-size:16px}.stars{color:var(--muted);letter-spacing:1px;margin-left:auto}.stars.good{color:var(--good)}.phase{background:var(--line);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.phase.rising{color:var(--high);background:#d9480f24}.phase.falling{color:var(--low);background:#0b7a7524}.bar{background:var(--line);border-radius:3px;height:6px;margin-bottom:6px;position:relative;overflow:hidden}.bar i{background:var(--sea);border-radius:3px;position:absolute;top:0;bottom:0}.guide summary{cursor:pointer;gap:4px;list-style:none;display:grid}.guide summary::-webkit-details-marker{display:none}.guide summary>span:first-child{font-size:15px;font-weight:700}.guide summary>span:first-child:before{content:"▸ ";color:var(--sea)}.guide[open] summary>span:first-child:before{content:"▾ "}.guide dl{gap:10px;margin:12px 0 8px;display:grid}.guide dt{margin-bottom:2px;font-size:14px;font-weight:700}.guide dd{color:var(--fg);margin:0;font-size:14px;line-height:1.6}.card{box-shadow:0 1px 2px #11202e0a}@media (max-width:480px){.container{padding:12px}.stat .v{font-size:17px}}.simStage{background:#0b2a4a;border-radius:12px;justify-content:center;padding:8px;display:flex}.simStage canvas{aspect-ratio:9/16;background:#0b2a4a;border-radius:8px;width:auto;max-width:100%;height:min(70vh,640px)}.simControls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.btn.primary{background:var(--sea);border-color:var(--sea);color:#fff;font-weight:700}.simChip{cursor:pointer;color:var(--fg);font-family:inherit}.simChip.on{background:var(--sea-fill)}.subNav{flex-wrap:wrap}.simOptions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;font-size:13px;display:flex}.simOptions label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.simOptions input{accent-color:var(--sea);width:16px;height:16px}.dayGrid .col,.homeTop,.regions{display:contents}.dayGrid{flex-direction:column;display:flex}.simPanel{min-width:0}@media (min-width:960px){.container{max-width:1120px;padding:20px 24px}.stationTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.stationTop .subNav{margin:0 0 8px}.dayGrid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:0 16px;display:grid}.dayGrid .col{flex-direction:column;min-width:0;display:flex}.dayGrid .col.side{position:sticky;top:60px}.sim{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:20px;display:grid}.simStage{position:sticky;top:70px}.simStage canvas{width:100%;height:auto;max-height:calc(100vh - 100px)}.simControls,.simOptions{margin-top:0}.simOptions{margin-top:10px}.homeTop{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:14px;display:grid}.homeTop .card{margin-bottom:14px}.regions{grid-template-columns:1fr 1fr;align-items:start;gap:0 14px;display:grid}.areaName{flex-basis:72px}.extremes{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (min-width:1280px){.container{max-width:1240px}.sim{grid-template-columns:440px minmax(0,1fr)}}.tlHead{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.tl{margin:4px 0 2px;position:relative}.tlBar{background:var(--line);border-radius:6px;height:22px;position:relative;overflow:hidden}.tlBar i,.legend i.s0,.legend i.s1,.legend i.s2,.legend i.s3{background:var(--line)}.tlBar i{display:block;position:absolute;top:0;bottom:0}.s3{background:var(--good)!important}.s2{background:var(--sea)!important}.s1{background:#1769c44d!important}.s0{background:repeating-linear-gradient(135deg, var(--line) 0 6px, transparent 6px 12px)!important}.tlNow{background:var(--accent);z-index:1;width:2px;position:absolute;top:-3px;bottom:-3px}.tlTicks{height:16px;color:var(--muted);font-size:11px;position:relative}.tlTicks span{position:absolute;transform:translate(-50%)}.tlTicks span:first-child{transform:none}.tlTicks span:last-child{transform:translate(-100%)}.tlNowText{margin:8px 0 0;font-size:14px}.tlRuns{gap:6px;margin:10px 0 0;font-size:13px;display:grid}.tlRuns div{grid-template-columns:72px 1fr;gap:6px;display:grid}.tlRuns dt{font-weight:700}.tlRuns dd{margin:0;line-height:1.5}.parking{background:var(--bg);border-radius:10px;margin-top:10px;padding:10px 12px}.heat{margin-top:8px;font-size:12px}.heat th,.heat td{text-align:center;border:0;padding:5px 4px}.heat td:first-child,.heat th:first-child{text-align:left;width:40px}.heat td.p1{background:#2b8a3e2e}.heat td.p2{background:#74b81638}.heat td.p3{background:#f59f004d}.heat td.p4{color:#fff;background:#e8590c66}.heat td.p5{color:#fff;background:#c92a2abf;font-weight:700}.tips{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.6}.faqGroup{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.faqGroup summary{cursor:pointer;font-size:14px;font-weight:700}.faqItem{padding:8px 0 4px}.faqItem .q{font-size:14px;font-weight:600}.faqItem .a{margin:2px 0;font-size:14px;line-height:1.6}.koreaMap{width:100%;max-width:420px;height:auto;margin:0 auto;display:block}.koreaMap .land{fill:var(--line);stroke:var(--muted);stroke-width:.8px;stroke-linejoin:round}.koreaMap .dot circle:last-child{stroke:var(--card);stroke-width:1.5px;transition:r .1s}.koreaMap .dot:hover circle:last-child,.koreaMap .dot:focus circle:last-child{r:7}.koreaMap .seaName{fill:var(--muted);font-size:13px;font-weight:600}.homeBody,.homeRegions{display:contents}@media (min-width:960px){.homeBody{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:14px;display:grid}.homeRegions{min-width:0;display:block}.mapCard{position:sticky;top:60px}.regions{grid-template-columns:1fr 1fr}}.koreaMap .dotLabel{fill:var(--fg);paint-order:stroke;stroke:var(--card);stroke-width:4px;stroke-linejoin:round;opacity:0;pointer-events:none;font-size:12px;font-weight:700;transition:opacity .1s}.koreaMap .dot:hover .dotLabel,.koreaMap .dot:focus .dotLabel{opacity:1}.summaryStrip{flex-wrap:wrap;gap:6px;margin:-4px 0 12px;display:flex}.summaryStrip .chip{background:var(--card);flex:none;font-weight:600}.summaryStrip .chip.good{color:var(--good);background:#2b8a3e1f;border-color:#0000}.summaryStrip .chip.warn{background:#f59f0024;border-color:#0000}.subNav{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.subNav::-webkit-scrollbar{display:none}.subNav a{flex:none}.skel{overflow:hidden}.skelLine{background:linear-gradient(90deg, var(--line) 25%, var(--bg) 50%, var(--line) 75%);background-size:200% 100%;border-radius:7px;height:14px;margin:10px 0;animation:1.2s infinite shimmer}.skelLine.w40{width:40%}.skelLine.w70{width:70%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.brandFoot{color:var(--fg);margin-top:6px;font-weight:700;display:inline-block}.chip.simChip.on,.chips .chip.on{background:var(--sea);border-color:var(--sea);color:#fff}.chips .chip.on .muted{color:#fffc}.card h2{align-items:center;gap:6px;display:flex}@media (min-width:960px){.subNav{flex-wrap:wrap}}.simStage{position:relative}.simStage:has(canvas:not([data-ready])):after{content:"불러오는 중… 잠시만요";color:#ffffffd9;pointer-events:none;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.tripBox{background:var(--bg);border-radius:10px;gap:6px;margin-bottom:10px;padding:10px 12px;display:grid}.tripBox label{grid-template-columns:90px 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.tripBox input[type=range]{width:100%;accent-color:var(--sea)}.topBarInner{justify-content:space-between}.topNav{gap:6px;display:flex}.topNav a{background:var(--sea-fill);color:var(--sea);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dateNav a{align-items:center;min-height:36px;display:inline-flex}.btn,.chip,.seg button,.subNav a,.tabs a{align-items:center;gap:4px;min-height:32px;display:inline-flex}.chip{line-height:1.2}.card+.card{margin-top:0}table th{color:var(--muted);font-weight:600}.extreme{transition:transform .1s}.nextTideTime{font-variant-numeric:tabular-nums}.simPanel .chips .chip{padding:6px 12px}@media (max-width:480px){.topNav a{padding:5px 10px;font-size:12px}.titleRow h1{font-size:22px!important}.simStage canvas{height:min(72vh,620px)}}:root{--go-ok:#2b8a3e;--go-caution:#e67700;--go-no:#d9480f}@media (prefers-color-scheme:dark){:root{--go-ok:#69db7c;--go-caution:#ffa94d;--go-no:#ff6b6b}}.goStrip{grid-template-columns:repeat(7,1fr);gap:4px;margin:4px 0 8px;display:grid}.goDay{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 2px 6px;font-size:12px;line-height:1.2;text-decoration:none;display:flex}.goDay.today{border-color:var(--sea)}.goWd{font-weight:700}.goWd.sat{color:var(--sea)}.goWd.sun{color:var(--high)}.goDate{color:var(--muted);font-size:11px}.goLight{background:var(--line);border-radius:50%;width:22px;height:22px;margin:4px 0 2px;box-shadow:inset 0 -2px #0000001f}.goDay.ok .goLight{background:var(--go-ok)}.goDay.caution .goLight{background:var(--go-caution)}.goDay.no .goLight{background:var(--go-no)}.goProb{font-size:14px;font-weight:800}.goDay.ok .goProb{color:var(--go-ok)}.goDay.caution .goProb{color:var(--go-caution)}.goDay.no .goProb{color:var(--go-no)}.goSub{color:var(--muted);text-align:center;font-size:10.5px}.goSentence{margin:6px 0 0;font-size:14px;line-height:1.6}.goTag{border-radius:999px;margin-right:4px;padding:2px 8px;font-size:13px;display:inline-block}.goTag.ok{color:var(--go-ok);background:#2b8a3e24}.goTag.caution{color:var(--go-caution);background:#e6770024}.goTag.no{color:var(--go-no);background:#d9480f24}.goDetail{border-left:4px solid var(--line)}.goDetail.ok{border-left-color:var(--go-ok)}.goDetail.caution{border-left-color:var(--go-caution)}.goDetail.no{border-left-color:var(--go-no)}.goDetail h2{margin-bottom:2px}.goTable{margin-top:8px;font-size:13px}.goTable td,.goTable th{text-align:center;white-space:nowrap}.goTable .goEns td{border-top:2px solid var(--line);white-space:normal;text-align:left}.goTable .goEns td:first-child{text-align:left}.goTable .goEns td:last-child{text-align:center;font-weight:700}@media (max-width:480px){.goSub{display:none}}.catchForm fieldset{border:none;margin:0 0 10px;padding:0}.catchForm legend{margin-bottom:6px;padding:0;font-size:14px;font-weight:700}.stepNo{text-align:center;background:var(--sea);color:#fff;border-radius:50%;width:20px;height:20px;margin-right:4px;font-size:12px;line-height:20px;display:inline-block}.catchForm .chip{cursor:pointer;font:inherit;font-size:14px}.catchForm .chip.muted{color:var(--muted)}.catchNote{margin:4px 0 10px;font-size:12px;display:block}.catchNote input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:10px;margin-top:4px;padding:9px 10px;font-size:14px;display:block}.catchErr{color:var(--high);margin:0 0 8px;font-size:13px}.catchDone{text-align:center;background:#2b8a3e1a;border-radius:10px;padding:12px}.catchDone p{margin:4px 0 10px}.catchDetails{margin-top:10px}.catchDetails>summary{cursor:pointer;list-style:none;display:inline-block}.catchDetails>summary::-webkit-details-marker{display:none}.catchDetails[open]>summary{margin-bottom:10px}.catchList{margin:0;padding:0;list-style:none}.catchList li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:7px 0;font-size:14px;display:flex}.catchList li:last-child{border-bottom:none}.catchWhen{color:var(--muted);min-width:44px;font-size:12px}.catchSp{font-weight:600}.catchBucket{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.catchList li.b-many .catchBucket{color:var(--high);background:#d9480f24;border-color:#0000}.catchList li.b-some .catchBucket{color:var(--good);background:#2b8a3e24;border-color:#0000}.catchList li.b-zero .catchBucket{color:var(--muted)}.catchNoteText{flex-basis:100%;font-size:13px}.chip.hot.on{color:var(--high);background:#d9480f24;border-color:#0000}.catchSummary{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.catchSummary .stat.hot{border-left:3px solid var(--high)}.chip.hot.on .muted{color:inherit;opacity:.75}.sstHead{flex-wrap:wrap;align-items:flex-end;gap:6px 18px;margin-bottom:6px;display:flex}.sstNow{flex-direction:column;line-height:1.1;display:flex}.sstBig{color:var(--sea);font-size:34px;font-weight:800}.sstDeltas{color:var(--muted);flex-direction:column;gap:2px;font-size:13px;display:flex}.sstDeltas strong{color:var(--fg)}.sstChart{width:100%;height:auto;display:block}.sstChart .grid{stroke:var(--line);stroke-width:1px}.sstChart .tick{fill:var(--muted);font-size:9px}.sstChart .fcArea{fill:var(--night)}.sstChart .band{fill:var(--sea-fill);stroke:none}.sstChart .past{fill:none;stroke:var(--sea);stroke-width:2px;stroke-linejoin:round}.sstChart .fc{fill:none;stroke:var(--sea);stroke-width:2px;stroke-dasharray:4 3}.sstChart .lastYear{fill:none;stroke:var(--muted);stroke-width:1.2px;stroke-dasharray:2 3;opacity:.8}.sstChart .todayLine{stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 2}.sstChart .todayDot{fill:var(--accent)}.sstLegend{flex-wrap:wrap;gap:4px 12px;margin:2px 0 8px;font-size:11px;display:flex}.sstLegend .lg:before{content:"";border-top:2px solid var(--sea);vertical-align:middle;width:16px;height:0;margin-right:4px;display:inline-block}.sstLegend .lg.fc:before{border-top-style:dashed}.sstLegend .lg.ly:before{border-top:2px dotted var(--muted)}.sstLegend .lg.band:before{background:var(--sea-fill);border:none;height:8px}.sstSpecies{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.sstSpecies li{background:var(--bg);border-left:3px solid var(--line);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.sstSpecies li .sp{flex:1;font-weight:600}.sstSpecies li .rg{font-size:12px}.sstSpecies li .st{font-size:12px;font-weight:700}.sstSpecies li.good{border-left-color:var(--good)}.sstSpecies li.good .st{color:var(--good)}.sstSpecies li.cold{border-left-color:var(--sea)}.sstSpecies li.cold .st{color:var(--sea)}.sstSpecies li.warm{border-left-color:var(--high)}.sstSpecies li.warm .st{color:var(--high)}.countChip{cursor:text;gap:4px}.countChip input{border:1px solid var(--line);background:var(--card);width:48px;color:var(--fg);font:inherit;text-align:center;border-radius:6px;padding:2px 6px}.countChip:focus-within{border-color:var(--sea)}.costGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 10px;display:grid}.costItem{background:var(--bg);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.costItem small{font-size:11px;display:block}.costInput{align-items:center;gap:4px;display:inline-flex}.costInput input{border:1px solid var(--line);background:var(--card);width:58px;color:var(--fg);font:inherit;text-align:right;border-radius:8px;padding:6px 8px;font-size:14px}.shareToggle{align-items:flex-start;gap:8px;margin:2px 0 10px;font-size:13px;display:flex}.shareToggle input{margin-top:3px}.chip.fail{color:var(--high);background:#d9480f1a;border-color:#0000}.tripCard{text-align:left}.tripHead{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.tripStation{font-size:18px;font-weight:800}.tripStats,.tripYear{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.tripStats .stat .v{font-size:16px}.spinBox{background:var(--sea-fill);border-radius:10px;margin-top:10px;padding:10px 12px}.spinTitle{margin-bottom:4px;font-size:14px;font-weight:700}.spinBox ul{margin:0;padding-left:18px;font-size:14px;line-height:1.5}.spinBox li+li{margin-top:4px}.tripList{margin:0;padding:0;list-style:none}.tripList li{border-bottom:1px solid var(--line);padding:8px 0}.tripList li:last-child{border-bottom:none}.tripRowMain{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:14px;display:flex}.tripRowActions{margin-top:6px}.tripRowActions .btn{min-height:28px;padding:2px 10px;font-size:12px}.btn.danger{color:var(--high);border-color:var(--high)}.addTrip{flex-direction:column;gap:4px;font-size:13px;display:flex}.addTrip select{border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;border-radius:10px;max-width:100%;padding:8px 10px;font-size:14px}.addTrip.compact select{padding:5px 8px;font-size:13px}.muted.light{font-size:13px;font-weight:400}.bigForm{font-size:16px}.bigForm fieldset{margin-bottom:16px}.bigForm legend{margin-bottom:8px;font-size:17px}.bigForm .chips{gap:8px}.bigForm .chip{border-width:1.5px;min-height:44px;padding:9px 14px;font-size:16px}.bigForm .chip .muted{font-size:13px}.bigForm .countChip input{width:56px;padding:4px 6px;font-size:18px}.bigForm .countChip.wide input{width:90px}.bigForm .hint{margin:6px 0 0;font-size:13px}.bigForm .catchNote input{padding:11px 12px;font-size:17px}.bigForm .shareToggle{margin:4px 0 14px;font-size:15px}.bigForm .shareToggle input{width:20px;height:20px}.btn.big{min-height:48px;padding:8px 18px;font-size:16px}.btn.full{justify-content:center;width:100%;min-height:54px;font-size:18px}.shareGrid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.shareGrid .btn{justify-content:center}.shareGrid .btn.primary{grid-column:1/-1}.shareMsg{text-align:center;grid-column:1/-1;font-size:13px}.spinBox li{font-size:15px}.ttLayout{flex-direction:column;display:flex}.ttMain{min-width:0}.ttCard{padding:14px 0 10px}.ttHead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:4px 16px;padding:0 14px;display:flex}.card h2.ttTitle{color:var(--fg);margin:0 0 6px;font-size:19px;font-weight:700}.ttMeta{margin:0 0 8px;font-size:12px;line-height:1.5}.ttScroll{-webkit-overflow-scrolling:touch;overflow-x:auto}table.tt{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.tt th{text-align:center;color:var(--muted);border-bottom:2px solid var(--line);white-space:nowrap;padding:6px 6px 8px;font-size:13px;font-weight:600}.tt td{border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;white-space:nowrap;padding:8px 6px}.tt tr.today td{background:color-mix(in srgb, var(--sea-fill) 55%, transparent)}.tt tr>td:first-child{box-shadow:inset 5px 0 0 var(--lv,transparent)}.tt tr.lv-ok{--lv:var(--lv-ok)}.tt tr.lv-caution{--lv:var(--lv-caution)}.tt tr.lv-no{--lv:var(--lv-no)}.ttLegend{flex-wrap:wrap;align-items:center;gap:4px 14px;padding:0 14px 8px;font-size:13px;display:flex}.ttLegend span{align-items:center;gap:5px;display:inline-flex}.ttLegend i.lv{background:var(--lv-ok);border-radius:3px;width:10px;height:10px}.ttLegend i.lv.caution{background:var(--lv-caution)}.ttLegend i.lv.no{background:var(--lv-no)}.ttLegendNote{font-size:12px}.lvPill{color:#fff;background:var(--lv-ok);border-radius:999px;min-width:44px;padding:2px 8px;font-size:13px;font-weight:700;line-height:1.5;display:inline-block}.lvPill.caution{background:var(--lv-caution);color:#1d1300}.lvPill.no{background:var(--lv-no)}.ttSea{line-height:1.35}.ttSea .wxPair{justify-content:center;margin-top:3px;display:flex}.ttSeaNum{margin-top:2px;font-size:12px}.ttSeaNone{font-size:12px}.ttMulTop{justify-content:center;align-items:center;gap:5px;display:flex}.ttMulTop .opt{display:inline-flex}.ttRange{font-size:12px}.tideSpark{margin:3px auto 0;display:block}.tsFill{fill:var(--sea-fill)}.tsLine{fill:none;stroke:var(--sea);stroke-width:1.6px}.tsHi{fill:var(--high)}.tsLo{fill:var(--low)}.tt .ttDate{background:var(--bg);font-size:14px}.tt .ttDate b{font-size:16px}.tt .ttDate .muted{margin:0;font-size:12px}.tt .sun{color:#e03131}.tt .sat{color:var(--low)}.tt .ttMul b{font-size:15px}.ttExCol{text-align:left!important}.ttEx{line-height:1.55}.ttTime{font-weight:700}.ttH{color:var(--muted);font-size:13px}.ttTwo{font-size:13px;line-height:1.5}.wxPair{gap:2px;font-size:18px;display:inline-flex}.ttNote{margin:0;padding:8px 14px 0;font-size:12px;line-height:1.6}.tt.sea{max-width:760px}.tt.sea tr.dayStart td{border-top:1px solid var(--line)}.moonDark{fill:color-mix(in srgb, var(--muted) 25%, var(--card))}.moonLit{fill:#f2c94c}.moonRim{stroke:color-mix(in srgb, var(--muted) 60%, transparent);stroke-width:1px}.portSide{background:var(--card);border:1px solid var(--line);border-radius:14px;order:2;margin-bottom:14px;padding:12px}.portSideTitle{margin:0 0 8px;font-size:15px;font-weight:700}.portRegions{gap:4px;margin-bottom:8px;display:flex}.portRegions a{text-align:center;border:1px solid var(--line);background:var(--card);border-radius:8px;flex:1;padding:7px 0;font-size:14px}.portRegions a.active{background:var(--sea);border-color:var(--sea);color:#fff;font-weight:700}.portArea{border-bottom:1px solid var(--line)}.portArea summary{cursor:pointer;padding:10px 6px;font-size:15px;font-weight:700}.portArea summary .muted{margin:0;font-size:12px;font-weight:400}.portArea ul{margin:0 0 6px;padding:0;list-style:none}.portArea li a{border-radius:6px;padding:7px 14px;font-size:14px;display:block}.portArea li a:hover{background:var(--sea-fill)}.portArea li a.active{color:var(--accent);font-weight:700;text-decoration:underline}@media (max-width:720px){.tt .opt,.ttRange,.ttSeaNum,.ttLegendNote{display:none}.tideSpark{width:58px;height:18px}.tt .ttTime{font-size:14px}.tt .ttH{font-size:12px}.tt .lvPill{min-width:0;padding:1px 7px;font-size:12px}.tt .ttSeaNone{font-size:11px}.tt .ttDate b{font-size:15px}.tt th,.tt td{padding:7px 3px}.ttEx+.ttEx{margin-top:4px}.wxPair{flex-direction:column;gap:0;font-size:16px}}@media (min-width:960px){.ttLayout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:18px;display:grid}.portSide{order:0;max-height:calc(100vh - 24px);position:sticky;top:12px;overflow-y:auto}}.wwCard{padding:0 0 10px;overflow:hidden}.wwToggles{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 12px;display:flex}.wwToggle{align-items:center;gap:0;font-size:14px;display:inline-flex}.wwToggle>span{color:var(--muted);margin-right:8px}.wwToggle a{border:1px solid var(--line);background:var(--bg);color:var(--muted);padding:7px 16px;font-weight:600}.wwToggle a:first-of-type{border-radius:8px 0 0 8px}.wwToggle a:last-of-type{border-left:0;border-radius:0 8px 8px 0}.wwToggle a.on{background:var(--sea);border-color:var(--sea);color:#fff}table.ww{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.ww .wwDay th{background:var(--sea-fill);color:var(--fg);text-align:left;padding:9px 12px;font-size:17px;font-weight:600}.ww .wwDay th.wwMinMax{text-align:right;font-size:15px}.ww .lo2{color:var(--low)}.ww .hi2{color:var(--lv-no)}.ww .sun{color:#b91c1c}.ww .sat{color:var(--low)}.ww .wwCols td{color:var(--muted);text-align:center;border-bottom:1px solid var(--line);padding:6px 2px;font-size:12px}.ww td{border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;padding:8px 2px}.wwTime{white-space:nowrap;width:42px;font-size:15px}.ww td.wwTime{padding-left:9px}.wwDir{width:56px}.wwDir span{white-space:nowrap;font-size:13px;display:block}.wwSpeed b{white-space:nowrap;font-size:18px;display:block}.wwSpeed span{color:var(--muted);white-space:nowrap;font-size:12px}.wwSpeed b.danger,.wwWave b.danger{color:#dc2626}.wwWx{width:40px;font-size:26px}.wwTemp{width:44px;font-size:17px}.wwTemp span{color:var(--sea);font-size:11px;display:block}.wwWave{white-space:nowrap}.wwWave>svg{vertical-align:middle}.wwWave>span{vertical-align:middle;text-align:right;margin-left:2px;display:inline-block}.wwWave b{font-size:17px;display:block}.wwWave span span{color:var(--muted);font-size:12px}.wwSim{width:46px}.wwSim a{color:var(--sea);border:1px solid var(--sea);background:var(--sea-fill);border-radius:10px;flex-direction:column;align-items:center;padding:4px 4px 3px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.wwSim a span{font-size:18px}.dirArrow.wind.calm path{fill:#4f6bed}.dirArrow.wind.mild path{fill:#eab308}.dirArrow.wind.strong path{fill:#f97316}.dirArrow.wind.danger path{fill:#dc2626}.dirArrow.wave path{fill:#1fa5a5}.wwNote{margin:0;padding:10px 12px 0;font-size:12px;line-height:1.6}@media (min-width:720px){.ww td{padding:10px 6px}.wwSpeed b{font-size:20px}.wwSim a{flex-direction:row;gap:4px;padding:6px 10px;font-size:13px}.wwSim{width:96px}}.legal{margin-top:8px;font-size:15px;line-height:1.75}.legal h1{margin:4px 0 2px;font-size:22px}.card.legal h2{color:var(--fg);margin:22px 0 6px;font-size:16px}.legal ul{margin:6px 0;padding-left:20px}.legal li{margin-bottom:6px}.legal a{color:var(--sea);text-decoration:underline}footer a{text-decoration:underline}.refLink{color:#0b2340;text-align:center;word-break:break-all;background:#ffd43b;border-radius:12px;margin:4px 0 8px;padding:12px 14px;font-size:22px;font-weight:800}.refStats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.refStats div{background:var(--bg);text-align:center;border-radius:10px;padding:10px}.refStats span{color:var(--muted);font-size:13px;display:block}.refStats b{font-size:22px}.refBoard{margin:0 0 8px;padding:0;list-style:none}.refBoard li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 6px;font-size:16px;display:flex}.refBoard li.me{background:var(--sea-fill);border-radius:8px}.refBoard .rank{background:var(--line);border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:inline-grid}.refBoard li:first-child .rank{background:#ffd43b}.refBoard li:nth-child(2) .rank{background:#ced4da}.refBoard li:nth-child(3) .rank{background:#e8a87c}.refBoard .who{flex:1;font-family:ui-monospace,monospace}.refHint{text-align:center;margin:12px 0 0}.refHint a{color:var(--sea);font-weight:700}body{word-break:keep-all;overflow-wrap:anywhere;font-size:16px;line-height:1.55}.muted{font-size:14px}.card h2{color:var(--fg);font-size:17px;font-weight:700}.chip{min-height:40px;padding:8px 14px;font-size:15px}.btn{border-radius:10px;min-height:42px;padding:9px 14px;font-size:15px}.subNav a{min-height:40px;font-size:15px}.areaName{flex-basis:72px;padding-top:9px;font-size:15px;font-weight:700}.areaRow{padding:10px 0}.regionJump a{padding:9px 18px;font-size:15px}.searchBox input{border-width:2px;border-radius:12px;padding:14px 16px;font-size:18px}.brand{font-size:17px}.topNav{align-items:center}.topNav a{padding:8px 12px;font-size:14px}footer{color:var(--muted);font-size:13px}.fsBtn{font:inherit;border:2px solid var(--sea);background:var(--card);color:var(--sea);cursor:pointer;border-radius:999px;align-items:center;gap:4px;min-height:38px;padding:7px 12px;font-size:14px;font-weight:700;display:inline-flex}.fsIcon{font-size:12px;line-height:1}.fsIcon b{font-size:17px}html[data-fs="1"] body>.container{zoom:1.15}html[data-fs="2"] body>.container{zoom:1.3}html[data-fs="3"] body>.container{zoom:1.5}html[data-fs="4"] body>.container{zoom:1.7}@media (max-width:380px){html[data-fs="1"] body>.container{zoom:1.1}html[data-fs="2"] body>.container{zoom:1.2}html[data-fs="3"] body>.container{zoom:1.35}html[data-fs="4"] body>.container{zoom:1.5}}.brand,.topNav a,.fsBtn{white-space:nowrap}.wwCard,.ttCard{container-type:inline-size}.wwWxTemp{display:none}@container (max-width:360px){.ww .wwTemp,.ww .wwCols td:nth-child(5){display:none}.wwWxTemp{font-size:14px;line-height:1.2;display:block}.wwWx{font-size:22px}.wwSim{width:36px}.wwSim a .wwSimText{display:none}.wwSim a{padding:6px 4px}.wwSpeed b{font-size:16px}.wwDir span{font-size:12px}.ww .wwDay th{padding:8px;font-size:15px}.tt .ttH,.tt .ttThLong,.tt th .hi,.tt th .lo{display:none}.tt .tideSpark{width:46px;height:15px}.tt th,.tt td{padding-left:2px;padding-right:2px}.wwUnit,.wwWord{display:none}.ww td{padding-left:1px;padding-right:1px}.wwDir{width:46px}.wwTime{width:32px;font-size:14px}}.wwUnit,.wwWord{font-style:normal}.homeHero h1{letter-spacing:-.5px;margin:0 0 6px;font-size:28px;line-height:1.25}.homeHero p{color:var(--muted);margin:0;font-size:16px}.nearby .btn.big{font-size:18px}.homeFeatures{margin:0 0 16px}.homeFeaturesFor{color:var(--muted);margin:0 0 8px;font-size:15px}.homeFeaturesFor b{color:var(--fg)}.featureGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.featureTile{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:2px;min-height:112px;padding:16px 14px;display:flex}.featureTile:hover{border-color:var(--sea)}.featureIcon{margin-bottom:4px;font-size:30px;line-height:1.1}.featureTile b{font-size:18px}.featureTile span:last-child{color:var(--muted);font-size:14px}.homeSection{margin:4px 0 10px;font-size:19px}.regionCard h2{font-size:19px}@media (min-width:720px){.featureGrid{grid-template-columns:repeat(4,1fr)}.homeHero h1{font-size:34px}}@media (max-width:380px){.topNav a{padding:7px 9px}.fsBtn{padding:6px 9px}.brand{font-size:15px}}.wwSim a span.wwSimText{font-size:inherit}.minorDots{fill:none;stroke:var(--muted);stroke-width:3px;stroke-linecap:round;opacity:.45}.areaCount{color:var(--muted);font-size:12px;font-weight:400;display:block}.areaPorts{flex:1;min-width:0}.moreBox{margin-top:6px}.moreBox summary{cursor:pointer;color:var(--sea);padding:6px 0;font-size:15px;font-weight:700;list-style:none}.moreBox summary::-webkit-details-marker{display:none}.moreBox[open] summary{margin-bottom:6px}.chips.small .chip{min-height:36px;padding:6px 11px;font-size:14px}.moreLink{color:var(--sea);margin-top:8px;padding:4px 0;font-size:15px;font-weight:700;display:inline-block}.portAreaLink{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 6px;font-size:15px;font-weight:700;display:flex}.portAreaLink .muted{font-size:12px;font-weight:400}.ww tr>td:first-child{box-shadow:inset 5px 0 0 var(--lv,transparent)}.ww tr.lv-ok,.wwNow.lv-ok,.wwDayChip.lv-ok{--lv:var(--lv-ok)}.ww tr.lv-caution,.wwNow.lv-caution,.wwDayChip.lv-caution{--lv:var(--lv-caution)}.ww tr.lv-no,.wwNow.lv-no,.wwDayChip.lv-no{--lv:var(--lv-no)}.ww .wwDay th .lvPill{vertical-align:1px;margin-left:8px;font-size:13px}.wwNow{border-left:8px solid var(--lv,var(--line));background:color-mix(in srgb, var(--lv,var(--line)) 10%, var(--card));border-radius:14px;margin:0 0 10px;padding:12px 14px}.wwNowHead{align-items:center;gap:10px;font-size:16px;display:flex}.lvPill.big{padding:3px 16px;font-size:20px}.wwNowNum{margin-top:6px;font-size:17px}.wwDays{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:0 0 12px;display:grid}.wwDayChip{border:1px solid var(--line);border-top:5px solid var(--lv,var(--line));color:var(--fg);border-radius:10px;flex-direction:column;align-items:center;padding:6px 2px;font-size:12px;line-height:1.35;text-decoration:none;display:flex}.wwDayChip>span{white-space:nowrap}.wwDayChip b{color:var(--lv,var(--muted));font-size:15px}.wwDayChip .sun{color:#e03131}.wwDayChip .sat{color:var(--low)}.homeHero h1{font-size:24px}.homeHero p{margin:0}.homeToday.card{border-left:8px solid var(--lv,var(--sea))}.homeToday.lv-ok{--lv:var(--lv-ok)}.homeToday.lv-caution{--lv:var(--lv-caution)}.homeToday.lv-no{--lv:var(--lv-no)}.homeToday.empty{gap:0;display:grid}.chip.big{padding:9px 16px;font-size:17px}.htHead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.htName{color:var(--fg);font-size:24px;font-weight:800;text-decoration:none}.htLoading{margin:14px 0}.htNow{margin:12px 0 8px;font-size:20px;line-height:1.45}.htTrend{color:#fff;vertical-align:3px;border-radius:999px;margin-right:8px;padding:1px 10px;font-size:16px;font-weight:700;display:inline-block}.htTrend.up{background:var(--high)}.htTrend.down{background:var(--low)}.htRow{flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:17px;display:flex}.htMul b{font-size:19px}.htSea .lvPill{margin-left:4px;font-size:15px}.htTides{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:16px;display:flex}.htTides .past{opacity:.45}.htTides i{font-size:14px;font-style:normal}.htTides i.hi{color:var(--high)}.htTides i.lo{color:var(--low)}.htLinks{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.htLinks .btn{text-align:center;justify-content:center;padding:10px 4px;font-size:15px}.htOthers{margin-top:12px}@media (max-width:560px){.htLinks{grid-template-columns:repeat(2,minmax(0,1fr))}}.homeDuo{gap:0 16px;display:grid}@media (min-width:900px){.homeDuo{grid-template-columns:1.2fr 1fr;align-items:start}}.homeSea h2 .muted,.homeAreas h3 .muted{font-size:14px;font-weight:400}.hsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:560px){.hsGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.hsRegion{background:var(--bg);border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:flex}.hsRegion>b{margin-bottom:2px;font-size:17px}.hsPort{color:var(--fg);justify-content:space-between;align-items:center;gap:6px;padding:3px 0;font-size:16px;text-decoration:none;display:flex}.hsPort .lvPill{min-width:0;font-size:13px}.hsNote{margin:10px 0 0;font-size:13px;line-height:1.55}.hwGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.hwDay{border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:8px 2px;font-size:13px;line-height:1.35;display:flex}.hwDay b{white-space:nowrap;font-size:17px}.hwDay small{color:var(--muted);white-space:nowrap;font-size:11px}.hwDay em{border-radius:999px;margin-top:2px;padding:0 6px;font-size:12px;font-style:normal;font-weight:700}.hwDay.spring{background:color-mix(in srgb, var(--high) 10%, var(--card))}.hwDay.spring em{color:var(--high)}.hwDay.neap em{color:var(--low)}.hwDay.today{border:2px solid var(--sea)}.hwDay .sun{color:#e03131}.hwDay .sat{color:var(--low)}.homeAreas h3{margin:14px 0 8px;font-size:18px}.homeAreas h3:first-of-type{margin-top:4px}.homeGuide a{color:var(--fg);flex-direction:column;gap:4px;font-size:18px;text-decoration:none;display:flex}.homeGuide a .muted{font-size:14px}.guide h1{margin:0 0 8px;font-size:26px}.guide h2{margin:22px 0 8px;font-size:20px}.guide .lead{font-size:18px;line-height:1.6}.guide li{margin-bottom:6px;font-size:17px;line-height:1.65}.guide p{font-size:17px;line-height:1.65}.guideTable td{white-space:normal}@media (max-width:899px){.homeBody{flex-direction:column;display:flex}.homeBody .homeAreas{order:-1}}.htNow .muted{font-size:16px}.brand{letter-spacing:-.5px;font-size:21px}.brandTag{color:var(--muted);letter-spacing:0;margin-left:2px;font-size:13px;font-weight:500}@media (max-width:520px){.brandTag{display:none}}.h1Kind{font-weight:700}.h1Area{font-size:14px;font-weight:400;text-decoration:none}.nearbyPorts h2{font-size:18px}.daySummary{margin:0 0 12px;font-size:17px;line-height:1.6}.searchBox.card{box-shadow:none;background:0 0;border:0;margin-bottom:14px;padding:0}.searchBox input{background:var(--card);border:2px solid var(--sea);padding:15px 16px;font-size:18px}.homeHero{margin:4px 0 12px}.homeHero h1{margin-bottom:4px;font-size:23px}.homeHero p{font-size:15px}.htNow{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:12px 0 10px;font-size:19px;display:flex}.htNow b{font-size:23px}.htTrend{vertical-align:0;margin-right:0}.htWind{color:var(--muted);margin:6px 0 0;font-size:16px}.htTides{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}@media (min-width:640px){.htTides{grid-template-columns:repeat(4,minmax(0,1fr))}}.htTide{background:var(--bg);border-left:5px solid var(--high);border-radius:12px;flex-direction:column;padding:8px 12px;line-height:1.3;display:flex}.htTide.lo{border-left-color:var(--low)}.htTide b{font-variant-numeric:tabular-nums;font-size:22px}.htTideK,.htTideH{color:var(--muted);font-size:14px}.htTide.past{opacity:.6}.hsPort .lvPill{padding:2px 10px;font-size:15px}.hsPort{padding:4px 0;font-size:17px}.hwGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hwDay{padding:10px 4px;font-size:14px}.hwDay b{font-size:20px}.hwDay small,.hwDay em{font-size:13px}.hsNote{font-size:14px}.calloutCard{padding:16px 12px 10px}.calloutHead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding:0 6px 4px;display:flex}.calloutHead h2{letter-spacing:-.4px;margin:0;font-size:20px}.calloutHead .muted{font-size:13px}.calloutMap{width:100%;max-width:470px;height:auto;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,sans-serif;display:block}.landTop{stop-color:#eef2f5}.landBottom{stop-color:#e3e9ee}.cmLand{stroke:#d3dbe2;stroke-width:1px}.cmMinor{stroke:#c3ccd5;stroke-width:2.2px;stroke-linecap:round}.cmLine{fill:none;stroke:#b8c3cd;stroke-width:1px}.cmHalo{fill:var(--sea);opacity:.14}.cmDot{fill:var(--sea);stroke:#fff;stroke-width:1.4px}.cmPill{fill:var(--card);stroke:#11202e1a;stroke-width:1px;filter:drop-shadow(0 1px 1.5px #11202e14);transition:stroke .15s,fill .15s}.cmText{fill:var(--fg);letter-spacing:-.3px;font-size:14px;font-weight:650}.cmTextSub{fill:var(--muted);font-weight:450}@media (hover:hover){.cmItem:hover .cmPill{stroke:var(--sea);fill:color-mix(in srgb, var(--sea) 8%, var(--card))}.cmItem:hover .cmLine{stroke:var(--sea)}.cmItem:hover .cmHalo{opacity:.3}}.cmItem:focus-visible .cmPill{stroke:var(--sea)}@media (prefers-color-scheme:dark){.landTop{stop-color:#24313d}.landBottom{stop-color:#1d2832}.cmLand{stroke:#33424f}.cmMinor{stroke:#3b4a57}.cmLine{stroke:#4a5a68}.cmPill{stroke:#ffffff1f}.cmDot{stroke:#16202b}}.homeBodyOne{display:block}html{-moz-text-size-adjust:100%;text-size-adjust:100%}.wwCard{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:400px){.ww td{padding-left:1px;padding-right:1px}.wwSim{width:40px}.wwSim a{padding:5px 3px}.wwSpeed b,.wwWave b{font-size:16px}}.fsGroup{background:var(--sea-fill);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.fsLabel{font:inherit;color:var(--sea);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;align-items:center;gap:3px;height:38px;padding:0 6px 0 9px;font-size:13px;font-weight:800;display:inline-flex}.fsCaret{border-bottom:2px solid;border-right:2px solid;width:6px;height:6px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}html[data-fs-panel] .fsCaret{transform:translateY(1px)rotate(-135deg)}html[data-fs-panel] .fsLabel{background:var(--card)}.fsOpt{width:38px;height:38px;color:var(--sea);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:800;line-height:1;display:inline-flex}.fsOpt:active{transform:scale(.92)}.fsOpt.fs0{font-size:14px}.fsOpt.fs1{font-size:19px}.fsOpt.fs2{font-size:25px}html:not([data-fs]) .fsOpt.fs0,html[data-fs="0"] .fsOpt.fs0,html[data-fs="1"] .fsOpt.fs1,html[data-fs="2"] .fsOpt.fs2,html[data-fs="3"] .fsOpt.fs2,html[data-fs="4"] .fsOpt.fs2{background:var(--sea);color:#fff;box-shadow:0 1px 3px #00000026}.fsOpt:focus-visible{outline:3px solid var(--accent);outline-offset:1px}@media (max-width:420px){.logMy{display:none}.fsLabel{height:34px;padding:0 3px 0 7px;font-size:12px}.fsOpt{width:34px;height:34px}}@media (max-width:350px){.fsLabel{padding:0 4px 0 6px;font-size:11px}}.cmItem{cursor:pointer;-webkit-tap-highlight-color:#0b728526}.cmItem *{pointer-events:none}.cmItem .cmPill,.cmItem .cmText{pointer-events:all}.cmItem:active .cmPill{stroke:var(--sea);fill:color-mix(in srgb, var(--sea) 14%, var(--card))}.nearStrip{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:6px;margin-top:2px;padding:2px 0 10px;display:flex;overflow-x:auto}.nearStrip::-webkit-scrollbar{display:none}.nearLabel{color:var(--muted);flex:none;padding-right:2px;font-size:14px;font-weight:700}.nearChip{background:var(--card);border:1px solid var(--line);color:var(--fg);white-space:nowrap;border-radius:999px;flex:none;align-items:baseline;gap:4px;padding:8px 13px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.nearChip span{color:var(--muted);font-size:12px;font-weight:400}.nearChip.more{color:var(--sea);border-color:var(--sea)}.faceCtl{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.faceBtn{cursor:pointer;font-weight:700}.faceNote{width:100%;font-size:13px}.fbFoot{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px;display:flex}.fbFootBtn{background:var(--card);border:2px solid var(--sea);color:var(--sea);border-radius:999px;align-items:center;padding:12px 18px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.fbFoot span{font-size:14px}.portFb{background:var(--sea-fill);color:var(--sea);border-radius:12px;margin-top:12px;padding:12px 14px;font-size:16px;font-weight:700;text-decoration:none;display:block}.fbCard h1{margin:0 0 6px;font-size:26px}.fbLead{margin:0 0 14px;font-size:17px}.fbQ{margin:18px 0 8px;font-size:18px}.fbQ .muted{font-size:14px;font-weight:400}.fbKinds{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.fbKind{border:2px solid var(--line);background:var(--card);color:var(--fg);font:inherit;cursor:pointer;border-radius:14px;padding:16px 10px;font-size:17px;font-weight:700}.fbKind.on{border-color:var(--sea);background:var(--sea);color:#fff}.fbText,.fbContact{width:100%;font:inherit;border:2px solid var(--line);background:var(--card);color:var(--fg);border-radius:12px;padding:12px 14px;font-size:17px}.fbText:focus,.fbContact:focus{border-color:var(--sea);outline:none}.fbNote{margin:6px 0 14px;font-size:13px}.fbErr{color:var(--lv-no);font-weight:700}.fbDone{flex-wrap:wrap;gap:10px;display:flex}.stationTop .subNav{border-bottom:1px solid var(--line);gap:0;margin:2px 0 8px;padding:0}.stationTop .subNav a{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;margin-bottom:-1px;padding:10px 12px 9px;font-size:16px;font-weight:600;text-decoration:none}.stationTop .subNav a.active{color:var(--fg);border-bottom-color:var(--sea);background:0 0;font-weight:800}.nearStrip{gap:6px;padding:2px 0 6px}.nearLabel{font-size:13px;font-weight:600}.nearChip{background:#11202e0e;border:0;padding:6px 11px;font-size:14px;font-weight:600}.nearChip span{font-size:11px}.nearChip.more{background:var(--sea-fill);border:0}.dateNav{margin:10px 0}.dateNav a{background:var(--card);box-shadow:0 0 0 1px var(--line);color:var(--sea);border:0;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:600;text-decoration:none}.dateNav strong{font-size:17px}.daySummary{color:var(--muted);margin:0 0 12px;font-size:15px;line-height:1.6}@media (prefers-color-scheme:dark){.nearChip{background:#ffffff12}}.summaryStrip{gap:6px;margin:0 0 14px}.summaryStrip .chip{background:#11202e0e;border:0;padding:6px 11px;font-size:14px;font-weight:600}.summaryStrip .chip.good{background:#2b8a3e1f}@media (prefers-color-scheme:dark){.summaryStrip .chip{background:#ffffff12}}.dayTl h2{margin-bottom:6px}.dtWeather{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 10px;font-size:16px;font-weight:600;display:flex}.dtWeather .dust{color:var(--good);background:#2b8a3e1f;border-radius:999px;padding:2px 9px;font-size:14px;font-weight:600}.dtList{margin:0;padding:0;list-style:none;position:relative}.dtList:before{content:"";background:var(--line);border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:66px}.dt{grid-template-columns:56px 22px 1fr auto;align-items:center;gap:0 8px;padding:7px 0;font-size:17px;display:grid;position:relative}.dtTime{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.dtDot{background:var(--card);border:2px solid var(--line);width:22px;height:22px;color:var(--muted);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.dt.high .dtDot{border-color:var(--high);color:var(--high)}.dt.low .dtDot{border-color:var(--low);color:var(--low)}.dt.sunrise .dtDot,.dt.sunset .dtDot{color:#f59f00;border-color:#f59f00}.dt.high .dtLabel{color:var(--high);font-weight:700}.dt.low .dtLabel{color:var(--low);font-weight:700}.dtSub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px}.dt.past{opacity:.45}.dt.now{background:var(--sea-fill);border-radius:12px;margin:4px 0;padding:9px 10px 9px 0}.dt.now .dtDot{background:var(--sea);border-color:var(--sea);color:#fff}.dt.now .dtTime,.dt.now .dtLabel{color:var(--sea);font-weight:800}.dt.now .dtSub{color:var(--sea);font-weight:700}.dtWeather .dust.d2{color:#b25e00;background:#f59f0026}.dtWeather .dust.d3{color:var(--lv-no);background:#e031311f}.dtWeather .dust.d4{background:var(--lv-no);color:#fff}.wwChart{margin:4px 0 8px}.wwChart svg{width:100%;height:auto;font-family:inherit;display:block}.wwChart figcaption{margin-top:6px;font-size:13px;line-height:1.5}.wcDay{stroke:var(--line);stroke-width:1px}.wcDayLabel{fill:var(--muted);font-size:10px}.wcTitle{fill:var(--fg);font-size:11px;font-weight:700}.wcAxis{fill:var(--muted);font-size:9.5px}.wcCaution{stroke:var(--lv-caution);stroke-width:1px;stroke-dasharray:4 3}.wcNo{stroke:var(--lv-no);stroke-width:1px;stroke-dasharray:4 3}.wcWindArea{fill:color-mix(in srgb, var(--sea) 14%, transparent)}.wcWind{fill:none;stroke:var(--sea);stroke-width:2px;stroke-linejoin:round}.wcGust{fill:none;stroke:var(--sea);stroke-width:1.2px;stroke-dasharray:2 2;opacity:.7}.wcWaveArea{fill:color-mix(in srgb, var(--low) 16%, transparent)}.wcWave{fill:none;stroke:var(--low);stroke-width:2px;stroke-linejoin:round}.wcNow{stroke:var(--fg);stroke-width:1.2px;opacity:.6}.wcNowLabel{fill:var(--fg);font-size:10px;font-weight:700}.simNav{background:var(--sea);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:8px 13px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.simNav.on{background:color-mix(in srgb, var(--sea) 80%, #000)}@media (max-width:420px){.simNav{padding:8px 10px;font-size:14px}}.topNav a.simNav{background:var(--sea);color:#fff;border:0;font-weight:800}.topNav a.simNav.on{background:color-mix(in srgb, var(--sea) 78%, #000)}.dateNav a{white-space:nowrap;flex:none}.dateNav strong{text-align:center;flex:1;line-height:1.3}a,button,[role=button]{touch-action:manipulation}.tblScroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.tblScroll>table{min-width:100%}.tblScroll th,.tblScroll td{white-space:nowrap}.fsPanel{border-top:1px solid var(--line);background:var(--card);display:none}html[data-fs-panel] .fsPanel{display:block}.fspInner{padding-top:12px;padding-bottom:14px}.fspHead{align-items:center;gap:10px;font-size:16px;display:flex}.fspNow{color:var(--muted);font-size:15px}.fspNow b{color:var(--sea)}.fspClose{font:inherit;color:var(--ink,inherit);background:var(--sea-fill);cursor:pointer;border:0;border-radius:999px;margin-left:auto;padding:8px 14px;font-size:15px;font-weight:700}.fspRow{align-items:center;gap:8px;margin-top:12px;display:flex}.fspStep{border:2px solid var(--sea);background:var(--card);width:48px;height:48px;color:var(--sea);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0 0 3px;font-size:28px;font-weight:800;line-height:1;display:inline-flex}.fspStep:active,.fspStop:active{transform:scale(.92)}html:not([data-fs]) .fspStep[data-fs-step="-1"],html[data-fs="0"] .fspStep[data-fs-step="-1"],html[data-fs="4"] .fspStep[data-fs-step="1"]{opacity:.35}.fspBar{flex:auto;justify-content:space-between;align-items:center;min-width:0;height:56px;display:flex;position:relative}.fspTrack{background:var(--sea-fill);border-radius:3px;height:6px;margin-top:-3px;position:absolute;top:50%;left:22px;right:22px}.fspFill{background:var(--sea);border-radius:3px;width:0;height:100%;display:block}html[data-fs="1"] .fspFill{width:25%}html[data-fs="2"] .fspFill{width:50%}html[data-fs="3"] .fspFill{width:75%}html[data-fs="4"] .fspFill{width:100%}.fspStop{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:56px;padding:0;display:inline-flex;position:relative}.fspStop span{background:var(--card);border:2px solid var(--sea-fill);width:36px;height:36px;color:var(--sea);border-radius:50%;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}.fspStop.fz0 span{font-size:13px}.fspStop.fz1 span{font-size:16px}.fspStop.fz2 span{font-size:19px}.fspStop.fz3 span{font-size:22px}.fspStop.fz4 span{font-size:26px}html:not([data-fs]) .fspStop.fz0 span,html[data-fs="0"] .fspStop.fz0 span,html[data-fs="1"] .fspStop.fz1 span,html[data-fs="2"] .fspStop.fz2 span,html[data-fs="3"] .fspStop.fz3 span,html[data-fs="4"] .fspStop.fz4 span{background:var(--sea);border-color:var(--sea);color:#fff;width:44px;height:44px;box-shadow:0 2px 6px #0000002e}.fspHint{color:var(--muted);margin:8px 0 0;font-size:13px}html:not([data-fs="3"]):not([data-fs="4"]) .fspHint{display:none}@media (max-width:360px){.fspStep{width:40px;height:40px;font-size:24px}.fspStop{width:38px}.fspTrack{left:19px;right:19px}.fspStop span{width:32px;height:32px}}