:root{--paper: #f3ead6;--paper-2: #e9dcbf;--line: #cbb98f;--ink: #14314f;--ink-dim: #4d6379;--brass: #b8892b;--teal: #1f6f78;--sea: #3f7f9b;--buoy: #c8362b;--amber: #d9962b;--ok: #2e7d5b;--shoal: #7fb7c9;--shadow: 0 2px 10px rgba(20, 49, 79, .25);--radius: 10px;--tabbar-h: 58px;--topbar-h: 56px;--font-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #0f1c2b;--paper-2: #16283b;--line: #2c4460;--ink: #e8dfc7;--ink-dim: #a9b4bf;--brass: #d4aa4f;--teal: #5fb3bd;--sea: #6aa9c4;--shoal: #35617a;--shadow: 0 2px 10px rgba(0,0,0,.5);color-scheme:dark}}:root[data-theme=dark]{--paper: #0f1c2b;--paper-2: #16283b;--line: #2c4460;--ink: #e8dfc7;--ink-dim: #a9b4bf;--brass: #d4aa4f;--teal: #5fb3bd;--sea: #6aa9c4;--shoal: #35617a;--shadow: 0 2px 10px rgba(0,0,0,.5);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);background-image:radial-gradient(circle at 20% 0%,rgba(255,255,255,.35),transparent 40%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(20,49,79,.05) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(20,49,79,.05) 39px 40px);display:flex;flex-direction:column;height:100dvh;overflow:hidden;-webkit-tap-highlight-color:transparent}svg{width:1.25em;height:1.25em;vertical-align:-.25em}button{font:inherit;color:inherit}a{color:var(--teal)}h1,h2,h3,.title{font-family:var(--font-serif);letter-spacing:.01em}h2{font-size:1.15rem;margin:0 0 .5rem;display:flex;align-items:center;gap:.4rem}h2:after{content:"";flex:1;height:2px;margin-left:.5rem;background:repeating-linear-gradient(90deg,var(--brass) 0 6px,transparent 6px 10px);opacity:.6}h3{font-size:1rem;margin:.8rem 0 .3rem}.muted{color:var(--ink-dim);font-size:.85rem}.small{font-size:.8rem}.mono{font-variant-numeric:tabular-nums}.topbar{height:var(--topbar-h);flex:0 0 auto;display:flex;align-items:center;gap:.6rem;padding:0 .7rem;padding-top:env(safe-area-inset-top);background:linear-gradient(180deg,#1a3d63,#14314f);color:#f3ead6;box-shadow:var(--shadow);z-index:20;border-bottom:3px solid var(--brass)}.topbar .rose{width:40px;height:40px;filter:brightness(2.2) sepia(.5);opacity:.9;animation:rose-settle 9s ease-in-out infinite alternate}@keyframes rose-settle{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@media(prefers-reduced-motion:reduce){.topbar .rose{animation:none}}.topbar .brand{flex:1;min-width:0}.topbar .title{font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .sub{font-size:.72rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .iconbtn{background:#ffffff14;color:inherit}.iconbtn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--paper-2);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow)}.iconbtn svg{width:22px;height:22px}.iconbtn.active{background:var(--ink);color:var(--paper);border-color:var(--brass)}#main{flex:1 1 auto;position:relative;min-height:0}#map{position:absolute;top:0;right:0;bottom:0;left:0;background:#cfe3ea;z-index:0}#map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#map-overlay>*{pointer-events:auto}.map-tools{position:absolute;top:.6rem;right:.6rem;display:flex;flex-direction:column;gap:.5rem}.badge-float{position:absolute;top:.6rem;left:.6rem}.panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;background:var(--paper);padding:.8rem .9rem 1.2rem;z-index:6;-webkit-overflow-scrolling:touch}@media(min-width:900px){.panel{left:auto;width:440px;border-left:3px solid var(--brass);box-shadow:-4px 0 14px #00000026}}.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:.7rem .8rem;margin:0 0 .7rem;box-shadow:inset 0 0 0 1px #ffffff40}.card.warn{border-color:var(--amber)}.card.bad{border-color:var(--buoy)}.row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.row.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .8rem}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem .6rem}.big{font-size:2rem;font-weight:700;font-family:var(--font-serif);line-height:1}.kv{display:flex;justify-content:space-between;gap:.5rem;padding:.15rem 0;border-bottom:1px dotted var(--line);font-size:.92rem}.kv:last-child{border-bottom:0}.kv b{font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent}.pill.green{background:#dff1e6;color:#1d5b40;border-color:#9ccbb1}.pill.amber{background:#fbe9c6;color:#7a4f08;border-color:#e5c27b}.pill.red{background:#f8d7d3;color:#7c1f16;border-color:#e39a92}.pill.grey{background:var(--paper);color:var(--ink-dim);border-color:var(--line)}.up{color:var(--ok)}.down{color:var(--buoy)}input,select,textarea{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:.45rem .55rem;width:100%}label{display:block;font-size:.8rem;color:var(--ink-dim);margin:.4rem 0 .15rem}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .8rem;border-radius:8px;border:1px solid var(--line);background:var(--paper-2);cursor:pointer}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--brass)}.btn.danger{color:var(--buoy)}.btn.sm{padding:.3rem .55rem;font-size:.85rem}.btnrow{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}.tabbar{flex:0 0 auto;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:linear-gradient(0deg,#14314f,#1a3d63);border-top:3px solid var(--brass);z-index:20}.tabbar button{flex:1;border:0;background:transparent;color:#cbd6e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.7rem;cursor:pointer}.tabbar button svg{width:22px;height:22px}.tabbar button.active{color:#f3ead6}.tabbar button.active svg{color:var(--brass)}.disclaimer{flex:0 0 auto;font-size:.68rem;text-align:center;padding:.15rem;background:var(--buoy);color:#fff;letter-spacing:.02em}.sheet{position:absolute;right:.6rem;top:3.6rem;width:min(320px,calc(100% - 1.2rem));background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.6rem .8rem}.sheet label.check{display:flex;align-items:center;gap:.5rem;margin:.3rem 0;font-size:.95rem;color:var(--ink)}.sheet input[type=checkbox]{width:auto}.dock{position:absolute;left:.6rem;right:.6rem;bottom:.6rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.5rem .7rem}@media(min-width:900px){.dock{right:auto;width:520px}}.hidden{display:none!important}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a141e73;z-index:50;display:flex;align-items:flex-end;justify-content:center}@media(min-width:700px){.modal-back{align-items:center}}.modal{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--brass);border-radius:14px 14px 0 0;width:min(520px,100%);max-height:88dvh;overflow:auto;padding:.9rem 1rem calc(1rem + env(safe-area-inset-bottom))}@media(min-width:700px){.modal{border-radius:14px}}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + 2.2rem);transform:translate(-50%);background:var(--ink);color:var(--paper);padding:.5rem .9rem;border-radius:999px;box-shadow:var(--shadow);z-index:60;font-size:.9rem;max-width:92vw}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:linear-gradient(90deg,var(--buoy),var(--amber),var(--sea));border-radius:3px;padding:0;border:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow)}input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--paper);border:3px solid var(--ink)}.leaflet-container{font-family:var(--font-sans)}.leaflet-control-attribution{font-size:10px;background:#f3ead6cc!important}.leaflet-popup-content-wrapper{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--brass);border-radius:10px}.leaflet-popup-tip{background:var(--paper)}.leaflet-popup-content{margin:.6rem .8rem;font-size:.9rem}.leaflet-bar a{background:var(--paper-2);color:var(--ink)}.wp-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--paper);border:2px solid var(--ink);box-shadow:var(--shadow);color:var(--ink)}.wp-icon svg{width:18px;height:18px}.wp-icon.ramp{border-color:var(--teal);color:var(--teal)}.wp-icon.hazard{border-color:var(--buoy);color:var(--buoy);background:#fbe3e0}.wp-icon.lodging{border-color:var(--brass);color:var(--brass)}.wp-icon.spot{border-color:var(--ok);color:var(--ok)}.station-icon{display:inline-block;background:var(--ink);color:var(--paper);border-radius:6px;padding:2px 6px;font-size:11px;font-weight:700;white-space:nowrap;line-height:1.25;box-shadow:var(--shadow);border:1px solid var(--brass)}.station-icon small{font-weight:400;opacity:.85}.depth-legend{display:flex;gap:.6rem;font-size:.72rem;flex-wrap:wrap;align-items:center}.depth-legend i{display:inline-block;width:14px;height:10px;border-radius:2px;vertical-align:-1px;margin-right:3px}.chart{width:100%;height:220px;display:block;touch-action:pan-y;border:1px solid var(--line);border-radius:8px;background:var(--paper-2)}.daystrip{display:flex;gap:.3rem;overflow-x:auto;padding-bottom:.3rem}.daystrip .day{flex:0 0 auto;min-width:82px;text-align:center;padding:.35rem .4rem;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);font-size:.78rem;cursor:pointer}.daystrip .day.active{border-color:var(--brass);background:var(--ink);color:var(--paper)}table.tbl{width:100%;border-collapse:collapse;font-size:.85rem}table.tbl th,table.tbl td{text-align:left;padding:.25rem .3rem;border-bottom:1px solid var(--line);vertical-align:top}table.tbl th{font-weight:600;color:var(--ink-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}@media print{body{height:auto;overflow:visible;background:#fff;color:#000;display:block}.topbar,.tabbar,#map,#map-overlay,.disclaimer,.toast,.btnrow,.noprint{display:none!important}.panel{position:static;width:auto;border:0;box-shadow:none;padding:0}.panel[hidden]{display:none}.card{break-inside:avoid;border-color:#999;background:#fff}}