:root{--bg: #0e0b1a;--bg-2: #16112b;--ink: #ece9fb;--ink-dim: #a49fc4;--line: #2a2344;--silver: #c9c7da;--radius: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 800px at 50% -10%,#241a44 0%,transparent 60%),radial-gradient(900px 700px at 85% 110%,#1a1030 0%,transparent 55%),var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20% 30%,#fff6 0,transparent 100%),radial-gradient(1px 1px at 70% 60%,#fff4 0,transparent 100%),radial-gradient(1px 1px at 40% 80%,#fff5 0,transparent 100%),radial-gradient(1px 1px at 90% 20%,#fff3 0,transparent 100%),radial-gradient(1px 1px at 55% 15%,#fff4 0,transparent 100%);pointer-events:none;z-index:0}.page{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:28px 24px 48px;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:Marcellus,serif;font-size:1.4rem;letter-spacing:.18em;text-transform:lowercase;color:var(--ink)}.lang-toggle{display:flex;gap:2px;border:1px solid var(--line);border-radius:999px;padding:3px}.lang-toggle button{background:none;border:none;color:var(--ink-dim);font-size:.72rem;letter-spacing:.1em;padding:5px 12px;border-radius:999px;cursor:pointer;transition:.2s}.lang-toggle button.active{background:var(--ink);color:var(--bg)}.stage{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:12px}.orb-stage{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center;margin:8px 0 4px}.orb{width:190px;height:190px;border-radius:50%;animation:breathe 6s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.08);opacity:1}}.orbit-number{position:absolute;top:50%;left:50%;margin:-.6em 0 0 -.5em;font-family:Marcellus,serif;font-size:1.15rem;opacity:.85;animation:spin 26s linear infinite}.orb-stage{--spin-origin: center}@keyframes spin{to{transform:rotate(360deg)}}.kicker{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:14px}h1{font-family:Marcellus,serif;font-weight:400;font-size:clamp(2.2rem,7vw,3.4rem);line-height:1.05;margin-bottom:14px}.subtitle{color:var(--ink-dim);max-width:420px;margin:0 auto 28px;line-height:1.6;font-weight:300}.reading-form{display:flex;flex-direction:column;gap:14px;width:100%;max-width:360px;text-align:left}.reading-form label{display:flex;flex-direction:column;gap:6px}.reading-form label span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.reading-form input{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px;color:var(--ink);font-size:1rem;font-family:inherit;transition:border-color .2s}.reading-form input:focus{outline:none;border-color:var(--silver)}.reading-form input::-webkit-calendar-picker-indicator{filter:invert(.7)}.error{color:#ff8a8a;font-size:.85rem}.cta{margin-top:8px;background:var(--ink);color:var(--bg);border:none;border-radius:999px;padding:14px 22px;font-family:Marcellus,serif;font-size:1rem;letter-spacing:.06em;cursor:pointer;transition:transform .15s,box-shadow .2s}.cta:hover{transform:translateY(-1px);box-shadow:0 8px 30px #fff2}.cta.ghost{background:transparent;color:var(--ink-dim);border:1px solid var(--line);margin-top:26px}.cta:focus-visible{outline:2px solid var(--silver);outline-offset:3px}.result{width:100%;max-width:460px}.traits{color:var(--ink-dim);letter-spacing:.04em;margin-bottom:20px;text-transform:capitalize}.summary{line-height:1.7;font-weight:300;margin-bottom:12px}.master-note{font-size:.85rem;color:var(--silver);font-style:italic;margin-bottom:8px}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0 22px}.number-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px 6px;display:flex;flex-direction:column;gap:6px}.number-card .num{font-family:Marcellus,serif;font-size:1.9rem}.num-label{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.chakra-line{color:var(--ink-dim);font-weight:300}.chakra-theme{color:var(--ink-dim)}.disclaimer{margin-top:40px;font-size:.72rem;line-height:1.6;color:#6f6a8f;text-align:center;max-width:520px;margin-inline:auto}@media(max-width:480px){.number-grid{grid-template-columns:repeat(2,1fr)}.orb-stage{width:240px;height:240px}.orb{width:150px;height:150px}}@media(prefers-reduced-motion:reduce){.orb,.orbit-number{animation:none}}