:root{--bg: #080812;--surface: #0f0f1a;--surface-2: #14142a;--border: #1e1e35;--gold: #c9a227;--gold-dim: #8a6d1a;--gold-bright: #f0c040;--text: #e8e4d0;--text-dim: #6b6880;--red-dim: #a04242;--font-display: "DM Serif Display", "Playfair Display", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-body: "EB Garamond", "Libre Baskerville", Georgia, serif;--radius: 4px;--max-w: 1200px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.gold{color:var(--gold)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing{position:relative;min-height:100vh;display:grid;place-items:center;padding:40px 20px;overflow:hidden}.landing__inner{position:relative;z-index:1;max-width:680px;width:100%;text-align:center}.landing__header{margin-bottom:48px}.landing__title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 16px;color:var(--gold);letter-spacing:.01em;line-height:1.1}.tagline{margin:0;font-style:italic;color:var(--text-dim);font-size:1.1rem;min-height:1.6rem;transition:opacity .4s ease}.tagline--visible{opacity:1}.tagline--hidden{opacity:0}.landing__form{display:flex;flex-direction:column;align-items:stretch;gap:14px;max-width:420px;margin:0 auto}.landing__input{font-family:var(--font-mono);font-size:1.1rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;text-align:center;letter-spacing:.05em;color-scheme:dark}.landing__input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c9a2272e}.landing__cta{font-family:var(--font-mono);font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:#15100a;border-radius:var(--radius);padding:16px 18px;font-weight:600;transition:background .15s ease,transform .12s ease}.landing__cta:hover{background:var(--gold-bright)}.landing__cta:active{transform:translateY(1px)}.landing__error{margin:0;color:var(--red-dim);font-style:italic;font-size:.95rem}.landing__sub{margin-top:40px;color:var(--text-dim);font-size:1rem;font-style:italic;max-width:520px;margin-left:auto;margin-right:auto}.zodiac-bg{position:absolute;top:50%;left:50%;width:min(1000px,120vw);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:.09;filter:blur(1px);background:radial-gradient(closest-side,rgba(201,162,39,.4),transparent 70%),repeating-conic-gradient(from 0deg,rgba(201,162,39,.6) 0deg .3deg,transparent .3deg 30deg);border-radius:50%;mask-image:radial-gradient(closest-side,black 70%,transparent 100%);-webkit-mask-image:radial-gradient(closest-side,black 70%,transparent 100%);animation:slow-spin 240s linear infinite}@keyframes slow-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.reveal{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:24px}.reveal__wheel{position:absolute;top:50%;left:50%;width:340px;height:340px;transform:translate(-50%,-50%);animation:wheel-spin 6s linear infinite;opacity:.65}@keyframes wheel-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.reveal__glyph{position:absolute;left:50%;top:50%;font-size:1.8rem;color:var(--gold);transform-origin:0 140px;margin-left:-.6em}.reveal__lines{position:relative;z-index:1;list-style:none;margin:0;padding:0;text-align:center}.reveal__line{font-family:var(--font-display);font-size:clamp(1.2rem,2.4vw,1.8rem);color:var(--text);margin:14px 0;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;letter-spacing:.01em}.reveal__line--in{opacity:1;transform:translateY(0)}.results{max-width:var(--max-w);margin:0 auto;padding:28px 24px 80px}.results__topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:40px;font-size:.9rem;color:var(--text-dim)}.results__reset{color:var(--gold);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);padding:8px 14px;border-radius:var(--radius);transition:border-color .15s ease,color .15s ease}.results__reset:hover{border-color:var(--gold);color:var(--gold-bright)}.age-header{text-align:center;padding:40px 20px 56px;border-bottom:1px solid var(--border);margin-bottom:56px}.age-header__primary{font-family:var(--font-mono);font-size:clamp(1.6rem,4vw,2.6rem);color:var(--text);line-height:1.2}.age-header__num{color:var(--gold-bright);font-weight:600}.age-header__label{color:var(--text-dim)}.age-header__secondary{margin-top:10px;font-family:var(--font-mono);color:var(--text-dim);font-size:1rem;letter-spacing:.04em}.age-header__copy{margin-top:18px;font-style:italic;color:var(--text);font-size:1.05rem}.section{margin-bottom:64px}.section__header{margin-bottom:24px}.section__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);color:var(--gold);margin:0 0 6px;letter-spacing:.02em}.section__sub{margin:0;color:var(--text-dim);font-style:italic;font-size:1rem;max-width:640px}.planetary__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.planet-tile{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px 20px;display:flex;flex-direction:column;gap:10px;transition:border-color .18s ease,transform .18s ease}.planet-tile:hover{border-color:var(--gold-dim);transform:translateY(-2px)}.planet-tile:hover .planet-tile__glyph{transform:rotate(360deg)}.planet-tile:hover .planet-tile__math{color:var(--gold)}.planet-tile--featured{border-color:var(--gold);background:linear-gradient(180deg,var(--surface-2),var(--surface));grid-column:span 2;box-shadow:0 0 0 1px #c9a22740,0 0 40px #c9a22714}@media (max-width: 640px){.planet-tile--featured{grid-column:span 1}}.planet-tile__glyph{font-size:2.6rem;color:var(--gold);line-height:1;transition:transform 3s ease}.planet-tile__name{margin:0;font-family:var(--font-display);font-size:1.3rem;color:var(--text);letter-spacing:.03em}.planet-tile__count{font-size:1.4rem;color:var(--gold-bright);font-weight:600;letter-spacing:.02em}.planet-tile__dates{display:flex;flex-direction:column;gap:2px;padding-top:4px;border-top:1px dashed var(--border)}.planet-tile__label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.planet-tile__date{font-size:.95rem;color:var(--text)}.planet-tile__rel{font-family:var(--font-mono);font-size:.85rem;color:var(--gold-dim)}.planet-tile__math{font-size:.8rem;color:var(--text-dim);padding:6px 8px;background:#ffffff05;border-radius:3px;transition:color .2s ease}.planet-tile__copy{margin:4px 0 0;font-style:italic;color:var(--text);font-size:.95rem;line-height:1.45}.planet-tile__note{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--border);color:var(--gold);font-style:italic;font-size:.9rem}.milestones__cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 720px){.milestones__cols{grid-template-columns:1fr}}.milestones__col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 22px 18px}.milestones__col-title{margin:0 0 14px;font-family:var(--font-display);font-size:1.2rem;color:var(--gold);letter-spacing:.03em}.milestones__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.milestone-fact{border-left:2px solid var(--border);padding:4px 0 4px 14px;transition:border-color .16s ease}.milestone-fact:hover{border-left-color:var(--gold-dim)}.milestone-fact__label{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px}.milestone-fact__body{font-size:1rem;color:var(--text);line-height:1.45}.carousel__controls{display:flex;gap:8px;margin-bottom:16px}.carousel__btn{width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius);color:var(--gold);font-size:1.2rem;font-family:var(--font-mono);background:var(--surface);transition:border-color .15s ease,color .15s ease}.carousel__btn:hover{border-color:var(--gold);color:var(--gold-bright)}.carousel__scroller{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 20px;scrollbar-color:var(--gold-dim) var(--surface)}.carousel__scroller::-webkit-scrollbar{height:10px}.carousel__scroller::-webkit-scrollbar-track{background:var(--surface)}.carousel__scroller::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:10px}.year-tile{flex:0 0 280px;scroll-snap-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px 16px;display:flex;flex-direction:column;gap:10px;min-height:220px;transition:border-color .16s ease,opacity .16s ease}.year-tile__header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.year-tile__age{font-size:2.4rem;color:var(--gold);font-weight:600;line-height:1}.year-tile__meta{font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.year-tile__state{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);align-self:flex-start}.year-tile__facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:.92rem;line-height:1.4}.year-tile__facts li{padding-left:12px;position:relative;color:var(--text)}.year-tile__facts li:before{content:"·";position:absolute;left:2px;top:-2px;color:var(--gold-dim);font-size:1.2em}.year-tile__empty{color:var(--text-dim);font-style:italic}.year-tile--current{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 24px #c9a22733}.year-tile--current .year-tile__state{color:var(--gold-bright)}.year-tile--past{opacity:1}.year-tile--future{opacity:.78;border-style:dashed}.year-tile--future .year-tile__facts li{font-style:italic;color:var(--text-dim)}.year-tile--future .year-tile__age{color:var(--gold-dim)}.footer{margin-top:80px;padding-top:28px;border-top:1px solid var(--border);text-align:center;color:var(--text-dim);font-style:italic;font-size:.9rem}@media (max-width: 640px){body{font-size:16px}.planetary__grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.planet-tile{padding:18px 16px 16px}.planet-tile__count{font-size:1.2rem}}