.moon-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px}.moon-carousel-wrap{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.moon-track{display:flex;flex:1;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:8px 4px 24px;scrollbar-width:none}.moon-track::-webkit-scrollbar{display:none}.moon-card{scroll-snap-align:center;flex:0 0 min(260px,78vw);background:#1a1a2e;border-radius:16px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;position:relative;border:1px solid #2a2a3d}.moon-card.is-today{border-color:#00ff87;box-shadow:0 0 0 1px #00ff87,0 8px 24px #00ff871f}.moon-today-badge{position:absolute;top:-10px;background:#00ff87;color:#0d0c33;font-size:11px;font-weight:700;padding:2px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.moon-date{color:#9aa0c3;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.moon-icon{font-size:5rem;line-height:1;margin:6px 0}.moon-name{color:#fff;font-size:1.1rem;font-weight:700;text-transform:capitalize}.moon-illum{color:#c9cce3;font-size:13px}.moon-age{color:#6b7099;font-size:12px}.moon-nav{background:#1a1a2e;color:#fff;border:1px solid #2a2a3d;width:40px;height:40px;border-radius:50%;font-size:1.4rem;line-height:1;cursor:pointer;flex-shrink:0;transition:border-color .2s,color .2s}.moon-nav:hover:not(:disabled){border-color:#00ff87;color:#00ff87}.moon-nav:disabled{opacity:.3;cursor:default}@media(max-width:576px){.moon-nav{display:none}}.moon-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:4px}.moon-dot{width:7px;height:7px;border-radius:50%;background:#2a2a3d;cursor:pointer;transition:background .2s,transform .2s}.moon-dot.active{background:#00ff87;transform:scale(1.3)}