.astro{position:relative;width:min(560px,92vw);aspect-ratio:1;margin:0 auto;perspective:1400px}.astro__nebula{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;border-radius:50%;background:radial-gradient(circle at 70% 72%,rgba(214,170,60,.5),transparent 42%),radial-gradient(circle at 78% 58%,rgba(60,170,170,.3),transparent 36%),radial-gradient(circle at 30% 30%,rgba(125,107,214,.25),transparent 45%),radial-gradient(circle at 50% 50%,rgba(255,170,60,.18),transparent 55%);filter:blur(26px);animation:nebula 14s ease-in-out infinite alternate;pointer-events:none}@keyframes nebula{to{transform:scale(1.08) rotate(8deg);opacity:.8}}.astro__svg{position:relative;width:100%;height:100%;overflow:visible;transform:rotateX(34deg) rotateY(-20deg) rotate(6deg);transform-style:preserve-3d}.astro__ring,.astro__sun{transform-box:view-box;transform-origin:300px 300px}.astro__ring--scale{animation:astro-spin 240s linear infinite}.astro__ring--zodiac{animation:astro-spin 160s linear infinite reverse}.astro__ring--numbers{animation:astro-spin 110s linear infinite}.astro__ring--planets{animation:astro-spin 70s linear infinite reverse}.astro__sun{animation:astro-spin 40s linear infinite,astro-pulse 4s ease-in-out infinite}.astro__stars{animation:astro-twinkle 5s ease-in-out infinite alternate}@keyframes astro-spin{to{transform:rotate(360deg)}}@keyframes astro-pulse{50%{opacity:.85;filter:brightness(1.25)}}@keyframes astro-twinkle{to{opacity:.45}}.astro__wheel{transform-box:view-box;transform-origin:300px 300px}.astro__value{position:absolute;top:50%;left:50%;z-index:2;font-family:var(--font-serif);font-size:clamp(64px,14vw,120px);font-weight:600;line-height:1;color:#fff1c8;text-shadow:0 0 24px rgba(255,200,100,.9),0 0 60px rgba(255,150,40,.6);transform:translate(-50%,-50%) scale(.4);opacity:0;transition:opacity .8s,transform 1s var(--ease-out);pointer-events:none}.astro.has-value .astro__value{opacity:1;transform:translate(-50%,-50%) scale(1)}.astro .astro__sun{transition:opacity .8s}.astro.has-value .astro__sun{opacity:.25}.numres{max-width:820px;margin:26px auto 0;padding:30px 26px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center;animation:tresult-in .7s var(--ease-out) both}@media(min-width:768px){.numres{padding:40px 56px}}.numres[hidden]{display:none}.numres__label{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.14em;text-transform:lowercase;color:var(--gold)}.numres__title{margin:6px 0 4px;font-family:var(--font-script);font-size:clamp(34px,5vw,48px);font-weight:400;line-height:1.1}.numres__title span{color:var(--gold)}.numres__master{display:inline-block;margin-bottom:8px}.numres__keys{font-family:var(--font-serif);font-size:20px;font-style:italic;color:var(--gold-2)}.numres__text{max-width:620px;margin:16px auto 0;font-size:17px;color:var(--text)}.numres__calc{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:16px;color:var(--muted);overflow-wrap:anywhere}@media(max-width:640px){.astro__nebula{top:-4%;right:-4%;bottom:-4%;left:-4%}}@media(min-width:1024px){.num-layout{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,10fr);align-items:center;gap:48px}.num-layout .setup{max-width:none;margin:0}.num-layout .stage{margin-top:0}.num-layout .stage__idle{width:100%}.num-layout .astro{width:min(100%,600px)}}.numres__note{max-width:560px;margin:10px auto 0;font-size:15px;line-height:1.5;color:var(--muted)}