:root{--bg:#f6f8fa;--surface:#fff;--surface-2:#eef3f7;--ink:#0b1f33;--ink-2:#44607a;--ink-3:#7a8fa6;--tide:#0e7c7b;--tide-deep:#0a4f5e;--accent:#2563eb;--warn:#d97706;--night-band:#0b1f330f;--now-line:#ef4444;--d-bg:#0b1f33;--d-surface:#12293f;--d-ink:#e8f0f6;--d-ink-2:#9fb4c6;--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-data:"Inter", system-ui, sans-serif;--fs-hero:2.5rem / 3rem;--fs-h1:1.5rem / 1.875rem;--fs-h2:1.125rem;--fs-body:1rem;--fs-data:1.125rem;--fs-note:.8125rem;--space:8px;--radius:12px;--radius-lg:16px;--shadow-card:0 1px 3px #0b1f3314, 0 4px 12px #0b1f330d}@media (prefers-color-scheme:dark){:root{--bg:var(--d-bg);--surface:var(--d-surface);--surface-2:#17324b;--ink:var(--d-ink);--ink-2:var(--d-ink-2);--ink-3:#6e869b;--tide:#17a3a1;--night-band:#e8f0f60d;--shadow-card:0 1px 3px #00000059, 0 4px 12px #00000040}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}time,.num,.data,.card{font-variant-numeric:tabular-nums}h1{font:600 var(--fs-h1) var(--font-ui);margin:0 0 calc(var(--space) * 2);font-weight:600}h2{font-size:var(--fs-h2);margin:0 0 var(--space);font-weight:600}p{margin:0 0 calc(var(--space) * 2)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.container{max-width:760px;padding-inline:calc(var(--space) * 2);margin-inline:auto}@media (width>=768px){.container{padding-inline:calc(var(--space) * 3)}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:calc(var(--space) * 2.5)}.card+.card{margin-top:calc(var(--space) * 2)}.note{font-size:var(--fs-note);color:var(--ink-3)}.site-header{z-index:100;background:color-mix(in srgb, var(--bg) 80%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb, var(--ink) 8%, transparent);height:48px;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:calc(var(--space) * 2);height:100%;display:flex}.wordmark{color:var(--ink);white-space:nowrap;font-size:1rem;font-weight:600}.wordmark:hover{text-decoration:none}.search-pill{min-width:180px;height:32px;padding-inline:calc(var(--space) * 2);border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);background:var(--surface);color:var(--ink-3);font-size:var(--fs-note);cursor:text;border-radius:999px;align-items:center;display:flex}main{padding-block:calc(var(--space) * 3) calc(var(--space) * 6)}.site-footer{border-top:1px solid color-mix(in srgb, var(--ink) 8%, transparent);padding-block:calc(var(--space) * 3);font-size:var(--fs-note);color:var(--ink-3)}.site-footer nav{gap:calc(var(--space) * 2);margin-top:var(--space);display:flex}.site-footer a{color:var(--ink-2)}@media print{.site-header,.site-footer{display:none}}.loc-header h1{margin-bottom:var(--space)}.loc-meta{color:var(--ink-2);font-size:var(--fs-note);margin-bottom:var(--space)}.badge{font-size:var(--fs-note);margin-left:var(--space);vertical-align:1px;border-radius:999px;padding:1px 8px;display:inline-block}.badge.active{background:color-mix(in srgb, var(--tide) 12%, transparent);color:var(--tide)}.badge.predicted{background:color-mix(in srgb, var(--ink-3) 14%, transparent);color:var(--ink-2)}.badge.warn{background:color-mix(in srgb, var(--warn) 12%, transparent);color:var(--warn)}.now-card{margin-top:calc(var(--space) * 2)}.now-top{justify-content:space-between;align-items:baseline;display:flex}.now-label{font-size:var(--fs-note);letter-spacing:.12em;color:var(--ink-3);font-weight:600}.now-height{font:700 var(--fs-hero) var(--font-data);font-variant-numeric:tabular-nums;font-weight:700}.now-unit{color:var(--ink-2);margin-left:2px;font-size:1rem;font-weight:500}.now-arrow{margin-left:4px;font-size:1.25rem}.now-arrow.up{color:var(--tide)}.now-arrow.down{color:var(--accent)}.now-sub{color:var(--ink-2);margin:0 0 var(--space);font-variant-numeric:tabular-nums}.now-dot{color:var(--ink-3);margin-inline:6px}.tide-clock{width:100%;max-width:280px;margin:var(--space) auto 0;display:block}.clock-arc{stroke:var(--surface-2);stroke-width:8px;stroke-linecap:round}.clock-needle{stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round}.clock-hub{fill:var(--ink)}.clock-tick-low{fill:var(--accent)}.clock-tick-high{fill:var(--tide)}.clock-scale{fill:var(--ink-3);letter-spacing:.08em;font-size:8px}.action-bar{gap:var(--space);margin-top:calc(var(--space) * 2);display:grid}.action-row{gap:4px calc(var(--space) * 1.5);padding:calc(var(--space) * 1.5) calc(var(--space) * 2);border-radius:var(--radius);border-left:3px solid #0000;grid-template-columns:24px 1fr;align-items:center;display:grid}.action-row.fishing{background:color-mix(in srgb, var(--accent) 8%, transparent);border-left-color:var(--accent);color:var(--ink)}.action-row.tidepool{background:color-mix(in srgb, var(--tide) 8%, transparent);border-left-color:var(--tide);color:var(--ink)}.action-icon{width:22px;height:22px}.action-row.fishing .action-icon{color:var(--accent)}.action-row.tidepool .action-icon{color:var(--tide)}.action-title{font-weight:600;font-size:var(--fs-note);color:var(--ink-2);margin-right:var(--space)}.action-time{font-size:var(--fs-data);font-weight:500}.action-note{font-size:var(--fs-note);color:var(--ink-2);grid-column:2;margin:0}.tide-table{margin-top:calc(var(--space) * 2)}.tide-events{gap:var(--space);margin:0;padding:0;list-style:none;display:grid}.tide-event{align-items:baseline;gap:var(--space);padding:calc(var(--space) * 1.25) calc(var(--space) * 1.5);border-radius:calc(var(--radius) / 2);background:var(--surface-2);grid-template-columns:24px 1fr auto auto;display:grid}.tide-event.next{background:color-mix(in srgb, var(--accent) 8%, var(--surface));border-left:1px solid var(--accent)}.te-arrow{color:var(--ink-2)}.te-time{font-size:var(--fs-data);font-weight:500}.te-height{text-align:right;font-weight:500}.te-type{color:var(--ink-2);font-size:var(--fs-note);text-align:right;min-width:34px}@media (width>=768px){.tide-events{grid-template-columns:repeat(4,1fr)}.tide-event{padding:calc(var(--space) * 2) var(--space);grid-template-columns:1fr;justify-items:center;gap:2px}.te-height,.te-type{text-align:center}}.tomorrow{margin-top:calc(var(--space) * 1.5);margin-bottom:0}.tide-curve{margin-top:calc(var(--space) * 2)}.tide-curve svg{width:100%;height:auto;display:block}.today-col{fill:color-mix(in srgb, var(--tide) 4%, transparent)}.night-band{fill:var(--night-band)}.curve-line{stroke:var(--tide);stroke-width:2px}.dot-high{fill:var(--tide-deep)}.dot-low{fill:var(--accent)}.ext-label{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:8.5px}.axis-label{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:9.5px}.now-line{stroke:var(--now-line);stroke-width:1.5px}#tideFill .fill-top{stop-color:var(--tide);stop-opacity:.2}#tideFill .fill-bottom{stop-color:var(--tide);stop-opacity:0}.curve-table{margin-top:var(--space);font-size:var(--fs-note)}.curve-table summary{cursor:pointer;color:var(--ink-2);align-items:center;min-height:44px;display:inline-flex}.curve-table table{border-collapse:collapse;width:100%;margin-top:var(--space)}.curve-table td,.curve-table th{text-align:left;border-bottom:1px solid var(--surface-2);font-variant-numeric:tabular-nums;padding:4px 8px}.curve-table td.num{text-align:right}.moon-sun{margin-top:calc(var(--space) * 2)}.ms-grid{gap:calc(var(--space) * 2);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.ms-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}.ms-item{text-align:center}.ms-moon{align-items:center;gap:calc(var(--space) * 1.5);text-align:left;display:flex}.moon-icon{flex:none;width:40px;height:40px}.moon-disc{fill:none;stroke:var(--ink-3);stroke-width:1px}.moon-lit{fill:var(--ink)}.ms-value{font-size:var(--fs-data);font-variant-numeric:tabular-nums;font-weight:500}.ms-label{font-size:var(--fs-note);color:var(--ink-3)}.rating{gap:3px;margin-top:4px;display:flex}.ms-item:not(.ms-moon) .rating{justify-content:center}.rating-dot{background:var(--surface-2);border-radius:50%;width:7px;height:7px}.rating-dot.on{background:var(--tide)}.faq{margin-top:calc(var(--space) * 2)}.faq-item{border-top:1px solid var(--surface-2)}.faq-item summary{cursor:pointer;padding:calc(var(--space) * 1.5) 0;align-items:center;min-height:44px;font-weight:500;display:flex}.faq-item p{margin:0 0 calc(var(--space) * 1.5);color:var(--ink-2)}.nearby{margin-top:calc(var(--space) * 2)}.nearby ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.nearby li{border-top:1px solid var(--surface-2);justify-content:space-between;align-items:center;min-height:44px;display:flex}.source-note{margin-top:calc(var(--space) * 3);font-size:var(--fs-note);color:var(--ink-2)}.source-note p{margin-bottom:var(--space)}@media print{body{color:#000;background:#fff}.card{box-shadow:none;break-inside:avoid;border:1px solid #ccc}.action-bar,.nearby,.now-card,.curve-table summary{display:none!important}.curve-table details{display:block}.curve-table details:not([open]) table{display:table}.curve-table summary{display:none}a{color:#000}}.hero{text-align:center;padding:calc(var(--space) * 6) 0 calc(var(--space) * 4)}.hero-title{margin-bottom:var(--space);font-size:1.75rem}.hero-sub{color:var(--ink-2);margin-bottom:calc(var(--space) * 3)}.search-wrap{max-width:480px;margin:0 auto;position:relative}.search-input{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:var(--surface);width:100%;height:48px;color:var(--ink);padding:0 calc(var(--space) * 3);box-shadow:var(--shadow-card);border-radius:999px;font-size:1rem}.search-input:focus{outline:2px solid var(--accent);outline-offset:1px}.search-results{padding:var(--space);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-card);z-index:50;text-align:left;margin:0;list-style:none;position:absolute;top:54px;left:0;right:0}.search-results li a{padding:10px calc(var(--space) * 2);border-radius:calc(var(--radius) / 2);color:var(--ink);box-sizing:border-box;min-height:44px;display:block}.search-results li.active a,.search-results li a:hover{background:var(--surface-2);text-decoration:none}.geo-btn{margin-top:calc(var(--space) * 2);align-items:center;gap:var(--space);min-height:44px;padding:0 calc(var(--space) * 2.5);border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;font-size:1rem;display:inline-flex}.geo-btn:hover{background:var(--surface-2)}.geo-icon{width:18px;height:18px;color:var(--accent)}.geo-msg{margin-top:var(--space);min-height:1.2em}.popular{margin-top:calc(var(--space) * 2)}.popular-grid{gap:4px var(--space);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.popular-grid{grid-template-columns:repeat(3,1fr)}}.popular-grid li{border-bottom:1px solid var(--surface-2);justify-content:space-between;align-items:center;min-height:44px;padding-right:4px;display:flex}