@import url("https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&family=Caveat:wght@400..700&display=swap");@font-face{font-family:Avocado Cake;src:url(/fonts/Avocado_Cake_Demo.otf) format("opentype");font-weight:400 700;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeueMedium.otf) format("opentype");font-weight:500;font-display:swap}:root{--ag-blue:#5184a8;--ag-blue-sky:#7ba6c4;--ag-blue-deep:#3d6885;--ag-sand:#d1bda4;--ag-rose:#d6a49e;--ag-clay:#cb9890;--ag-orange:#e27f1e;--ag-ink:#4b4b4b;--ag-gray-1:#777777;--ag-gray-2:#afafaf;--ag-gray-3:#e5e5e5;--ag-gray-4:#f7f7f7;--ag-white:#ffffff;--fg-1:var(--ag-ink);--fg-2:var(--ag-gray-1);--fg-3:var(--ag-gray-2);--fg-on-color:var(--ag-white);--bg-1:var(--ag-white);--bg-2:var(--ag-gray-4);--bg-tint:#eef3f7;--brand:var(--ag-blue);--brand-press:var(--ag-blue-deep);--accent:var(--ag-orange);--border:var(--ag-gray-3);--border-strong:var(--ag-gray-2);--tide:var(--ag-blue);--wind:var(--ag-blue-sky);--wave:var(--ag-orange);--ok:var(--ag-blue);--warn:var(--ag-orange);--err:var(--ag-clay);--font-display:"Avocado Cake","Shantell Sans","Comic Sans MS",cursive;--font-script:"Caveat",cursive;--font-sans:"Helvetica Neue LT Std","Helvetica Neue",Helvetica,Arial,sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-pill:999px;--radius:var(--radius-lg);--shadow-sm:0 1px 2px rgba(75,75,75,.06),0 1px 3px rgba(75,75,75,.08);--shadow-md:0 4px 12px rgba(61,104,133,.10),0 2px 4px rgba(75,75,75,.06);--shadow-lg:0 16px 40px rgba(61,104,133,.16),0 4px 10px rgba(75,75,75,.06);--shadow-blue:0 12px 28px rgba(81,132,168,.30);--shadow:var(--shadow-md);--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--fg-1);background:radial-gradient(1100px 520px at 85% -12%,rgba(81,132,168,.12),transparent 60%),radial-gradient(820px 460px at -8% 4%,rgba(226,127,30,.08),transparent 55%),var(--bg-tint);min-height:100vh}a{color:var(--brand)}h1,h2,h3{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.01em;color:var(--fg-1);line-height:1.05;text-wrap:balance}.site-header{flex-wrap:wrap;justify-content:space-between;gap:16px;padding:16px clamp(16px,4vw,48px);border-bottom:1px solid var(--border);background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand,.site-header{display:flex;align-items:center}.brand{gap:12px;text-decoration:none;color:inherit}.brand-logo{height:46px;width:auto;display:block}.brand-text h1{margin:0;font-size:clamp(22px,2.6vw,30px)}.brand-text h1 span{color:var(--brand)}.brand-sub{margin:2px 0 0;color:var(--fg-2);font-size:13px;font-family:var(--font-sans)}.header-actions{display:flex;align-items:center;gap:12px;font-size:14px}.header-actions a{text-decoration:none}.credits{text-align:right;font-size:13px;color:var(--fg-2)}.credits p{margin:0}.credits strong{color:var(--fg-1)}.credits .sponsor{margin-top:4px;font-size:12px}.container{max-width:1040px;margin:0 auto;padding:26px clamp(16px,4vw,32px) 56px}.status-bar{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-2);margin-bottom:18px}.dot{width:9px;height:9px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 4px rgba(226,127,30,.14)}.dot.ok{background:var(--ok);box-shadow:0 0 0 4px rgba(81,132,168,.16)}.dot.err{background:var(--err);box-shadow:0 0 0 4px rgba(203,152,144,.18)}.surf-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);border:1px solid rgba(226,127,30,.3);margin-bottom:22px;background:linear-gradient(120deg,rgba(226,127,30,.12),rgba(81,132,168,.08));box-shadow:var(--shadow-sm);font-size:15px;color:var(--fg-1)}.surf-banner.none{border-color:var(--border);background:var(--bg-2);color:var(--fg-2)}.surf-banner .tag{font-family:var(--font-script);font-size:26px;line-height:1;color:var(--accent);flex:0 0 auto}.surf-banner.none .tag{color:var(--ag-gray-2)}.surf-banner strong{color:var(--brand-press)}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:26px}.card{background:var(--ag-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:auto -40px -40px auto;width:120px;height:120px;border-radius:50%;opacity:.16}.card--tide:after{background:var(--tide)}.card--wind:after{background:var(--wind)}.card--wave:after{background:var(--wave)}.card h2{margin:0 0 10px;font-family:var(--font-sans);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--brand)}.card-main{display:flex;align-items:baseline;gap:6px}.big{font-family:var(--font-display);font-size:clamp(38px,6vw,52px);line-height:1;color:var(--fg-1)}.unit{font-size:16px}.card-sub,.unit{color:var(--fg-2)}.card-sub{margin:12px 0 0;font-size:14px;display:flex;align-items:center;gap:8px}.compass{display:inline-block;font-size:20px;color:var(--wind);transition:transform .4s var(--ease)}.day-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:18px}.day-btn{flex:0 0 auto;background:var(--ag-white);border:1px solid var(--border);color:var(--fg-2);border-radius:var(--radius-pill);padding:9px 18px;font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:.18s var(--ease);white-space:nowrap}.day-btn:hover{border-color:var(--brand);color:var(--brand)}.day-btn.active{background:var(--brand);color:var(--fg-on-color);border-color:transparent;box-shadow:var(--shadow-blue)}.panel{background:var(--ag-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px 24px;margin-bottom:22px;box-shadow:var(--shadow-md)}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}.panel-head h2{margin:0;font-size:26px}.panel-meta{color:var(--fg-2);font-size:11px;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.12em}.chart-wrap{width:100%;position:relative}canvas{width:100%;display:block}.chart-empty{min-height:220px;display:flex;align-items:center;justify-content:center;color:var(--fg-3);font-size:14px}.chart-legend{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--fg-2);flex-wrap:wrap}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.swatch.low{background:var(--accent);border-radius:50%}.swatch.window{background:rgba(226,127,30,.22)}.swatch.line{background:var(--tide);height:3px;border-radius:2px}.table-wrap{overflow-x:auto}table.hourly{width:100%;border-collapse:collapse;font-size:14px}.hourly td,.hourly th{padding:11px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.hourly thead th{color:var(--fg-2);font-family:var(--font-sans);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.hourly tbody tr:hover{background:var(--bg-tint)}.hourly tbody tr.now{background:rgba(81,132,168,.1)}.hourly tbody tr.now td:first-child{color:var(--brand);font-weight:700}.hourly tbody tr.surf td{box-shadow:inset 3px 0 0 var(--accent)}.wind-cell{display:flex;align-items:center;gap:8px}.wind-arrow{color:var(--wind);display:inline-block}.dir-label{color:var(--fg-3);font-size:12px}.bar{display:inline-block;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--ag-blue-sky),var(--brand));vertical-align:middle;margin-left:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--ag-gray-4);color:var(--fg-1);border-radius:var(--radius-pill);padding:12px 24px;font-family:var(--font-sans);font-weight:500;font-size:15px;cursor:pointer;text-decoration:none;transition:.18s var(--ease)}.btn:hover{filter:brightness(.98)}.btn--primary{background:var(--brand);color:var(--fg-on-color);box-shadow:var(--shadow-blue)}.btn--primary:hover{background:var(--brand-press);filter:none}.btn--accent{background:var(--accent);color:var(--fg-on-color)}.btn--ghost{background:transparent;color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand)}.btn--block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.auth-wrap{max-width:440px;margin:7vh auto;padding:0 16px}.auth-card{background:var(--ag-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px 28px;box-shadow:var(--shadow-lg)}.auth-card h1{margin:0 0 6px;font-size:34px}.auth-card p.sub{margin:0 0 22px;color:var(--fg-2);font-size:15px;font-family:var(--font-sans);line-height:1.5}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:500;margin-bottom:6px}.field input,.field label{font-family:var(--font-sans);color:var(--fg-1)}.field input{width:100%;background:var(--ag-white);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:15px;outline:none;transition:.15s var(--ease)}.field input::placeholder{color:var(--ag-gray-2)}.field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(81,132,168,.15)}.field-row{display:flex;gap:12px}.field-row .field{flex:1 1}.divider{display:flex;align-items:center;gap:12px;color:var(--fg-3);font-size:12px;margin:18px 0;font-family:var(--font-sans)}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.msg{font-size:14px;margin-top:12px;font-family:var(--font-sans)}.msg.err{color:var(--ag-clay)}.msg.ok{color:var(--brand)}.note{font-size:13px;color:var(--fg-2);background:var(--bg-tint);border:1px solid rgba(81,132,168,.18);border-radius:var(--radius-md);padding:14px 16px;margin-top:16px}.note,.site-footer{line-height:1.6;font-family:var(--font-sans)}.site-footer{margin-top:30px;color:var(--fg-3);font-size:12px}.site-footer a{color:var(--brand)}.site-footer .coords{margin-top:6px}@media (max-width:680px){.cards{grid-template-columns:1fr}.credits{text-align:left}.site-header{flex-direction:column;align-items:flex-start}}