.moon-wrap{background:#0a0a0a;border-radius:14px;padding:20px 18px;font-family:system-ui,sans-serif;max-width:320px;margin:0 auto}.moon-label{font-size:10px;letter-spacing:3px;color:#ff00bf;text-transform:uppercase;margin-bottom:14px;text-align:center}.moon-display{display:flex;align-items:center;gap:16px;background:#111;border:1px solid #2a0020;border-radius:12px;padding:16px;margin-bottom:14px;position:relative}.moon-display::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#ff00bf;opacity:.5;border-radius:12px 12px 0 0}.moon-glyph{font-size:48px;line-height:1;flex-shrink:0}.moon-name{font-size:14px;color:#ff00bf;font-weight:700;letter-spacing:.5px;margin-bottom:4px}.moon-date{font-size:10px;color:#534;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.moon-pct{font-size:11px;color:#846}.moon-section{margin-bottom:12px}.moon-sec-title{font-size:9px;letter-spacing:2px;color:#ff00bf;text-transform:uppercase;margin-bottom:8px}.moon-ritual-card{background:#111;border:1px solid #1a0015;border-radius:8px;padding:12px}.moon-ritual-text{font-size:12px;color:#d0a0c0;line-height:1.6;font-style:italic;font-family:Georgia,serif}.moon-energy{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.moon-next{background:#111;border:1px solid #1a0015;border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.moon-next-label{font-size:10px;color:#534;letter-spacing:1px;text-transform:uppercase}.moon-next-val{font-size:11px;color:#c8b;font-weight:600}.moon-progress{height:3px;background:#1a0015;border-radius:3px;margin:12px 0}.moon-progress-fill{height:100%;background:#ff00bf;border-radius:3px;transition:width .5s}