.coast-overview .explore-weather-tile.moon-card{grid-column:1 / -1;padding:22px 24px 0}.moon-card h3{display:flex;align-items:center;gap:8px}.moon-card-main{display:grid;grid-template-columns:minmax(130px,.85fr) 1.15fr;align-items:center;gap:22px;max-width:600px;margin:0 auto 18px}.moon-orb{display:block;aspect-ratio:1;width:100%;max-width:176px;margin:auto;border-radius:50%;background:#091119;box-shadow:0 0 0 1px #ffffff0a,0 12px 34px #00121e18;overflow:hidden}.moon-orb canvas{display:block;width:100%;height:100%}.moon-card-copy{min-width:0}.moon-card-copy h4{font-size:clamp(1.3rem,2.5vw,1.8rem);line-height:1.16;letter-spacing:-.035em;font-weight:550;margin:0 0 10px}.coast-overview .moon-card p.moon-illumination{margin:0;color:var(--muted);font-size:.875rem}.moon-illumination strong{color:var(--text);font-variant-numeric:tabular-nums}.moon-card-times{margin:16px 0 0;display:grid;gap:6px;font-size:.8125rem}.moon-card-times div{display:flex;justify-content:space-between;gap:8px}.moon-card dt,.moon-detail-times dt{color:var(--muted)}.moon-card dd{margin:0;font-weight:550;text-align:right}.moon-card-next{display:flex;justify-content:space-between;gap:10px;padding:15px 0;border-top:1px solid var(--line);font-size:.8125rem}.moon-card-next span{color:var(--muted)}.moon-card-next strong{text-align:right}.moon-calendar-open{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;border:0;border-top:1px solid var(--line);border-radius:0;padding:10px 0;background:transparent;color:var(--ocean);box-shadow:none;font-size:.9375rem;font-weight:600}.moon-calendar-open .icon{width:18px}.moon-sheet.sheet{width:min(720px,calc(100vw - 32px));max-height:min(920px,calc(100dvh - 48px));padding:0;overflow:hidden;display:flex;flex-direction:column;background:var(--surface);border-radius:28px}.moon-sheet .modal-head{flex:none;padding:22px 26px 18px;border-bottom:1px solid var(--line);margin:0}.moon-sheet .modal-head h2{font-size:1.35rem;font-weight:600;letter-spacing:-.025em}.moon-sheet .modal-head p{font-size:.8125rem;line-height:1.5;color:var(--muted)}.moon-sheet .modal-body{overflow-y:auto;overscroll-behavior:contain;padding:0 28px 28px;min-height:0}.moon-selected-date{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;margin:12px 0 0}.moon-selected-date p{text-align:center;font-size:.875rem;line-height:1.4;margin:0}.moon-selected-date p:first-letter{text-transform:uppercase}.moon-selected-date button{width:48px;height:48px;padding:12px;color:var(--text);border:0;background:transparent;box-shadow:none;border-radius:50%}.moon-selected-date button:disabled{opacity:.25}.moon-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:12px 0 28px}.moon-detail-hero .moon-orb{max-width:224px}.moon-detail-kicker{color:var(--muted);font-size:.8125rem;margin:0 0 10px}.moon-detail-hero h3{margin:0;font-size:2rem;font-weight:550;line-height:1.13;letter-spacing:-.045em}.moon-detail-percent{margin:12px 0 0;font-size:1.25rem;font-variant-numeric:tabular-nums}.moon-detail-percent span{font-size:.875rem;color:var(--muted)}.moon-calendar-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.moon-calendar-heading h3{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.02em}.moon-calendar-heading button{min-height:48px;border:0;padding:8px 0 8px 12px;box-shadow:none;background:transparent;color:var(--ocean);font-weight:600;font-size:.8125rem}.moon-days{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(52px,1fr);gap:5px;overflow-x:auto;padding:4px 1px 8px;scroll-snap-type:x proximity}.moon-days.is-expanded{grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible}.moon-days button{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:105px;padding:10px 4px;border:1px solid transparent;border-radius:16px;background:var(--soft);color:var(--text);box-shadow:none;scroll-snap-align:start}.moon-days button span:not(.moon-orb){font-size:.6875rem;color:var(--muted);text-transform:capitalize}.moon-days button strong{font-size:.875rem;line-height:1;font-weight:550}.moon-days .moon-orb{width:32px;box-shadow:none}.moon-days button[aria-pressed=true]{background:color-mix(in srgb,var(--ocean) 10%,var(--surface));border-color:var(--ocean);box-shadow:inset 0 0 0 1px var(--ocean)}.moon-days button i,.moon-calendar-legend span{width:4px;height:4px;border-radius:50%;background:var(--ocean)}.moon-days button i{position:absolute;bottom:4px}.moon-calendar-legend{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:.6875rem;margin:2px 0 22px}.moon-detail-times{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px}.moon-detail-times dt{display:flex;align-items:center;gap:6px;font-size:.8125rem}.moon-detail-times .icon{width:16px;height:16px}.moon-detail-times dd{margin:8px 0 0;font-size:clamp(1rem,2.7vw,1.45rem);line-height:1.3;letter-spacing:-.025em;font-weight:550}.moon-upcoming{display:grid;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.moon-upcoming div{display:flex;justify-content:space-between;gap:12px;font-size:.875rem}.moon-upcoming span{color:var(--muted)}.moon-upcoming strong{font-weight:550;text-align:right}.moon-guide{padding:22px 0 14px}.moon-guide h3{display:flex;align-items:center;gap:8px;font-size:1rem;margin:0 0 12px;font-weight:600}.moon-guide .icon{width:20px;height:20px;color:var(--ocean)}.moon-guide p{font-size:.9375rem;line-height:1.65;margin:8px 0;color:var(--muted)}.moon-sources{padding-top:4px;border-top:1px solid var(--line);font-size:.8125rem;line-height:1.6;color:var(--muted)}.moon-sources summary{padding:14px 0;min-height:48px;color:var(--text);cursor:pointer}.moon-sources a{color:var(--ocean);text-underline-offset:3px}.moon-card button:focus-visible,.moon-sheet :is(button,summary,a):focus-visible{outline:3px solid var(--ocean);outline-offset:3px}@media(hover:hover){.moon-days button:hover,.moon-selected-date button:not(:disabled):hover{background:var(--soft);border-color:var(--line)}.moon-calendar-open:hover{color:var(--text)}}@media(max-width:600px){.coast-overview .explore-weather-tile.moon-card{padding:20px 18px 0}.moon-card-main{gap:18px;grid-template-columns:minmax(110px,.8fr) 1.2fr}.moon-card-next{font-size:.75rem}.moon-sheet.sheet{width:100%;max-height:calc(100dvh - 20px);border-radius:26px 26px 0 0;align-self:end}.moon-sheet .modal-head{padding:18px 20px 14px}.moon-sheet .modal-body{padding:0 20px max(24px,env(safe-area-inset-bottom))}.moon-detail-hero{display:flex;flex-direction:column;gap:18px;margin:10px 0 24px;text-align:center}.moon-detail-hero .moon-orb{width:188px}.moon-detail-hero h3{font-size:1.75rem}.moon-detail-kicker{display:none}.moon-detail-percent{margin-top:8px}.moon-days.is-expanded{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.moon-upcoming div{font-size:.8125rem}}.moon-sheet.sheet{width:min(620px,calc(100vw - 40px));height:min(900px,calc(100dvh - 48px))}.moon-sheet .modal-head{padding:20px 24px 12px;border-bottom:0}.moon-sheet .modal-head h2{font-size:1.1875rem;letter-spacing:-.035em}.moon-sheet .modal-head p{margin:4px 0 0}.moon-sheet .modal-head .icon-button{border:0;border-radius:50%;background:var(--soft);box-shadow:none}.moon-toolbar{flex:none;padding:0 24px;border-bottom:1px solid var(--line)}.moon-segments{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);padding:4px;border-radius:14px;gap:4px}.moon-segments button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:48px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:.9375rem;font-weight:600;box-shadow:none;transition:background .18s,color .18s}.moon-segments button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 2px 5px #00121e12}.moon-segments .icon{width:18px;height:18px}.moon-selected-date{margin:4px 0;min-height:60px}.moon-selected-date small{display:block;font-size:.6875rem;font-weight:400;color:var(--muted);margin-top:4px}.moon-sheet .modal-body{padding:0 24px 24px}.moon-detail-hero{margin:24px 0;gap:24px}.moon-detail-hero .moon-orb{max-width:192px;box-shadow:0 0 36px #a5c4e411,0 12px 24px #00121e25}.moon-detail-hero h3{font-size:1.8rem}.moon-detail-kicker{display:none}.moon-days button{background:transparent;min-height:100px;border-radius:18px}.moon-calendar-legend{margin-bottom:14px}.moon-guide{padding:20px 0 10px}.moon-guide p{font-size:.875rem}.moon-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.moon-section-title h3{margin:0;font-size:1.1rem;letter-spacing:-.025em;font-weight:600}.moon-section-title>span{font-size:.6875rem;background:var(--soft);color:var(--muted);padding:6px 9px;border-radius:20px}.moon-sheet .moon-note{color:var(--muted);font-size:.8125rem;line-height:1.55;margin:6px 0}.moon-sun-times{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.moon-sun-times>span{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:6px;font-size:.75rem;color:var(--muted)}.moon-sun-times .icon{width:19px;height:19px;color:#b78423}.moon-sun-times strong{grid-column:2;color:var(--text);font-size:1.0625rem;font-weight:550}.moon-window{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.moon-window-symbol{display:flex;flex:none;width:36px;height:36px;justify-content:center;align-items:center;border-radius:50%;color:var(--ocean);background:var(--soft)}.moon-window-symbol .icon{width:18px;height:18px}.moon-window-copy{flex:1;min-width:0}.moon-window-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.moon-window-label strong{font-size:.875rem;font-weight:550}.moon-window-label>span{font-size:.6875rem;color:var(--muted)}.moon-sheet .moon-window-time{font-size:1.1rem;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.035em;margin:8px 0}.moon-window.has-ended .moon-window-symbol{color:var(--muted)}.moon-weather-line{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px}.moon-weather-line>span{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--muted)}.moon-weather-line .icon{width:14px;height:14px}.moon-weather-line b{color:var(--text);font-weight:550}.moon-compare-action{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:16px;min-height:56px;margin:20px 0;border:0;border-radius:16px;background:var(--soft);color:var(--ocean);font-size:.9375rem;font-weight:600;box-shadow:none}.moon-compare-action .icon{width:20px;height:20px}.moon-compare-action .icon:last-child{margin-left:auto}.moon-back{display:flex;align-items:center;gap:8px;min-height:60px;padding:0;background:none;border:0;color:var(--ocean);box-shadow:none;font-size:.875rem}.moon-back .icon{width:18px;height:18px}.moon-comparison>button{display:flex;align-items:center;gap:12px;width:100%;padding:18px 0;background:none;color:var(--text);border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;text-align:left}.moon-comparison-date{width:52px;flex:none;text-align:center}.moon-comparison-date .moon-orb{width:36px;margin-bottom:7px}.moon-comparison-date strong{font-size:.6875rem;text-transform:capitalize}.moon-comparison-copy{flex:1;min-width:0}.moon-comparison-copy>strong{font-size:.875rem;font-weight:550;letter-spacing:-.02em}.moon-comparison-copy>small{display:block;margin-top:5px;color:var(--muted);font-size:.6875rem}.moon-comparison>button>.icon{width:16px;height:16px;flex:none;color:var(--muted)}.moon-sheet .moon-plan-caution{display:flex;align-items:flex-start;gap:8px;margin:20px 0 0;padding:16px 0;color:var(--muted);border-top:1px solid var(--line);font-size:.75rem;line-height:1.6}.moon-plan-caution .icon{flex:none;width:16px;height:16px;margin-top:2px}.moon-species-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:64px;background:transparent;color:var(--text);border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;text-align:left;padding:12px 0}.moon-species-row strong{display:block;font-size:.9375rem;font-weight:550}.moon-species-row small{display:block;font-style:italic;font-size:.75rem;color:var(--muted)}.moon-species-row .icon{width:18px}@media(max-width:600px){.modal-backdrop:has(>.moon-sheet){padding:0}.modal-backdrop>.moon-sheet.sheet{width:100%;height:calc(100dvh - max(8px,env(safe-area-inset-top)));max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));border-radius:24px 24px 0 0;border-bottom:0}.moon-sheet .modal-head{padding:16px 20px 12px}.moon-toolbar{padding:0 16px}.moon-sheet .modal-body{padding:0 20px max(24px,env(safe-area-inset-bottom))}.moon-detail-hero{gap:14px;margin:20px 0}.moon-detail-hero .moon-orb{width:176px}.moon-detail-hero h3{font-size:1.6rem}.moon-detail-percent{font-size:1.125rem;margin-top:6px}.moon-detail-times{padding:18px 0}.moon-calendar-heading h3{font-size:.9375rem}}@media(prefers-reduced-motion:reduce){.moon-segments button{transition:none}}.moon-advice{margin:12px 0 22px;padding:18px;border-radius:18px;background:var(--soft);border:1px solid var(--line)}.moon-advice .moon-advice-label{margin:0 0 8px;font-size:.75rem;color:var(--muted)}.moon-advice h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1.25rem;letter-spacing:-.025em;font-weight:600}.moon-advice h3 .icon{width:21px;height:21px}.moon-advice>p:not(.moon-advice-label){margin:10px 0;color:var(--text);font-size:.9375rem;line-height:1.5}.moon-advice>small{display:block;color:var(--muted);font-size:.75rem;line-height:1.5;margin-top:6px}.moon-advice>button,.moon-advice-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;width:100%;padding:10px 0 0;margin-top:10px;border:0;border-top:1px solid var(--line);background:none;box-shadow:none;border-radius:0;color:var(--ocean);font-size:.875rem;font-weight:600}.moon-advice>button .icon,.moon-advice-link .icon{width:18px;height:18px}.moon-day-status{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--soft);color:var(--muted)}.moon-day-status .icon{width:12px;height:12px}.moon-days button .moon-day-status{margin-top:1px}.moon-rating-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin:10px 0 18px}.moon-rating-legend>span{display:inline-flex;align-items:center;gap:4px;width:auto;height:auto;border-radius:0;background:none;color:var(--muted);font-size:.6875rem}.moon-rating-legend .moon-day-status{width:16px;height:16px;background:var(--soft)}.moon-day-status[data-rating=good],[data-rating=good]>h3>.icon,.moon-rating-line[data-rating=good]>.icon{color:var(--ocean)}.moon-day-status[data-rating=mixed],[data-rating=mixed]>h3>.icon,.moon-rating-line[data-rating=mixed]>.icon{color:#ab7920}.moon-day-status[data-rating=poor],[data-rating=poor]>h3>.icon,.moon-rating-line[data-rating=poor]>.icon{color:var(--danger, #c83535)}.moon-rating-line{display:flex;align-items:center;gap:6px}.moon-rating-line>.icon{width:16px;height:16px;flex:none}.moon-days button{min-height:123px}.moon-comparison-copy>small{font-size:.75rem;line-height:1.5}@media(max-width:600px){.moon-advice{padding:16px}.moon-detail-hero{margin:18px 0}}.moon-days button .moon-day-status[data-rating=good]{color:var(--ocean)}.moon-days button .moon-day-status[data-rating=mixed]{color:#ab7920}.moon-days button .moon-day-status[data-rating=poor]{color:var(--danger, #c83535)}.moon-hour-warning{display:flex;align-items:flex-start;gap:6px;font-size:.8125rem;line-height:1.5;color:var(--text)}.moon-hour-warning .icon{flex:none;width:16px;height:16px;color:var(--danger, #c83535);margin-top:2px}