.moon-current-card{color:#fff;background:linear-gradient(145deg,#0b1220,#020617)}.moon-label{letter-spacing:.08em;opacity:.7;font-size:.75rem}.moon-visual{background:#000;border-radius:50%;width:220px;height:220px;margin:26px auto;position:relative;overflow:hidden;box-shadow:inset -40px 0 60px #ffffff2e,inset 25px 0 45px #000000f2,0 40px 80px #000000d9}.moon-texture{filter:contrast(1.15)brightness(.95);background:url(/textures/moon_texture.png) 50%/cover no-repeat;width:100%;height:100%}.moon-shadow{pointer-events:none;background:radial-gradient(#0000004d 0%,#000000a6 45%,#000000e6 75%,#000 100%);border-radius:50%;transition:width .6s;position:absolute;inset:0}.waxing{left:0}.waning{right:0}@media (max-width:600px){.moon-visual{width:180px;height:180px}}
.moon-forecast-card{flex-direction:column;align-items:center;gap:6px;display:flex}.moon-day{color:#333;font-size:.95rem;font-weight:700}.mini-moon{background:#000;border-radius:50%;width:64px;height:64px;margin:8px 0;position:relative;overflow:hidden;box-shadow:inset -8px 0 14px #ffffff2e,inset 6px 0 12px #000000d9}.mini-moon-texture{filter:contrast(1.1)brightness(.95);background:url(/textures/moon_texture.png) 50%/cover no-repeat;width:100%;height:100%}.mini-moon-shadow{pointer-events:none;background:radial-gradient(#00000059 0%,#000000b3 50%,#000000e6 75%,#000 100%);border-radius:50%;transition:width .5s;position:absolute;inset:0}.mini-moon-shadow.waxing{left:0}.mini-moon-shadow.waning{right:0}.moon-illumination{color:#111;font-size:.85rem;font-weight:600}.moon-phase{opacity:.7;text-align:center;font-size:.8rem}