:root{color-scheme:light;--paper:#f3f2e8;--white:#fffef7;--ink:#24463d;--muted:#58695f;--green:#1f5f4c;--green-light:#e5edde;--line:#d7dfcf;--line-strong:#7f8f82;--coral:#a9532d;--water:#afd0cb}:root[data-theme=dark]{color-scheme:dark;--paper:#111514;--white:#181d1b;--ink:#e2e6e1;--green:#a0d4b9;--green-light:#1f2b26;--line:#343e3a;--line-strong:#64706a;--muted:#a7b1ab;--coral:#ecaa87;--water:#416b70;--soft:#212826;--surface-2:#212826;--interaction-ring:#a0d4b9;--shadow:0 12px 40px #0006}.page-appearance{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-appearance>.brand{min-width:0}:root[data-theme=dark] body{background:var(--paper);color:var(--ink)}:root[data-theme=dark] :is(dialog,.sidebar,.place-detail,.route-detail,.directory-categories,.map-selection,.map-context-toolbar button,.map-controls,.map-language,.map-mode,.language-menu,.more-view-links){background-color:var(--white);color:var(--ink)}:root[data-theme=dark] :is(#map-credits,#map-credit-details,.maplibregl-popup-content){background:var(--white);color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .maplibregl-ctrl-attrib a{color:var(--green)}:root[data-theme=dark] :is(.global-result,.directory-card,.place-card,.route-card){color:var(--ink)}:root[data-theme=dark] .district-feature-card{background:var(--white);color:var(--ink)}:root[data-theme=dark] :is(.place-category,.place-address,.place-local-name,.eyebrow,.caption){color:var(--muted)}:root[data-theme=dark] :is(.facts-grid,.metric-card,.place-facilities,.facility-tags li,.directory-scope){border-color:var(--line)}@media(max-width:740px){.page-appearance{gap:10px}}:root[data-reading=large]{font-size:112.5%}:root[data-reading=large] :is(.sidebar .place-introduction,.sidebar .route-description,.sidebar .place-address,.sidebar .place-facts dd,.sidebar .place-district,.sidebar .city-intro>p,.directory-card-address,.place-introduction-context){font-size:17px;line-height:1.65}:root[data-reading=large] :is(.sidebar .place-copy h3,.directory-card strong){font-size:20px;line-height:1.4}:root[data-reading=large] :is(.sidebar .place-category,.sidebar .list-heading h2,.directory-card-category,.sidebar .sea-section p){font-size:16px}:root[data-reading=large] .place-local-name{font-size:19px!important}:root[data-reading=large] .map-shell{--text-caption:14px}.place-introduction-source{display:inline-flex;font-size:13px;min-height:28px;align-items:center;color:var(--muted);margin-top:-7px;margin-bottom:5px}@media(hover:hover)and (pointer:fine){.place-introduction-source:hover{text-decoration:underline}}:is(.search-wrap,.filters select,.plan-inputs label>div,.transit-content input,.transit-content select,.outing-rank select,.airport-controls select,.place-display-setting select,.district-search input,.map-options-select,.walk-search input,.directory-search input,.language-search,.language-pair select):not(:focus):not(:focus-within):not(:hover){border-color:var(--line-strong)}#map-options-dialog select:not(:focus):not(:hover){border-color:var(--line-strong)}.search-wrap kbd{color:var(--muted)}:root[data-theme=dark] :is(.walk-preview){filter:brightness(.86) saturate(.95);border:1px solid var(--line)}:root[data-theme=dark] .facility-symbol.water,:root[data-theme=dark] .water-icon{color:#7cc3d8}:root[data-theme=dark] .facility-symbol.toilet{color:#b9a7d6}:root[data-theme=dark] .facility-symbol.shelter{color:#d9b57e}:root[data-theme=dark] .facility-symbol.camp{color:#93c79c}:root[data-theme=dark] .facility-symbol.visitor{color:#8fbcd8}:root[data-theme=dark] .facility-symbol.post{color:#b9bfa9}:root[data-theme=dark] .layer-dot.shelter{background:#d9b57e}:is(.place-local-name,.hub-card-local,.mountain-local-name,.secondary-name,.detail-secondary)[lang^=zh]{text-wrap:pretty}@media(min-width:741px){.place-detail>.place-local-name[lang^=zh]{font-size:1.4375rem!important;letter-spacing:.02em!important}}.iucn-vu{background:#8a6a12}.iucn-en{background:#a85722}:root:not([data-theme=dark]) .beach-grade.is-g1{color:#276f4b}:root:not([data-theme=dark]) .beach-grade.is-g2{color:#7a6112}.effort-thirds button>span:last-child{color:var(--muted)}:root[data-theme=dark] .view-map-action{background:var(--surface);border-color:var(--line-strong);color:var(--green)}:root[data-theme=dark] .facility-symbol:not(.layer-checks .facility-symbol){background:color-mix(in srgb,currentColor 10%,transparent)!important}#weather .wx-sig,.wx-notice .wx-sig,.warning-list .wx-sig{display:inline-flex;align-items:center;justify-content:center;gap:1px;min-width:22px;height:20px;padding:0 5px;margin-inline-start:6px;border-radius:5px;background:var(--ink);color:var(--white);font:700 11.5px/1 system-ui,sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums;vertical-align:middle}:is(#weather,.wx-notice,.warning-list) .wx-sig small{font-size:8.5px;font-weight:700;margin-inline-start:1px}:is(#weather,.wx-notice,.warning-list) .wx-sig svg{width:13px;height:13px;fill:currentColor;stroke:none;margin:0}:is(#weather,.wx-notice,.warning-list) .wx-sig.wx-rain[data-level=A]{background:#f2a51a;color:#2b1d00}:is(#weather,.wx-notice,.warning-list) .wx-sig.wx-rain[data-level=R]{background:#c8261d;color:#fff}:is(#weather,.wx-notice,.warning-list) .wx-sig.wx-rain[data-level=B]{background:#111;color:#fff;box-shadow:inset 0 0 0 1px #777}:is(#weather,.wx-notice,.warning-list) .wx-sig.wx-ts{background:#5b4fa3;color:#fff}#weather .wx-aqhi{display:none;align-items:center;gap:5px;margin-inline-start:8px;padding-inline-start:8px;border-inline-start:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}#weather .wx-aqhi:before{content:"";width:8px;height:8px;border-radius:50%;background:#3a9a4c}#weather .wx-aqhi[data-band="2"]:before{background:#f0a12a}#weather .wx-aqhi[data-band="3"]:before{background:#d63a2a}#weather .wx-aqhi[data-band="4"]:before{background:#8a4a24}#weather .wx-aqhi[data-band="5"]:before{background:#111;box-shadow:0 0 0 1px #888}@media(min-width:1180px){#weather .wx-aqhi{display:inline-flex}}.wx-notice{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;margin:0;padding:6px 16px;border:0;border-bottom:1px solid color-mix(in srgb,#f2a51a 45%,var(--line));background:color-mix(in srgb,#f2a51a 14%,var(--white));color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;text-align:start;cursor:pointer}.wx-notice .wx-sig{margin-inline-start:0}.wx-notice span{min-width:0}@media(hover:hover)and (pointer:fine){.wx-notice:hover{background:color-mix(in srgb,#f2a51a 22%,var(--white))}}.mtr-exit{display:inline-flex;align-items:center;justify-content:center;min-width:1.85em;height:1.35em;padding:0 .3em;margin-inline-end:.35em;border-radius:.18em;background:#ffd200;color:#111;font:700 .8em/1 system-ui,sans-serif;letter-spacing:.02em;vertical-align:.1em}:focus-visible{outline:2px solid var(--interaction-ring,var(--green))!important;outline-offset:2px}:is(input,select,textarea):focus-visible{outline-offset:1px}#global-search-dialog .global-search-input:has(input:focus-visible){border-bottom-color:var(--interaction-ring,var(--green));box-shadow:inset 0 -1px 0 var(--interaction-ring,var(--green))}#global-search-dialog .global-search-input input:focus-visible{outline:none!important}#toast{left:16px;right:16px;margin-inline:auto;width:fit-content;max-width:min(480px,calc(100% - 32px));transform:translateY(15px);white-space:pre-line;text-wrap:balance}#toast.visible{transform:none}@media(min-width:741px){#toast{bottom:56px}body[data-sidebar=open] #toast{inset-inline-start:calc(clamp(350px,32vw,460px) + 16px)}}.maplibregl-canvas:focus-visible{outline-offset:-3px}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s;animation-timing-function:ease}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}.img-fade img[loading=lazy]{transition:opacity .35s ease}.img-fade img[loading=lazy]:not(.is-loaded){opacity:0}:is(.hub-card-media,.mountain-photo,.place-photo,.photo-figure,.trail-card-media) img{background-color:var(--surface)}:root{--card-hover-edge:color-mix(in srgb,var(--green) 52%,var(--line));--card-hover-bg:color-mix(in oklab,#2a8a68 16%,var(--white));--card-active-bg:color-mix(in oklab,#2a8a68 27%,var(--white));--interaction-tint:var(--card-hover-bg)}:root[data-theme=dark]{--card-hover-edge:color-mix(in srgb,var(--green) 52%,var(--line));--card-hover-bg:color-mix(in srgb,var(--green) 10%,var(--white));--card-active-bg:color-mix(in srgb,var(--green) 16%,var(--white))}@media(hover:hover)and (pointer:fine){:root :is(.portal-card,.hub-card,.directory-card,.mountain-card,.mountain-facility,.route-row,.route-card,.place-card,.district-card-link,.island-place,.sea-route-card,.xb-card,.fr-route-card,.xb-row,.fr-row,.hub-rows a,.hub-stats a,.nature-taxon:has(h3 a),.category-tile):hover{border-color:var(--card-hover-edge);background:var(--card-hover-bg)}}:root :is(.portal-card,.hub-card,.directory-card,.mountain-card,.mountain-facility,.route-row,.route-card,.place-card,.district-card-link,.island-place,.sea-route-card,.xb-card,.fr-route-card,.xb-row,.fr-row,.hub-rows a,.hub-stats a,.nature-taxon:has(h3 a),.category-tile){transition:border-color .16s ease,background-color .16s ease}:root :is(.portal-card,.hub-card,.directory-card,.mountain-card,.mountain-facility,.route-row,.route-card,.place-card,.district-card-link,.island-place,.sea-route-card,.xb-card,.fr-route-card,.xb-row,.fr-row,.hub-rows a,.hub-stats a,.nature-taxon:has(h3 a),.category-tile,.hub-related a,.hub-map-link,.diving-links a,.marine-topics a,.marine-related>a,.marine-map-action,.search-shortcut):active{background:var(--card-active-bg);transition-duration:0s}@media(prefers-reduced-motion:reduce){:root :is(.portal-card,.hub-card,.directory-card,.mountain-card,.mountain-facility,.route-row,.route-card,.place-card,.district-card-link,.island-place,.sea-route-card,.xb-card,.fr-route-card,.xb-row,.fr-row,.hub-rows a,.hub-stats a,.nature-taxon:has(h3 a),.category-tile,.hub-related a,.hub-map-link,.diving-links a,.marine-topics a,.marine-related>a,.marine-map-action,.search-shortcut),:root :is(.portal-card-arrow,.hub-card-arrow,.place-arrow,.district-card-arrow,.island-place-arrow,.fr-arrow,.xb-arrow,.marine-map-action .directory-link-arrow,.search-shortcut>b),:root .marine-topics a:after{transition:none}}:is(h1,h2,h3){text-wrap:balance}:is(p,li,figcaption,.hub-lede,.portal-card-desc,.caption){text-wrap:pretty}:is(.portal-card-meta strong,.hub-stats strong,.hub-subhead span,.hub-section h2 span,.count-chip,.route-metrics dd,.stats strong,time,.weather-reading strong,#weather span,.hub-card-meta){font-variant-numeric:tabular-nums}html{hanging-punctuation:first allow-end}html{scroll-padding-top:84px}@media(prefers-reduced-motion:no-preference){html.smooth-scroll{scroll-behavior:smooth}}.skeleton{display:grid;gap:10px;padding:6px 0}.skeleton i{display:block;height:58px;border-radius:12px;background:linear-gradient(90deg,var(--surface) 25%,color-mix(in srgb,var(--surface) 45%,var(--white)) 45%,var(--surface) 65%) 0 0/300% 100%;animation:harbour-skeleton 1.4s ease-in-out infinite}.skeleton i:nth-child(2){height:42px;width:84%}.skeleton i:nth-child(3){width:92%}@keyframes harbour-skeleton{to{background-position:-100% 0}}::selection{background:color-mix(in srgb,var(--green) 24%,transparent)}:root{caret-color:var(--green);accent-color:var(--green)}:is(.sidebar,.language-list-scroll,dialog,.global-search-results,#city-detail,.more-view-links){scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}.to-top{position:fixed;inset-inline-end:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:40;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line-strong);border-radius:50%;background:var(--white);color:var(--green);box-shadow:var(--lift);cursor:pointer;visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}.to-top.is-visible{visibility:visible;opacity:1;transform:none;transition:opacity .2s ease,transform .2s ease}.to-top svg{width:18px;height:18px}@media(hover:hover)and (pointer:fine){.to-top:hover{border-color:var(--row-edge);background:var(--card-hover-bg)}}@media(prefers-reduced-motion:reduce){.img-fade img[loading=lazy],.to-top,:root :is(.hub-card,.directory-card,main.marine-document ul.marine-directory a){transition:none}:root :is(.hub-card,.directory-card,main.marine-document ul.marine-directory a):active{transform:none}.skeleton i{animation:none}}@media(hover:hover)and (pointer:fine){:root:not([data-theme=dark]) :is(.portal-card,.hub-card,.directory-card,.category-tile):hover{box-shadow:0 1px 2px #1428220f,0 4px 12px #14282212}}a .link-arrow,button .link-arrow{display:inline-block}:is(a,button) :is(.link-arrow,span,b,i)[aria-hidden=true]{text-decoration:none!important}@media(hover:hover)and (pointer:fine){:root:is(#_,:root) a:has(>.link-arrow:only-child):hover{text-decoration-line:none!important}}.linked-heading{scroll-margin-block-start:112px}#sidebar .linked-heading{scroll-margin-block-start:16px}.section-fragment{display:block;height:0;scroll-margin-block-start:112px}#sidebar .section-fragment{scroll-margin-block-start:16px}.linked-heading .section-anchor{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;margin-inline-start:4px;color:var(--muted);font-size:.65em;font-weight:400;text-decoration:none!important;opacity:0;vertical-align:.12em;border-radius:6px}@media(hover:hover)and (pointer:fine){.linked-heading:hover .section-anchor{opacity:.75}}.linked-heading:focus-within .section-anchor,.section-anchor:focus-visible{opacity:.75}.linked-heading:target .section-anchor,.linked-heading:has(.section-fragment:target) .section-anchor{opacity:.75}@media(hover:hover)and (pointer:fine){.linked-heading .section-anchor:hover{color:var(--green);opacity:1}}.section-anchor:focus-visible{outline:2px solid var(--interaction-ring);outline-offset:2px}@media(max-width:740px),(hover:none),(pointer:coarse){.linked-heading .section-anchor{opacity:.55;min-width:44px;min-height:44px}}@media(hover:hover)and (pointer:fine){:root body :is(.small-button,.view-map-action,.xb-button,.fr-button,.hub-map-link,.portal-map,.portal-search,.directory-map,.map-controls button,.map-context-toolbar button):not(:disabled):not([aria-disabled=true]):not([aria-pressed=true]):not(.active):not(.primary):not(.xb-primary):not(.fr-primary):hover{background:var(--card-hover-bg);border-color:var(--card-hover-edge);text-decoration:none}}:root body :is(.small-button,.view-map-action,.xb-button,.fr-button,.hub-map-link,.portal-map,.portal-search,.directory-map,.map-controls button,.map-context-toolbar button):not(:disabled):not([aria-disabled=true]):not([aria-pressed=true]):not(.active):not(.primary):not(.xb-primary):not(.fr-primary):active{background:var(--card-active-bg)}:root[data-theme=dark] .map-shell{background:var(--paper)}