.moon-explorer-page{--night:#121a49;--violet:#50379a;--gold:#f3c85e;--ice:#8bdcff;color:#18243a;padding-bottom:3rem}.moon-explorer-hero{padding:2.5rem 1rem 1.75rem}.moon-explorer-kicker{display:block;color:#5c43c7;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.moon-explorer-hero h1{font-size:clamp(2.15rem,5vw,3.55rem);font-weight:800;margin:.45rem 0}.moon-explorer-hero p{color:#6d7890;font-size:1.15rem;margin:0 auto;max-width:820px}.moon-nav-row{display:grid;grid-template-columns:1fr minmax(240px,1fr) 1fr;gap:1rem;align-items:center;margin-bottom:1rem}.moon-nav-row .btn:first-child{justify-self:start}.moon-nav-row .btn:last-child{justify-self:end}.moon-nav-title{text-align:center}.moon-nav-title strong{display:block;font-size:1.55rem}.moon-panel{background:#fff;border:1px solid #dfe5ef;border-radius:24px;box-shadow:0 14px 38px rgba(26,36,66,.08);padding:clamp(1rem,3vw,2rem);margin-bottom:1.5rem}.moon-dark-panel{background:linear-gradient(135deg,var(--night),var(--violet));color:#fff;border-radius:24px;padding:clamp(1rem,3vw,2rem);overflow:hidden}.moon-chart-wrap{height:430px;position:relative}.moon-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.2rem}.moon-stat{background:#f7f8fc;border:1px solid #e2e6ef;border-radius:16px;padding:1rem}.moon-stat small{color:#738097;display:block}.moon-stat strong{font-size:1.25rem}.moon-story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1.4rem;align-items:center}.moon-story-grid h2,.moon-history h2{font-weight:800}.moon-orbit-diagram{width:100%;height:auto;display:block}.moon-history{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.moon-history article{background:#f7f8fc;border-left:4px solid #6b4ed6;border-radius:14px;padding:1.2rem}.moon-history time{color:#6549c9;font-weight:800}.moon-source-note{font-size:.88rem;color:#6c7890}.moon-source-note a{color:#5c43c7}.moon-path-controls{display:grid;grid-template-columns:1fr 1.2fr auto;gap:1rem;align-items:end}.moon-path-controls label{font-weight:700;margin-bottom:.35rem}.moon-path-stage{position:relative;background:linear-gradient(#111946 0%,#293876 63%,#f0b868 100%);border-radius:22px;padding:1rem;height:440px}.moon-path-stage canvas{background:transparent}.moon-path-stage::after{content:"Horizon · East                                                     Horizon · West";white-space:pre;position:absolute;left:1.4rem;right:1.4rem;bottom:.55rem;font-size:.78rem;color:#fff;opacity:.82}.moon-event-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1rem 0}.moon-event-summary div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:.85rem}.moon-event-summary small{display:block;opacity:.72}.moon-event-summary strong{font-size:1.15rem}.moon-sky-diagram{max-width:720px;margin:auto;display:block;width:100%;height:auto}.moon-year-list{display:grid;gap:1.35rem}.moon-year-month{display:grid;grid-template-columns:130px 1fr;gap:1rem}.moon-year-month h2{font-size:1.2rem;margin:.6rem 0;color:#5139a5}.moon-year-events{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.moon-year-event{position:relative;border:1px solid #e0e5ee;border-radius:15px;padding:1rem;background:#fff;min-height:130px}.moon-year-event.is-full{background:linear-gradient(145deg,#fff9df,#fff);border-color:#e9c75d}.moon-year-event .phase-icon{font-size:1.55rem}.moon-year-event time{display:block;font-weight:800}.moon-year-event small{color:#758198}.moon-eclipse-badge{display:inline-block;background:#d94a52;color:#fff;border-radius:999px;padding:.18rem .55rem;font-size:.72rem;font-weight:800;margin-top:.45rem}.moon-cycle-diagram{width:100%;height:auto;display:block}.moon-loading{opacity:.55;pointer-events:none}.moon-chart-message{text-align:center;padding:1rem;color:#66738b}
@media(max-width:991.98px){.moon-story-grid{grid-template-columns:1fr}.moon-history{grid-template-columns:1fr}.moon-year-events{grid-template-columns:repeat(2,1fr)}.moon-path-controls{grid-template-columns:1fr 1fr}.moon-path-controls button{grid-column:1/-1}.moon-chart-wrap,.moon-path-stage{height:370px}}
@media(max-width:575.98px){.moon-nav-row{grid-template-columns:1fr 1fr}.moon-nav-title{grid-column:1/-1;grid-row:1}.moon-stat-grid,.moon-event-summary{grid-template-columns:1fr 1fr}.moon-year-month{grid-template-columns:1fr}.moon-year-events{grid-template-columns:1fr}.moon-path-controls{grid-template-columns:1fr}.moon-chart-wrap,.moon-path-stage{height:330px}.moon-panel{border-radius:18px}.moon-path-stage::after{content:"East horizon                         West horizon"}}
.moon-path-stage::after{content:"Horizon - East                                                     Horizon - West"}
@media(max-width:767.98px){.moon-path-stage::after{display:none}}
.moon-date-form{min-width:280px;text-align:center}.moon-date-form label{display:block;color:#66738b;font-size:.86rem;font-weight:700;margin-bottom:.3rem}.moon-day-button{min-width:170px}.tide-warning{display:flex;gap:1rem;align-items:flex-start;background:#fff6d8;border:1px solid #e8c659;border-left:6px solid #e0a924;border-radius:16px;padding:1rem 1.2rem;margin-bottom:1.5rem;color:#5b4816}.tide-warning i{font-size:1.35rem;margin-top:.15rem}.tide-warning strong,.tide-warning span{display:block}.tide-heading-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.tide-heading-row h2{font-weight:800}.tide-score{text-align:right}.tide-score strong{display:block;color:#5139a5;font-size:2rem}.tide-score span{color:#748097;font-size:.84rem}.tide-arrangement-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.5rem;align-items:center}.tide-geometry-diagram{display:block;width:100%;height:auto}.lunar-wheel-card{display:grid;grid-template-columns:minmax(380px,.85fr) 1.15fr;align-items:center;background:linear-gradient(135deg,#101641,#4e3695);border-radius:28px;color:#fff;padding:clamp(1rem,4vw,3rem);box-shadow:0 18px 48px rgba(31,31,83,.22);overflow:hidden}.lunar-wheel-graphic svg{display:block;width:100%;max-width:560px;height:auto;margin:auto}.lunar-wheel-copy h2{font-size:clamp(2rem,5vw,3.6rem);font-weight:800;margin:.4rem 0 1rem}.lunar-direction{font-size:1.15rem}.lunar-direction i{color:#f3c85e;margin-right:.45rem}.lunar-wheel-stats{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin:1.35rem 0}.lunar-wheel-stats div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:15px;padding:1rem}.lunar-wheel-stats small,.lunar-wheel-stats span{display:block;color:#d0cdec}.lunar-wheel-stats strong{display:block;font-size:1.2rem}
@media(max-width:991.98px){.tide-arrangement-grid,.lunar-wheel-card{grid-template-columns:1fr}.lunar-wheel-graphic{max-width:550px;margin:auto}.lunar-wheel-copy{text-align:center}}
@media(max-width:575.98px){.moon-date-form{grid-column:1/-1;grid-row:1;min-width:0}.moon-day-button{min-width:0;width:100%}.tide-heading-row{align-items:flex-start}.tide-score strong{font-size:1.5rem}.lunar-wheel-card{border-radius:20px}.lunar-wheel-stats{grid-template-columns:1fr}.tide-warning{font-size:.92rem}}