.moon-heading{max-width:820px;padding-bottom:34px}.moon-app{border:1px solid rgba(223,198,145,.2);border-radius:26px;background:linear-gradient(140deg,rgba(24,31,49,.84),rgba(8,12,25,.94));box-shadow:0 25px 85px #0004;overflow:hidden;margin:0 auto 65px}.moon-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:18px 28px;font-size:12px;color:var(--muted)}.moon-toolbar p{font-size:12px;color:#e1dcce;display:flex;align-items:center;gap:9px}.moon-live-dot{width:6px;height:6px;border-radius:50%;background:#c3d2a3;box-shadow:0 0 12px #b6d39677}.moon-toolbar button{border:1px solid var(--line);color:var(--gold);background:#ffffff04;border-radius:999px;font:inherit;padding:9px 15px;cursor:pointer}.moon-toolbar button:disabled{opacity:.5;cursor:wait}.moon-toolbar button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.moon-dashboard{display:grid;grid-template-columns:1fr 1.1fr;gap:38px;align-items:center;padding:30px 42px 38px}.moon-portrait{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:0;margin:0}.moon-portrait canvas{position:relative;width:100%;height:auto;aspect-ratio:1;filter:drop-shadow(0 0 30px #dfd9ba19)}.moon-halo{position:absolute;inset:9% 5% 15%;border:1px solid #e9d7a32b;border-radius:50%;background:radial-gradient(ellipse,#b6c0ce0a,transparent 70%)}.moon-halo:after{content:'';position:absolute;inset:-7%;border:1px dashed #d1c29612;border-radius:50%;transform:rotate(25deg) scaleY(.82)}.moon-north{position:absolute;top:1%;font:10px var(--body-font);letter-spacing:.15em;color:#9b9eaa}.moon-portrait figcaption{font-size:10px;color:#999bac;text-align:center;margin-top:5px;letter-spacing:.03em}.moon-moment{font-size:12px;display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--muted);margin-bottom:20px}.moon-moment time{font-variant-numeric:tabular-nums;color:#d6d8dd}.moon-details h2{font-size:clamp(30px,3.5vw,44px);line-height:1.1;margin:0 0 22px}.moon-illumination{display:flex;align-items:center;gap:21px}.moon-illumination strong{font:500 clamp(52px,6vw,78px)/1.1 var(--heading-font);color:var(--gold-light);letter-spacing:-.04em;white-space:nowrap}.moon-illumination>span{font-size:12px;line-height:1.7;color:var(--muted)}.moon-direction{font-size:13px;color:#d3c9ab;margin:12px 0 24px}.moon-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--line);padding:22px 0;margin:0}.moon-metrics dt{font-size:11px;color:var(--muted);margin-bottom:9px}.moon-metrics dd{font-size:19px;margin:0;color:#e6e3da;font-variant-numeric:tabular-nums}.moon-cycle{margin-top:8px}.moon-cycle>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.moon-cycle progress{display:block;width:100%;height:4px;appearance:none;border:0;border-radius:4px;overflow:hidden;margin:13px 0 10px;background:#ffffff13;accent-color:var(--gold)}.moon-cycle progress::-webkit-progress-bar{background:#ffffff13}.moon-cycle progress::-webkit-progress-value{background:var(--gold)}.moon-cycle progress::-moz-progress-bar{background:var(--gold)}.moon-cycle .moon-cycle-labels{font-size:9px;color:#9696a5}.moon-next{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 28px;padding:24px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(95deg,#e7c67e08,transparent)}.moon-next .eyebrow{font-size:8px;margin-bottom:8px}.moon-next h2{font-size:30px;margin:0 0 8px}.moon-next p,.moon-next>div>span{font-size:12px;color:var(--muted)}.moon-next>div:last-child{text-align:right}.moon-next strong{display:block;font-size:22px;font-weight:400;font-variant-numeric:tabular-nums;color:#e5d8b6;margin-top:10px;white-space:nowrap}.moon-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:18px 28px}.moon-status p{font-size:10px;color:#9596a5}.moon-error{padding:0 28px;color:#f4b6a7;font-size:13px}.moon-error:empty{display:none}.moon-upcoming{padding:30px 28px 28px;border-top:1px solid var(--line);margin-top:12px}.moon-upcoming .section-heading{margin-bottom:24px;gap:20px}.moon-upcoming h2{font-size:30px}.moon-upcoming .eyebrow{font-size:8px}.moon-upcoming .text-link{font-size:12px}.moon-event-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.moon-event-list article{position:relative;padding:21px 17px;background:#ffffff03;border:1px solid var(--line);border-radius:13px}.moon-event-list article:first-child{border-color:#d7bf7866;background:#d7bf7807}.moon-event-list h3{font-size:23px;margin:30px 0 13px}.moon-event-list time{font-size:12px;line-height:1.7;display:block;color:#d0cbd7}.moon-event-zone{display:block;font-size:9px;margin-top:7px;color:#9293a3}.moon-event-symbol{position:absolute;top:18px;right:16px;width:22px;height:22px;border:1px solid #d3c9a357;border-radius:50%;background:#171e2b}.moon-event-list [data-phase="90"] .moon-event-symbol{background:linear-gradient(90deg,#171e2b 50%,#ddd4bb 50%)}.moon-event-list [data-phase="180"] .moon-event-symbol{background:#ddd4bb;box-shadow:0 0 15px #ddd4bb1f}.moon-event-list [data-phase="270"] .moon-event-symbol{background:linear-gradient(90deg,#ddd4bb 50%,#171e2b 50%)}.moon-reading{max-width:850px}.moon-reading>section{margin-bottom:40px}.moon-reading h2{font-size:33px;margin-bottom:17px}.moon-faq h3{font-size:24px}.moon-reading p{margin:15px 0}.moon-app [data-moon-ready="true"]{opacity:1}
@media(max-width:900px){.moon-dashboard{gap:18px;padding:25px}.moon-toolbar{padding:16px 22px}.moon-event-list{grid-template-columns:repeat(2,minmax(0,1fr))}.moon-next strong{font-size:18px}.moon-illumination{gap:13px}.moon-illumination strong{font-size:61px}}
@media(max-width:620px){.moon-heading{padding-top:32px}.moon-app{border-radius:18px}.moon-toolbar{gap:12px;padding:15px 17px}.moon-toolbar>span{font-size:10px;order:3;width:100%}.moon-toolbar button{font-size:11px;padding:8px 12px}.moon-dashboard{grid-template-columns:1fr;gap:22px;padding:15px 22px 28px}.moon-portrait{width:min(100%,320px);justify-self:center}.moon-details h2{font-size:34px}.moon-moment{font-size:11px;margin-bottom:15px;justify-content:space-between}.moon-illumination strong{font-size:70px}.moon-illumination{gap:22px}.moon-metrics dd{font-size:19px}.moon-next{margin:0 16px;padding:22px 5px;display:block}.moon-next>div:last-child{text-align:left;margin-top:21px}.moon-next strong{font-size:22px}.moon-status{padding:17px;gap:8px}.moon-upcoming{padding:25px 16px 18px}.moon-upcoming h2{font-size:28px}.moon-upcoming .section-heading{display:block}.moon-event-list{gap:9px}.moon-event-list article{padding:17px 12px}.moon-event-list h3{font-size:21px}.moon-event-list time{font-size:11px}.moon-reading h2{font-size:28px}.moon-error{padding:0 17px}.moon-faq h3{font-size:22px}}