:root{--font-serif:"Source Serif 4", "Source Serif Pro", Charter, "Iowan Old Style", Georgia, "Songti SC", STSong, "Noto Serif SC", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#fff;--bg-body-start:#fff;--bg-body-end:#fafafa;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#4b5563;--text-accent:#2563eb;--text-accent-strong:#1d4ed8;--surface:#fff;--surface-muted:#f3f4f6;--surface-soft:#f9fafb;--surface-soft-2:#f3f4f6;--surface-elevated:#fffffff5;--border:#e5e7eb;--border-strong:#d1d5db;--border-soft:#f3f4f6;--shadow-card:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-hero:0 4px 16px #0000000d;--focus:#93c5fd;--chip-bg:#f3f4f6;--chip-text:#374151;--skeleton-base:#e5e7eb;--skeleton-glow:#f3f4f6;--chart-bar:#93c5fd;--chart-bar-hover:#60a5fa;--chart-bar-selected:#1e40af;--chart-bar-note:#2563eb;--chart-avg-line:#ea580c;color:var(--text-primary);background:var(--bg-page);font-family:Inter,PingFang SC,Hiragino Sans GB,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#0a0a0a;--bg-body-start:#0a0a0a;--bg-body-end:#0a0a0a;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#d1d5db;--text-accent:#60a5fa;--text-accent-strong:#93c5fd;--surface:#171717;--surface-muted:#262626;--surface-soft:#0f0f0f;--surface-soft-2:#1a1a1a;--surface-elevated:#171717f5;--border:#2a2a2a;--border-strong:#404040;--border-soft:#1f1f1f;--shadow-card:0 2px 8px #0006;--shadow-hero:0 8px 24px #0009;--focus:#60a5fa;--chip-bg:#262626;--chip-text:#e5e7eb;--skeleton-base:#262626;--skeleton-glow:#404040;--chart-bar:#3b82f6;--chart-bar-hover:#60a5fa;--chart-bar-selected:#93c5fd;--chart-bar-note:#60a5fa;--chart-avg-line:#fb923c}*{box-sizing:border-box}body{background:linear-gradient(180deg, var(--bg-body-start) 0%, var(--bg-body-end) 280px);color:var(--text-primary);margin:0}button,select{font:inherit;transition:background-color .16s,border-color .16s,color .16s}a,.hero,.panel,.metric,.filters,.freshness,.footer-note,.low-tide,.table-wrap{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}.page{max-width:1180px;margin:0 auto;padding:28px 24px 64px}.hero{border:1px solid var(--border);background:linear-gradient(135deg, var(--surface) 0%, var(--surface-muted) 100%);box-shadow:var(--shadow-hero);border-radius:20px;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:24px;padding:32px 36px;display:flex}.hero-main{min-width:0}.eyebrow{color:var(--text-accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:600}h1,h2,p{margin-top:0}h1{font-family:var(--font-serif);letter-spacing:-.012em;margin-bottom:14px;font-size:clamp(30px,4.4vw,52px);font-weight:600;line-height:1.08}h2{font-family:var(--font-serif);letter-spacing:-.005em;margin-bottom:10px;font-size:22px;font-weight:600}.lede{max-width:640px;color:var(--text-muted);font-size:17px;line-height:1.65}.hero-links{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.hero-links a,.back-link{border:1px solid var(--border-strong);background:var(--surface);min-height:32px;color:var(--text-accent);border-radius:999px;align-items:center;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}.hero-links a:hover,.back-link:hover{border-color:var(--focus);background:var(--surface-muted)}.freshness{border:1px solid var(--border-soft);background:var(--surface-elevated);border-radius:16px;align-self:flex-start;min-width:220px;padding:18px 22px}.freshness span,.field span,.metric span{color:var(--text-secondary);letter-spacing:.04em;font-size:12px;display:block}.freshness strong{font-family:var(--font-serif);letter-spacing:-.005em;margin:6px 0 10px;font-size:17px;font-weight:600;display:block}.filters,.metrics,.split{gap:18px;display:grid}.filters-mobile-control{display:none}.filters-toggle{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:40px;color:var(--text-primary);border-radius:12px;font-weight:600}.filters{border:1px solid var(--border-soft);background:var(--surface);box-shadow:var(--shadow-card);border-radius:18px;grid-template-columns:repeat(6,minmax(130px,1fr));margin-bottom:24px;padding:22px 24px}.field select{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text-primary);border-radius:12px;margin-top:6px;padding:10px 12px}.field select:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.metrics{grid-template-columns:repeat(6,1fr);margin-bottom:24px}.metric,.panel{border:1px solid var(--border-soft);background:var(--surface);box-shadow:var(--shadow-card);border-radius:18px;min-width:0}.metric{padding:20px 22px}.metric strong{font-family:var(--font-serif);letter-spacing:-.012em;color:var(--text-primary);margin-top:10px;font-size:30px;font-weight:600;display:block}.rhythm-title{font-family:var(--font-serif);letter-spacing:-.005em;margin-bottom:14px;font-size:22px;font-weight:600}.status-stats{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.status-stats span{background:var(--chip-bg);color:var(--chip-text);border-radius:999px;padding:7px 10px;font-size:13px}.panel{padding:26px 28px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.chart-actions{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:10px;display:flex}.zoom-indicator{border:1px solid var(--border);background:var(--surface-soft);height:36px;color:var(--text-secondary);border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.compact-heading{grid-template-columns:1fr 130px;align-items:start;gap:12px;margin-bottom:10px;display:grid}.section-heading p,.muted{color:var(--text-secondary);line-height:1.7}.ghost-button{border:1px solid var(--border-strong);background:var(--surface);height:38px;color:var(--text-primary);cursor:pointer;border-radius:999px;padding:0 14px}.ghost-button:hover:not(:disabled){border-color:var(--focus);background:var(--surface-muted)}.ghost-button:disabled{cursor:not-allowed;opacity:.45}.icon-button{border:1px solid var(--border-strong);background:var(--surface);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:999px;font-size:20px;font-weight:800;line-height:1}.icon-button:hover{border-color:var(--focus);background:var(--surface-muted)}.chart-shell{position:relative}.year-indicator{z-index:2;letter-spacing:.08em;color:var(--text-accent);background:var(--surface-elevated);border:1px solid var(--border);pointer-events:none;-webkit-backdrop-filter:blur(6px);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600;transition:color .16s,border-color .16s,background-color .16s;position:absolute;top:14px;left:18px}.y-axis-floating{pointer-events:none;z-index:1;position:absolute;inset:0}.y-axis-floating-label{color:var(--text-secondary);background:var(--surface-elevated);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(6px);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;right:14px;transform:translateY(-50%)}.chart-wrap{border:1px solid var(--border);background:var(--surface-soft);touch-action:pan-x pan-y;scrollbar-gutter:stable;border-radius:16px;max-width:100%;padding:8px 8px 4px;overflow:auto hidden}.chart-panel{margin-bottom:14px}.chart-wrap::-webkit-scrollbar{height:10px}.chart-wrap::-webkit-scrollbar-track{background:var(--surface-soft-2);border-radius:999px}.chart-wrap::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.chart{min-width:100%;display:block}.chart line{stroke:var(--border-strong)}.chart text{fill:var(--text-secondary);font-size:12px}.grid-line{stroke:var(--border)}.bar{fill:var(--chart-bar);cursor:pointer;transition:fill .14s}.bar:hover{fill:var(--chart-bar-hover)}.bar.selected{fill:var(--chart-bar-selected)}.bar-note{fill:var(--chart-bar-note);cursor:pointer;transition:fill .14s}.avg-line{fill:none;stroke:var(--chart-avg-line);stroke-width:2px;stroke-linejoin:round}.date-label{fill:var(--text-secondary);font-size:11px}.split{grid-template-columns:minmax(0,2fr) minmax(260px,.9fr);margin-top:14px}.footer-note{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-top:18px;padding:14px 16px}.footer-title{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.footer-links{flex-wrap:wrap;gap:8px;display:flex}.footer-links a{border:1px solid var(--border);background:var(--surface-soft);min-height:34px;color:var(--text-accent);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.footer-links a:hover{border-color:var(--focus);background:var(--surface-muted)}.pageview-counter{color:var(--text-secondary);letter-spacing:.04em;margin:14px 0 0;font-size:12px}.pageview-counter strong{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:0;margin:0 2px;font-size:14px;font-weight:600}.donate-page{max-width:760px}.donate-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;margin-top:24px;padding:28px}.donate-qr{border:1px solid var(--border-soft);background:var(--surface-soft-2);border-radius:18px;width:min(360px,100%);margin:28px auto 16px;display:block}code{background:var(--surface-muted);color:var(--text-accent);border-radius:6px;padding:2px 5px}.low-tide-list{gap:10px;display:grid}.low-tide{border:1px solid var(--border-soft);background:var(--surface-soft-2);border-radius:14px;padding:12px}.low-tide strong,.low-tide span{display:block}.low-tide span{color:var(--text-secondary);margin-top:4px;font-size:13px}.table-wrap{border:1px solid var(--border);border-radius:14px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;padding:10px 8px}tbody tr:nth-child(2n){background:var(--surface-soft)}tbody tr:hover{background:var(--surface-muted)}th{color:var(--text-secondary);font-size:12px;font-weight:700}a{color:var(--text-accent)}.theme-icon-button{border:1px solid var(--border-strong);background:var(--surface);width:32px;height:32px;color:var(--text-accent);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;display:inline-flex}.theme-icon-button:hover{border-color:var(--focus);background:var(--surface-muted)}.skeleton-card{position:relative;overflow:hidden}.skeleton-card:after{content:"";background:linear-gradient(120deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:1.2s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-stack{gap:10px;display:grid}.skeleton-line,.skeleton-block,.skeleton-field{background:linear-gradient(90deg, var(--skeleton-base), var(--skeleton-glow));border-radius:10px;display:block}.skeleton-line.sm{width:120px;height:14px}.skeleton-line.md{width:min(500px,95%);height:16px}.skeleton-line.lg{width:min(420px,90%);height:42px}.skeleton-block{min-width:260px;height:120px}.skeleton-field{height:58px}.note-cell{min-width:280px;max-width:460px;line-height:1.5}.error{color:#9b1c1c;background:#fff5f5;border:1px solid #f7b4b4;border-radius:14px;padding:16px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=920px){.hero,.section-heading{display:block}.hero{padding:18px}.chart-actions{justify-content:flex-start;margin-top:12px}.zoom-indicator{height:34px}.compact-heading{grid-template-columns:1fr}.filters,.metrics,.split{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media (width<=640px){.page{padding:16px 12px 36px}.hero{border-radius:16px;gap:12px;padding:12px}h1{font-size:clamp(24px,7vw,30px)}.lede{margin-bottom:8px;font-size:14px;line-height:1.45}.hero-links{gap:8px;margin-top:10px}.hero-links a,.back-link{min-height:30px;padding:0 10px;font-size:12px}.theme-icon-button{width:30px;height:30px;font-size:15px}.freshness{min-width:0;margin-top:12px;padding:12px}.filters-mobile-control{margin-bottom:10px;display:block}.filters{margin-bottom:14px;display:none}.filters.mobile-expanded{grid-template-columns:1fr;display:grid}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.split{grid-template-columns:1fr}.panel{border-radius:16px;padding:16px}.metric{padding:12px}.metric strong{font-size:20px}.rhythm-title{font-size:19px}.status-stats span{font-size:12px}.zoom-indicator{justify-content:center;width:100%}.footer-note{padding:12px}.footer-links{flex-direction:column}.footer-links a{justify-content:center;width:100%}.chart-wrap{padding:6px 6px 2px}}@media (width<=380px){.metrics{grid-template-columns:1fr}}