:root{--color-navy:#1b2e4b;--color-fog:#e8ecf0;--color-paper:#fffefa;--color-paper-warm:#f8f4ec;--color-sand:#c9b99a;--color-pine:#2d5016;--color-stone:#6b7280;--color-sky:#4a90a4;--color-lobster:#c0392b;--color-white:#fff;--color-green-tint:#d6edcb;--color-sand-tint:#f0e8d8;--color-red-tint:#fad7d4;--color-sky-tint:#d6ebf0;--color-sand-line:#c9b99a73;--shadow-card:0 2px 10px #1b2e4b14;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:34px;--weight-normal:400;--weight-medium:500;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.45;--leading-loose:1.6;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--leading-normal);color:var(--color-navy);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(circle at 0 0,#fffefae6,#0000 280px),linear-gradient(#eef2f4 0%,#e8ecf0 45%,#f4f0e8 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}#root{max-width:640px;min-height:100vh;margin:0 auto}h1,h2,h3{line-height:var(--leading-tight);font-weight:var(--weight-bold)}a{color:var(--color-sky);text-decoration:none}button{font-family:inherit}ul{list-style:none}.page{max-width:640px;padding:24px 18px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.page-header{margin-bottom:var(--space-lg)}.page-header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.page-header-text{min-width:0}.page-title{font-size:var(--font-size-2xl);color:var(--color-navy)}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-stone);line-height:var(--leading-normal);margin-top:6px}.header-art{object-fit:contain;opacity:.85;flex-shrink:0;width:124px;height:auto;max-height:62px}.header-art--hero{width:152px;max-height:84px}.section-title{font-size:var(--font-size-lg);color:var(--color-navy);margin:28px 0 12px}.muted{color:var(--color-stone)}.empty-state{text-align:center;color:var(--color-stone);padding:var(--space-xl) var(--space-md);font-size:var(--font-size-sm)}.loading{text-align:center;color:var(--color-stone);padding:var(--space-lg);font-size:var(--font-size-sm)}.card{background:var(--color-paper);border:1px solid var(--color-sand-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:14px;padding:18px}.card--best{border-left:5px solid var(--color-pine)}.card--caution{border-left:5px solid var(--color-sand)}.card--avoid{border-left:5px solid var(--color-lobster)}.card--neutral{border-left:5px solid #0000}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.card-title{font-size:var(--font-size-lg);color:var(--color-navy)}.card-meta{font-size:var(--font-size-sm);color:var(--color-stone);margin-top:var(--space-xs);line-height:var(--leading-normal)}.card-detail{font-size:var(--font-size-sm);color:var(--color-stone);margin-top:2px}.card-note{font-size:var(--font-size-sm);color:var(--color-navy);margin-top:var(--space-sm);font-style:italic}.card-reason{font-size:var(--font-size-sm);color:var(--color-navy);line-height:var(--leading-normal);margin-top:6px}.card-warning{font-size:var(--font-size-sm);color:var(--color-lobster);margin-top:var(--space-sm);align-items:flex-start;gap:6px;display:flex}.card-section{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-fog)}.card-badges{gap:var(--space-xs);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;max-width:55%;display:flex}.card-with-image{grid-template-columns:1fr 96px;align-items:start;gap:14px;display:grid}.card-thumbnail{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--color-sand-line);width:96px;height:96px}.section-kicker{background:var(--color-sand-tint);color:#7a5c2e;font-size:11px;font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-sm);border-radius:999px;padding:4px 10px;display:inline-block}.section-kicker--avoid{background:var(--color-red-tint);color:var(--color-lobster)}.badge{font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;align-items:center;padding:3px 8px;display:inline-flex}.badge--green{background:var(--color-green-tint);color:var(--color-pine)}.badge--sand{background:var(--color-sand-tint);color:#7a5c2e}.badge--red{background:var(--color-red-tint);color:var(--color-lobster)}.badge--gray{background:var(--color-fog);color:var(--color-stone)}.badge--sky{background:var(--color-sky-tint);color:var(--color-sky)}.btn{width:100%;padding:14px var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--weight-bold);text-align:center;cursor:pointer;border:none;display:block}.btn--primary{background:var(--color-navy);color:#fff}.btn--secondary{background:var(--color-fog);color:var(--color-navy);border:1px solid var(--color-sand)}.card-actions{border-top:1px solid #c9b99a59;align-items:center;gap:18px;margin-top:16px;padding-top:12px;display:flex}.card-action{color:var(--color-sky);font-size:var(--font-size-sm);font-weight:var(--weight-bold);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;text-decoration:none;display:inline-flex}.pill-button{border:1px solid var(--color-sand);background:var(--color-paper-warm);color:var(--color-navy);font-size:var(--font-size-sm);font-weight:var(--weight-bold);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:9px 14px;display:inline-flex}.detail-primary-action{background:var(--color-navy);color:#fff;width:100%;font-size:var(--font-size-base);font-weight:var(--weight-bold);cursor:pointer;margin-top:var(--space-lg);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;text-decoration:none;display:inline-flex}.filter-group{margin-bottom:var(--space-sm)}.filter-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-stone);font-weight:var(--weight-bold);margin-bottom:var(--space-xs)}.chip-row{gap:var(--space-sm);padding-bottom:var(--space-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{background:var(--color-paper);color:var(--color-navy);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;border:1px solid #c9b99acc;border-radius:999px;flex:none;padding:7px 12px;font-weight:600}.chip--active{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.clear-filters{color:var(--color-sky);font-size:var(--font-size-sm);font-weight:var(--weight-medium);cursor:pointer;padding:var(--space-xs) 0;background:0 0;border:none}.filter-toggle-row{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.showing-text{font-size:var(--font-size-sm);color:var(--color-stone)}.select-pill{flex-shrink:0;position:relative}.select-pill:after{content:"";border-right:2px solid var(--color-navy);border-bottom:2px solid var(--color-navy);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:14px;transform:translateY(-65%)rotate(45deg)}.select-pill select{appearance:none;border:1px solid var(--color-sand);background:var(--color-paper-warm);color:var(--color-navy);font-size:var(--font-size-sm);font-weight:var(--weight-bold);cursor:pointer;border-radius:999px;padding:9px 32px 9px 14px}.section-title--divider{align-items:center;gap:12px;display:flex}.section-title--divider:after{content:"";background:linear-gradient(90deg, var(--color-sand), transparent);flex:1;height:1px}.nav-bar{width:100%;max-width:640px;height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--color-sand-line);z-index:100;-webkit-backdrop-filter:blur(10px);background:#fffefaf5;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-tab{color:var(--color-stone);font-size:11px;font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.nav-icon-wrap{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:5px 11px;display:flex}.nav-tab--active{color:var(--color-navy)}.nav-tab--active .nav-icon-wrap{background:var(--color-sand-tint);border-color:var(--color-sand)}.today-greeting{font-size:var(--font-size-base);color:var(--color-stone);font-weight:var(--weight-medium)}.today-title{font-size:var(--font-size-3xl);line-height:1.05;font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--color-navy);margin-top:var(--space-2xs)}.today-lede{font-size:var(--font-size-sm);color:var(--color-stone);margin-top:6px}.today-day-label{font-size:var(--font-size-xs);color:var(--color-stone);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-xs)}.setup-card{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.setup-line{font-size:var(--font-size-base);color:var(--color-navy);font-weight:var(--weight-medium)}.setup-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-stone);font-weight:var(--weight-bold);margin-bottom:var(--space-xs)}.why-today{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-navy);line-height:var(--leading-normal)}.why-today-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-stone);font-weight:var(--weight-bold);margin-bottom:2px;display:block}.field-note{color:var(--color-sky);font-size:var(--font-size-sm);font-style:italic;line-height:var(--leading-normal)}.weather-big{font-size:var(--font-size-2xl);font-weight:var(--weight-bold);color:var(--color-navy)}.weather-row{font-size:var(--font-size-sm);color:var(--color-stone);margin-top:var(--space-xs);justify-content:space-between;display:flex}.good-for{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-fog);font-size:var(--font-size-sm);color:var(--color-navy)}.good-for strong{color:var(--color-pine)}.forecast-day{border-bottom:1px solid var(--color-fog);font-size:var(--font-size-sm);grid-template-columns:72px 1fr auto 78px;align-items:center;gap:10px;padding:10px 0;display:grid}.forecast-day:last-child{border-bottom:none}.forecast-day-name{font-weight:var(--weight-bold);color:var(--color-navy)}.forecast-temp{color:var(--color-stone);text-align:right;white-space:nowrap}.outlook-label{color:var(--color-pine);font-weight:var(--weight-bold);text-align:right}.tide-status{font-weight:var(--weight-bold);font-size:var(--font-size-sm);align-items:center;gap:6px;display:inline-flex}.tide-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.tide-dot--good{background:var(--color-pine)}.tide-dot--soon{background:var(--color-sand)}.tide-dot--closing,.tide-dot--closed{background:var(--color-lobster)}.tide-status--good{color:var(--color-pine)}.tide-status--soon{color:#7a5c2e}.tide-status--closing,.tide-status--closed{color:var(--color-lobster)}.tide-chart{width:100%;height:auto;margin:var(--space-md) 0 var(--space-sm);display:block}.map-group{margin-bottom:var(--space-lg)}.map-row{background:var(--color-paper);border:1px solid var(--color-sand-line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:grid}.map-row-name{font-size:var(--font-size-base);font-weight:var(--weight-bold);color:var(--color-navy)}.map-row-meta{font-size:var(--font-size-sm);color:var(--color-stone);margin-top:2px}.map-row-pin{border:1px solid var(--color-sand);background:var(--color-paper-warm);width:40px;height:40px;color:var(--color-sky);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.detail-hero{border-radius:var(--radius-lg);height:190px;margin-bottom:var(--space-md);background:radial-gradient(circle at 70% 20%, #fffefa99, transparent 60%), var(--color-sky-tint);border:1px solid var(--color-sand-line);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.detail-hero img{object-fit:cover;width:100%;height:100%}.detail-hero-art{object-fit:contain;max-width:78%;max-height:80%}.detail-back{border:1px solid var(--color-sand-line);cursor:pointer;width:40px;height:40px;color:var(--color-navy);background:#fffefaeb;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;left:12px}.detail-title{font-size:var(--font-size-2xl);color:var(--color-navy)}.detail-badges{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.detail-meta{font-size:var(--font-size-sm);color:var(--color-stone);margin-top:var(--space-md);line-height:var(--leading-normal)}.detail-description{font-size:var(--font-size-base);color:var(--color-navy);margin-top:var(--space-md);line-height:var(--leading-loose)}.quick-notes{gap:var(--space-sm);margin-top:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.quick-note{background:var(--color-paper-warm);border:1px solid var(--color-sand-line);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-navy);align-items:center;gap:8px;padding:10px 12px;display:flex}.quick-note svg{color:var(--color-sky);flex-shrink:0}.good-pairing{margin-top:var(--space-lg);background:var(--color-green-tint);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-navy);line-height:var(--leading-normal);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.good-pairing svg{color:var(--color-pine);flex-shrink:0;margin-top:2px}.good-pairing-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-pine);font-weight:var(--weight-bold);margin-bottom:2px;display:block}.detail-row{justify-content:space-between;gap:var(--space-md);padding:var(--space-xs) 0;font-size:var(--font-size-sm);display:flex}.detail-label{color:var(--color-stone)}.detail-value{color:var(--color-navy);font-weight:var(--weight-medium);text-align:right}