@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f3f6f9;--surface:#fff;--surface-muted:#eef3f8;--text:#15232f;--muted:#5b6b7b;--accent:#0b5394;--accent-strong:#073763;--accent-soft:#e3eef8;--buoy:#d9622b;--buoy-soft:#fdebe1;--free:#1f7a3d;--free-soft:#e2f4e8;--border:#dbe3eb;--error:#b03a2e;--warning:#9c5700;--shadow:0 1px 2px #102a430f, 0 4px 16px #102a430f;--radius:14px;--hero:linear-gradient(135deg, #073763 0%, #0b5394 45%, #0e7c86 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:Inter Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}:root[data-theme=dark]{--bg:#0e151c;--surface:#16202a;--surface-muted:#1d2935;--text:#e5e9ee;--muted:#9aa7b4;--accent:#7ab3e6;--accent-strong:#a9cdf0;--accent-soft:#1b3047;--buoy:#f0915f;--buoy-soft:#3a2519;--free:#7bd39a;--free-soft:#17311f;--border:#283541;--error:#f1948a;--warning:#f6b26b;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040;--hero:linear-gradient(135deg, #062440 0%, #0a3d6b 50%, #0b5a63 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent);text-underline-offset:.15em}h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:1.75rem;line-height:1.2}h2{letter-spacing:-.01em;margin:0 0 .75rem;font-size:1.15rem}svg{flex-shrink:0}.header{z-index:1000;background:color-mix(in srgb, var(--surface) 88%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:.6rem 1rem;display:flex}.brand{letter-spacing:-.02em;color:var(--text);align-items:center;gap:.6rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.brand-logo{background:var(--hero);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.brand-logo img{filter:invert()}.nav{gap:.25rem;margin-left:auto;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:.4rem .8rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--text);background:var(--surface-muted)}.nav a.active{color:var(--accent);background:var(--accent-soft)}.theme-toggle{background:var(--surface-muted);border-radius:999px;padding:.2rem;display:inline-flex}.theme-toggle button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.theme-toggle button:hover{color:var(--text)}.theme-toggle button[aria-pressed=true]{color:var(--accent);background:var(--surface);box-shadow:var(--shadow)}@media (width<=480px){.header-inner{flex-wrap:wrap;gap:.4rem .5rem;padding:.5rem .75rem}.theme-toggle{margin-left:auto}.nav{order:1;justify-content:space-between;width:100%;margin-left:0}.nav a{text-align:center;flex:1;padding:.35rem .5rem}}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.25rem 1rem 2rem}.footer{background:var(--surface);border-top:1px solid var(--border);margin-top:2rem;font-size:.85rem}.footer-inner{max-width:1200px;margin:0 auto;padding:1.25rem 1rem}.footer-inner p{margin:0}.footer-links{flex-wrap:wrap;gap:1.25rem;margin-bottom:.5rem;font-weight:500;display:flex}.footer-links a{color:var(--text);text-decoration:none}.footer-links a:hover{color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.muted{color:var(--muted)}.error{color:var(--error)}.empty{text-align:center;color:var(--muted);padding:1.5rem .5rem}.hero{color:#fff;background:var(--hero);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.25rem 1.5rem 1.5rem;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 48' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C 200 10 400 50 600 30 S 1000 10 1200 30 V48 H0Z' fill='%23ffffff' fill-opacity='0.08'/%3E%3Cpath d='M0 38 C 250 22 450 54 700 38 S 1050 24 1200 38 V48 H0Z' fill='%23ffffff' fill-opacity='0.08'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;height:28px;position:absolute;bottom:0;left:0;right:0}.hero h1{margin-bottom:.25rem;font-size:clamp(1.5rem,3vw,1.9rem)}.hero-lead{color:#ffffffd9;max-width:40rem;margin:0 0 1rem}@media (width>=900px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0 2rem;display:grid}.hero h1,.hero-lead{grid-column:1}.hero-lead{margin:0}.hero .search{grid-area:1/2/span 2}}.search{z-index:1;max-width:40rem;color:var(--muted);background:var(--surface);border-radius:12px;align-items:center;display:flex;position:relative;box-shadow:0 6px 24px #0000002e}.search-icon{pointer-events:none;position:absolute;left:.9rem}.search input{width:100%;font:inherit;color:var(--text);background:0 0;border:0;border-radius:12px;padding:.85rem 1rem .85rem 2.8rem;font-size:1.05rem}.search input:focus-visible{outline:3px solid color-mix(in srgb, var(--buoy) 70%, transparent);outline-offset:2px}.overview{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.view-toggle{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;justify-self:start;padding:.25rem;display:inline-flex}.view-toggle button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem 1rem;font-weight:500;display:inline-flex}.view-toggle button[aria-pressed=true]{color:#fff;background:var(--accent)}:root[data-theme=dark] .view-toggle button[aria-pressed=true]{color:var(--bg)}.overview[data-view=list] .map-panel,.overview[data-view=map] .list-panel{display:none}.list-panel{padding:.5rem}.list-count{letter-spacing:.02em;color:var(--muted);text-transform:uppercase;margin:.5rem .75rem;font-size:.85rem;font-weight:600}@media (width>=900px){.overview{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}.view-toggle{display:none}.overview[data-view] .map-panel,.overview[data-view] .list-panel{display:block}.map-panel{position:sticky;top:5rem}.list-panel .item-list{max-height:calc(100vh - 18rem);overflow-y:auto}}.item-list{margin:0;padding:0;list-style:none}.item{color:var(--text);border-radius:10px;align-items:center;gap:.75rem;padding:.65rem .75rem;text-decoration:none;transition:background-color .15s;display:flex}a.item:hover,a.item:focus-visible{background:var(--surface-muted)}a.item:hover strong{color:var(--accent)}.item-icon{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border-radius:10px;place-items:center;display:grid}.item-icon-water{color:#0e7c86;background:#0e7c8624}.item-icon-marina{color:#741b47;background:#741b471f}:root[data-theme=dark] .item-icon-water{color:#5fc9d1}:root[data-theme=dark] .item-icon-marina{color:#e39bc0}.item-text{flex-direction:column;flex:1;min-width:0;display:flex}.item-text>span{font-size:.9rem}.item-chevron{color:var(--border);transition:color .15s,transform .15s}a.item:hover .item-chevron{color:var(--accent);transform:translate(2px)}.item-gauge{color:var(--text)}.skeleton{background:linear-gradient(90deg, var(--surface-muted) 25%, var(--border) 50%, var(--surface-muted) 75%) 0 0 / 200% 100%;border-radius:6px;animation:1.4s linear infinite shimmer}.skeleton-line{width:70%;height:.85rem;margin:.2rem 0;display:block}.skeleton-short{width:45%}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.map{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:70vh;min-height:320px;box-shadow:var(--shadow);z-index:0}@media (width>=900px){.map-panel .map{height:max(420px,100vh - 15rem)}}.leaflet-container{font:inherit}.leaflet-popup-content-wrapper{box-shadow:var(--shadow);border-radius:10px}.leaflet-popup-content{margin:.7rem .9rem;font-size:.9rem;line-height:1.4}.leaflet-popup-content a{font-weight:600}.map-pin-anchor{background:0 0;border:0}.map-pin{width:var(--pin-size);height:var(--pin-size);color:#fff;background:var(--pin);border:2px solid #fff;border-radius:50% 50% 50% 0;place-items:center;transition:transform .15s;display:grid;transform:rotate(-45deg);box-shadow:0 2px 6px #00000059}.map-pin svg{width:55%;height:55%;transform:rotate(45deg)}.map-pin:hover{transform:rotate(-45deg)scale(1.1)}.map-pin-highlighted{background:var(--buoy)}.map-cluster{width:var(--cluster-size);height:var(--cluster-size);color:#fff;cursor:pointer;background:#0b5394;border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;transition:transform .15s;display:grid;box-shadow:0 0 0 5px #0b53944d,0 2px 6px #0000004d}.map-cluster:hover{transform:scale(1.08)}.legend{flex-wrap:wrap;gap:1rem;margin:.6rem 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.legend-dot{border-radius:50%;width:.7rem;height:.7rem;margin-right:.35rem;display:inline-block}.legend-line{vertical-align:middle;border-radius:2px;width:1.2rem;height:.3rem;margin-right:.35rem;display:inline-block}.back{align-items:center;gap:.35rem;margin-bottom:1rem;font-weight:500;text-decoration:none;display:inline-flex}.back:hover{text-decoration:underline}.details-head{align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.details-head h1{margin-bottom:.4rem}.details-sub{margin:0}.details-icon{color:#fff;background:var(--hero);width:56px;height:56px;box-shadow:var(--shadow);border-radius:16px;place-items:center;display:grid}.details-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.details-side{flex-direction:column;gap:1rem;display:flex}.details-map .map{height:360px}@media (width>=900px){.details-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}.details-map{position:sticky;top:5rem}.details-map .map{height:480px}.details-grid-water{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.details-grid-water .details-map .map{height:max(420px,100vh - 17rem)}}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .7rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.chip-water{color:var(--accent);background:var(--accent-soft)}.chip-water:hover{text-decoration:underline}.chip-free{color:var(--free);background:var(--free-soft)}.chip-paid{color:var(--buoy);background:var(--buoy-soft)}.chip-neutral{color:var(--muted);background:var(--surface-muted)}.facts{grid-template-columns:max-content 1fr;gap:.6rem 1rem;margin:0;display:grid}.facts dt{color:var(--muted);align-items:center;gap:.45rem;font-weight:600;display:flex}.facts dd{overflow-wrap:anywhere;margin:0}.comment{background:var(--surface);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;margin:0;padding:.75rem 1rem}.pro-contra{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.pro-contra li{align-items:flex-start;gap:.5rem;display:flex}.pro-contra svg{margin-top:.2rem}.pro svg{color:var(--free)}.contra svg{color:var(--error)}.gauge-card{align-items:flex-start;gap:.9rem;display:flex}.gauge-card p{margin:0}.gauge-icon{color:#38761d;background:#38761d24;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}:root[data-theme=dark] .gauge-icon{color:#93c47d}.gauge-title{font-weight:600}.gauge-value{font-size:1.35rem;font-weight:700}.gauge-meta{font-size:.85rem}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.button{color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--accent)}.button-primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button-primary:hover{background:var(--accent-strong)}:root[data-theme=dark] .button-primary{color:var(--bg)}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0 0 1rem;display:grid}.stats>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.8rem 1rem}.stats dt{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.stats dd{margin:0;font-size:1.6rem;font-weight:700}.details-side .stats{margin:0}.table-scroll{overflow-x:auto}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.table th,.table td{white-space:nowrap;text-align:left;border-bottom:1px solid var(--border);padding:.5rem .6rem}.table th{letter-spacing:.02em;color:var(--muted);text-transform:uppercase;font-size:.8rem}.table tbody tr:hover{background:var(--surface-muted)}.level-low{color:var(--warning)}.level-high{color:var(--error);font-weight:600}.not-found{text-align:center;max-width:480px;margin:2rem auto;padding:2rem}.not-found-icon{color:var(--accent)}.not-found h1{margin:.75rem 0 .25rem}.legal{max-width:760px}.legal h2{margin:1.5rem 0 .5rem;font-size:1.15rem}.legal address{font-style:normal}.faq dt{margin-top:.75rem;font-weight:600}.faq dd{margin:0}.placeholder{color:#000;background:#ffe08a;border-radius:3px;padding:0 .2rem}