.cosmos-room{overflow:hidden;padding-top:85px;isolation:isolate}
.cosmos-room h2{margin:12px 0 8px}
.cosmos-date{font:24px Georgia, 'Times New Roman', serif;opacity:.8}
.cosmos-day{font:9px 'Bodoni Moda',serif;letter-spacing:.2em;margin:12px 0}
.cosmos-day-track{width:150px;height:1px;background:#eee9df26;margin:0 auto 18px}
.cosmos-day-track span{display:block;height:1px;background:#eee9df99}
.solar-map{display:block;width:min(76vh,760px,100%);height:auto;overflow:visible;margin:auto;color:#eee9df}
.solar-map g{fill:none;stroke:currentColor;stroke-width:.8}
.solar-stars{fill:currentColor!important;stroke:none!important;opacity:.45}
.solar-stars circle{animation:cosmos-twinkle var(--twinkle) ease-in-out infinite alternate}
.solar-orbit{opacity:.34;stroke-dasharray:1 4}
.solar-tick{opacity:.3}
.solar-planet>circle{fill:#000}
.solar-map [role=button]{cursor:pointer;outline:none}
.solar-map .planet-hit{fill:transparent;stroke:none;pointer-events:all}
.solar-map .planet-selection{fill:none;stroke:#b5d4e4;stroke-opacity:0;stroke-dasharray:2 5;pointer-events:none}
.solar-map [aria-pressed=true] .planet-selection,.solar-map [role=button]:hover .planet-selection,.solar-map [role=button]:focus-visible .planet-selection{stroke-opacity:.65}
.planet-invitation{font:20px Georgia, 'Times New Roman', serif;opacity:.65;margin:0 0 12px}
.planet-reading{width:min(440px,100%);margin:18px auto;padding:20px 14px;border-top:1px solid #b5d4e440;text-align:center}
.planet-reading[hidden]{display:none}
.planet-reading h3{font:400 30px 'Bodoni Moda',Georgia,serif;margin:0 0 12px;color:#eee9df}
.planet-reading p{font:14px/1.8 Georgia,serif;margin:0;color:#c8c2b8}
.planet-reading small{display:block;margin-top:14px;font:9px/1.7 Georgia,serif;letter-spacing:.08em;opacity:.55}
.solar-label{fill:currentColor;stroke:none;font:11px 'Bodoni Moda',Georgia,serif;letter-spacing:1.2px;text-anchor:middle}
.solar-rays{animation:cosmos-turn 100s linear infinite;transform-origin:0 0}
.cosmos-room .house-celestial{width:100%}
.cosmos-room .celestial-map{width:180px;margin-top:12px;opacity:.65}
.cosmos-room .house-celestial figcaption{margin-top:10px;font-size:9px}
.cosmos-note{max-width:450px;font:10px/1.8 Georgia,serif;letter-spacing:.04em;opacity:.45;margin:20px auto 10px}
.cosmos-motion{position:relative;border:0;border-bottom:1px solid #eee9df40;background:none;color:inherit;font:9px 'Bodoni Moda',serif;letter-spacing:.15em;padding:12px;min-height:44px}
.cosmos-motion:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.cosmos-meteors{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.cosmos-meteor{position:absolute;width:110px;height:1px;background:linear-gradient(90deg,transparent,#eee9df);opacity:0;animation:cosmos-shoot 1.8s ease-in forwards;transform:rotate(var(--meteor-angle));}
.cosmos-still .solar-map *{animation-play-state:paused!important}
@keyframes cosmos-twinkle{from{opacity:.2}to{opacity:.9}}
@keyframes cosmos-turn{to{transform:rotate(360deg)}}
@keyframes cosmos-shoot{10%{opacity:0}30%{opacity:.8}100%{opacity:0;transform:translate(280px,160px) rotate(var(--meteor-angle))}}
@media(max-width:600px){.cosmos-room{padding-left:16px;padding-right:16px}.solar-label{font-size:16px;letter-spacing:.4px}.solar-map{width:100%}.cosmos-day{font-size:8px}.cosmos-room .celestial-map{width:140px}}
@media(prefers-reduced-motion:reduce){.solar-map *,.cosmos-meteor{animation:none!important}}