:root{--bg: #fbfaf7;--surface: #ffffff;--surface-2: #f3f1ec;--text: #141414;--muted: rgba(20, 20, 20, .72);--faint: rgba(20, 20, 20, .55);--stroke: rgba(20, 20, 20, .14);--shadow: 0 20px 70px rgba(0, 0, 0, .08);--radius: 18px;--radius-sm: 12px;--accent: #0b3d2e;--accent-2: #0a2a22;--link: #0b3d2e;--serif: ui-serif, Georgia, "Times New Roman", Times, serif;--sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);line-height:1.6;font-weight:400;color-scheme:light;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{opacity:.9}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:clamp(2.25rem,4vw,3.25rem);line-height:1.1;letter-spacing:-.02em;margin:0;font-family:var(--serif);font-weight:650}h2{font-size:clamp(1.6rem,2.5vw,2.1rem);letter-spacing:-.01em;margin:0 0 1rem;font-family:var(--serif);font-weight:650}h3{margin:0 0 .5rem;font-family:var(--serif);font-weight:650}p{margin:0}*{box-sizing:border-box}#app{min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1100px,calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;background:#fbfaf7e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--stroke)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;font-weight:700}.brand-name{letter-spacing:-.01em;font-family:var(--serif);font-size:1.15rem}.nav{display:none;gap:.8rem;align-items:center}.nav-link{padding:.45rem .6rem;border-radius:10px;color:var(--muted)}.nav-link:hover{background:#1414140a;color:var(--text);opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:.7rem 1rem;font-weight:650;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--sans)}.btn-primary{color:#fbfaf7;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 12px 30px #0b3d2e2e}.btn-primary:hover{opacity:.95}.btn-ghost{background:transparent;border-color:var(--stroke);color:var(--text)}.btn-ghost:hover{background:#1414140a;opacity:1}.hero{padding:3.2rem 0 2.4rem;background:radial-gradient(900px 500px at 20% 10%,rgba(11,61,46,.12),transparent 60%),radial-gradient(900px 500px at 80% 40%,rgba(11,61,46,.06),transparent 55%)}.hero-photo{position:relative}.hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fbfaf78c,#fbfaf7eb),url(https://upload.wikimedia.org/wikipedia/commons/1/16/Crab_shell_partially_buried_in_sand_at_Long_Beach%2C_in_Tofino%2C_British_Columbia_Canada.JPG);background-size:cover;background-position:center;pointer-events:none}.hero-photo .container{position:relative}.hero-inner{display:grid;grid-template-columns:1fr;gap:1.3rem;align-items:start}.hero-copy{padding:.3rem 0}.lead{margin-top:.85rem;font-size:1.05rem;color:var(--muted);max-width:60ch}.sublead{color:var(--muted)}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--faint);margin-bottom:.8rem}.hero-links{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;color:var(--muted)}.inline-link{color:var(--link);border-bottom:1px solid rgba(11,61,46,.25);padding-bottom:.08rem}.inline-link:hover{border-bottom-color:#0b3d2e99;opacity:1}.dot{color:var(--faint)}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1.6rem}.meta-item{border:1px solid var(--stroke);background:#ffffff0a;border-radius:var(--radius-sm);padding:.85rem .9rem}.meta-label{font-size:.82rem;color:var(--faint)}.meta-value{margin-top:.25rem;font-weight:650}.hero-card{border:1px solid var(--stroke);background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card-inner{padding:1.25rem}.hero-card-title{font-weight:700;margin-bottom:.8rem}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;color:var(--muted)}.checklist li{padding-left:1.4rem;position:relative}.checklist li:before{content:"";position:absolute;left:0;top:.55rem;width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.hero-card-foot{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}.pill{font-size:.85rem;padding:.25rem .65rem;border-radius:999px;border:1px solid var(--stroke);color:var(--muted);background:#ffffff0a}.section{padding:2.6rem 0}.section-muted{background:#14141405;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.grid{display:grid;grid-template-columns:1fr;gap:1rem}.card{border:1px solid var(--stroke);background:var(--surface);border-radius:var(--radius);padding:1.1rem}.card p{color:var(--muted)}.panel{border:1px solid var(--stroke);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem}.panel-head{display:grid;gap:.4rem;padding-bottom:1.1rem;border-bottom:1px solid var(--stroke);margin-bottom:1.1rem}.forecast{margin-top:.9rem;padding:.9rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(20,20,20,.12);background:#14141405}.forecast-title{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.forecast-body{margin-top:.35rem;font-weight:650}.cond-list{list-style:none;padding:0;margin:.4rem 0 0;display:grid;gap:.45rem}.cond-item{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(20,20,20,.08);padding-top:.45rem}.cond-item:first-child{border-top:none;padding-top:0}.cond-k{color:var(--faint);font-weight:600}.cond-v{font-weight:700}.tide{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(20,20,20,.12)}.tide-title{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.tide-body{margin-top:.35rem;font-weight:700}.warning{margin-top:.9rem;padding:.9rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(140,33,33,.2);background:#8c21210f}.warning-title{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#8c2121cc}.warning-body{margin-top:.35rem;color:#8c2121d9;font-weight:650}.spot-row{margin-top:.85rem;display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center}.spot-label{font-size:.9rem;color:var(--faint)}.spot-row select{width:100%}.geo-row{margin-top:.75rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.geo-status{color:var(--faint);font-size:.95rem}.nearby{margin-top:.8rem;padding:.9rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(20,20,20,.12);background:#14141405}.nearby-title{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:.55rem}.nearby-list{display:grid;gap:.5rem}.nearby-item{text-align:left;border:1px solid var(--stroke);background:var(--surface);border-radius:12px;padding:.65rem .8rem;font-family:var(--sans);font-weight:650;cursor:pointer}.nearby-item:hover{background:#14141408}.map-wrap{margin:1rem 0 1.1rem}.map{width:100%;height:520px;border-radius:var(--radius);border:1px solid var(--stroke);overflow:hidden;background:var(--surface-2)}.map-foot{margin-top:.55rem;color:var(--faint);font-size:.92rem}.leaflet-container{font-family:var(--sans)}.dir-icon{background:transparent;border:none}.form{display:grid;gap:.9rem}.fields{display:grid;grid-template-columns:1fr;gap:.85rem}.field{display:grid;gap:.4rem}.label{font-size:.9rem;color:var(--faint)}.control{display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:center}.control-single{grid-template-columns:1fr}input,select{font-family:var(--sans);font-size:1rem;border-radius:12px;border:1px solid var(--stroke);background:var(--surface);padding:.75rem .85rem;color:var(--text)}input::placeholder{color:#14141466}input:focus,select:focus{outline:none;border-color:#0b3d2e99;box-shadow:0 0 0 4px #0b3d2e1f}select{padding-right:.85rem}.actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.hint{color:var(--faint);font-size:.95rem}.results{margin-top:1.1rem;display:grid;grid-template-columns:1fr;gap:.9rem}.result{border:1px solid var(--stroke);background:var(--surface-2);border-radius:var(--radius);padding:1rem 1.1rem}.result-title{font-family:var(--serif);font-weight:700;margin-bottom:.7rem}.result-row{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-top:1px solid rgba(20,20,20,.09)}.result-row:first-of-type{border-top:none}.result-k{color:var(--faint)}.result-v{font-weight:700}.explain-cols{margin-top:.75rem;display:grid;grid-template-columns:1fr;gap:.9rem}.explain-sub{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:.35rem}.explain-list{margin:0;padding-left:1.1rem;color:var(--muted);display:grid;gap:.35rem}.viz{margin-top:.75rem;border-radius:var(--radius-sm);border:1px solid rgba(20,20,20,.12);overflow:hidden;background:#ffffff40}.result-foot{margin-top:.8rem;color:var(--faint);font-size:.92rem}.prose{display:grid;gap:.85rem;max-width:70ch}.split{display:grid;grid-template-columns:1fr;gap:1.2rem;align-items:start}.bullets{margin:0;padding-left:1.15rem;color:var(--muted);display:grid;gap:.35rem}.contact-row{margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap}.site-footer{margin-top:auto;border-top:1px solid var(--stroke);background:#fbfaf7e6}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 0;color:var(--faint)}.footer-links a{color:var(--faint);border:1px solid var(--stroke);padding:.35rem .6rem;border-radius:999px}.footer-links a:hover{background:#1414140a;color:var(--text);opacity:1}@media(min-width:860px){.nav{display:inline-flex}.hero-inner{grid-template-columns:1fr;gap:2rem;align-items:start}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split{grid-template-columns:1.1fr .9fr}.fields{grid-template-columns:1fr}.results{grid-template-columns:repeat(2,minmax(0,1fr))}.explain-cols{grid-template-columns:1fr 1fr}}