.story{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:2.5rem;max-width:72rem;margin:0 auto 4rem;padding:0 1rem;display:grid}.story-stage{aspect-ratio:1;background:#14100c;border-radius:24px;position:sticky;top:5rem;overflow:hidden;box-shadow:0 20px 60px #0008}.story-svg{width:100%;height:100%;animation:.6s both story-in;display:block}.story-chart{place-items:center;width:100%;height:100%;padding:4%;animation:.6s both story-in;display:grid}@keyframes story-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.story-steps{gap:0;display:grid}.story-step{flex-direction:column;justify-content:center;min-height:80vh;padding:2rem 0;display:flex}.story-kicker{letter-spacing:.08em;color:#c9a869;margin:0 0 .6rem;font-size:.8rem}.story-step h2{font-family:var(--serif);color:#f0dfb8;margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:500;line-height:1.5}.story-step p{color:#cdbb98;margin:.8rem 0 0;font-size:1rem;line-height:1.8}.story-fine{color:#9d8c6f!important;font-size:.8rem!important}.story-star{fill:#f6e9c8;animation:4.5s ease-in-out infinite story-twinkle}@keyframes story-twinkle{0%,to{opacity:.25}50%{opacity:1}}.story-moon-shadow{fill:#1c160f;animation:12s linear infinite story-phase}@keyframes story-phase{0%{transform:translate(0)}50%{transform:translate(76px)}50.01%{transform:translate(-76px)}to{transform:translate(0)}}.story-moon{clip-path:circle(38px at 520px 150px)}.story-wheel-ring{fill:none;stroke:#b08a4566;stroke-width:1.5px}.story-wheel-inner{stroke-dasharray:4 6}.story-station circle{fill:#1f1912;stroke:#b08a4580;stroke-width:1.5px;transition:r .2s,fill .2s}.story-station text{fill:#d8c399;text-anchor:middle;dominant-baseline:central;font-size:13px}.story-station.is-lit circle{fill:#3d2e1a;stroke:#f2d58c;stroke-width:3px;filter:drop-shadow(0 0 10px #f2d58c88)}.story-station.is-lit text{fill:#fff3cd;font-weight:700}.story-wheel-center{fill:#eedda9;text-anchor:middle;font-size:26px;font-family:var(--serif)}.story-wheel-center-small{fill:#a8977a;text-anchor:middle;font-size:15px}.story-play{flex-wrap:wrap;align-items:flex-end;gap:.7rem;margin-top:1.2rem;display:flex}.story-play label{color:#d9c18a;gap:.3rem;font-size:.85rem;display:grid}.story-play input{color:#eee1c5;width:7rem;min-height:2.75rem;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#17130f;border:1px solid #9a7a4570;border-radius:4px;padding:.4rem .7rem;font-size:1.05rem}.story-sex{flex-wrap:wrap;gap:.4rem;display:flex}.story-result{min-height:1.8em;font-size:1.05rem!important}.story-result strong{color:#f6e3b4}@media (max-width:860px){.story{grid-template-columns:minmax(0,1fr);gap:0}.story-stage{z-index:2;width:min(100%,26rem);margin:0 auto;top:4rem}.story-step{background:linear-gradient(#0000,#120f0bdd 20% 80%,#0000);min-height:70vh;padding:1.5rem 0}}.story-frame-ring{fill:none;stroke:#b08a4566;stroke-width:1.5px}.story-frame-spoke{stroke:#b08a4555;stroke-width:1.2px;stroke-dasharray:252;stroke-dashoffset:0;animation:1.1s both story-draw}@keyframes story-draw{0%{stroke-dashoffset:252px}to{stroke-dashoffset:0}}.story-frame-horizon{stroke:#e6cf9766;stroke-width:1.5px;stroke-dasharray:6 7}.story-frame-asc circle{fill:#f2d58c;filter:drop-shadow(0 0 10px #f2d58ccc);animation:2.6s ease-in-out infinite story-pulse}.story-frame-asc text{fill:#f6e3b4;text-anchor:end;font-size:16px}.story-frame-label{fill:#c9a869;text-anchor:middle;font-size:18px;font-family:var(--serif)}@keyframes story-pulse{0%,to{opacity:.45}50%{opacity:1}}.story-sun-core{fill:#f3d68a;filter:drop-shadow(0 0 18px #f0c96e);animation:3.4s ease-in-out infinite story-pulse}.story-sun-label{fill:#1b140c;text-anchor:middle;font-size:15px;font-weight:700}.story-orbit{transform-box:view-box;transform-origin:350px 350px;animation:20s linear infinite story-orbit}@keyframes story-orbit{to{transform:rotate(360deg)}}.story-orbit-moon{fill:#eadbb4}.story-month{fill:#b08a4566}.story-month-extra circle{fill:#3d2e1a;stroke:#f2d58c;stroke-width:2.5px;filter:drop-shadow(0 0 8px #f2d58c88);animation:2.6s ease-in-out infinite story-pulse}.story-month-extra text{fill:#fff3cd;text-anchor:middle;font-size:13px}.story-telescope-body{fill:#17120c;stroke:#b08a45aa;stroke-width:2px}.story-telescope-door{fill:#0c0a07}.story-tube{transform-box:view-box;transform-origin:350px 470px;animation:6s ease-in-out infinite story-track}@keyframes story-track{0%,to{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}.story-tube-line{stroke:#cdb27a;stroke-width:15px;stroke-linecap:round}.story-tube-lens{fill:#1f1912;stroke:#f2d58c;stroke-width:3px}.story-planet-disc{fill:#e9cf93}.story-planet-shadow{fill:#14100c}.story-lens-inset circle{fill:#0d0b08;stroke:#b08a4580;stroke-width:1.5px}.story-today-spin{transform-box:view-box;transform-origin:350px 350px;animation:48s linear infinite story-orbit}.story-today-ring{fill:none;stroke:#b08a4555;stroke-width:1.5px;stroke-dasharray:3 9}.story-today-core{fill:none;stroke:#e6cf97aa;stroke-width:1.8px}.story-today-square{fill:none;stroke:#cdb27a99;stroke-width:1.6px}.story-today-mark{fill:#f3e2b0;text-anchor:middle;font-size:40px;font-family:var(--serif)}.story-today-label{fill:#c9a869;text-anchor:middle;letter-spacing:.12em;font-size:16px}@media (prefers-reduced-motion:reduce){.story *{animation:none!important}}body:has(#pause-motion:checked) .story *{animation:none!important}