.zodiac-wheel-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#0f172a8c;place-items:center;animation:.32s ease-out zw-overlay-in;display:grid;position:fixed;inset:0}@keyframes zw-overlay-in{0%{opacity:0}to{opacity:1}}.zodiac-wheel-card{color:#fff;background:linear-gradient(160deg,#1a0a2e 0%,#2e1156 55%,#45178a 100%);border-radius:24px;place-items:center;gap:1.5rem;width:min(86vw,360px);padding:2rem 1.75rem 1.75rem;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a52,inset 0 0 0 1px #ffffff0f}.zodiac-wheel-card:before{content:"";opacity:.55;pointer-events:none;background-image:radial-gradient(circle at 18% 22%,#fff 1px,#0000 1.5px),radial-gradient(circle at 72% 18%,#fff .5px,#0000 1px),radial-gradient(circle at 88% 62%,#fff 1px,#0000 1.5px),radial-gradient(circle at 32% 76%,#fff .5px,#0000 1px),radial-gradient(circle at 60% 84%,#fff .5px,#0000 1px),radial-gradient(circle at 12% 88%,#fff 1px,#0000 1.5px);animation:6s ease-in-out infinite zw-stars;position:absolute;inset:0}@keyframes zw-stars{0%,to{opacity:.45}50%{opacity:.7}}.zodiac-wheel-eyebrow{letter-spacing:.08em;text-transform:uppercase;opacity:.7;z-index:2;font-size:11px;font-weight:800;position:relative}.zodiac-wheel-stage{z-index:2;width:220px;height:220px;position:relative}.zodiac-wheel-ring-outer{animation:16s linear infinite zw-rotate-cw;position:absolute;inset:0}@keyframes zw-rotate-cw{to{transform:rotate(360deg)}}.zodiac-wheel-char{color:#ffffffeb;text-shadow:0 0 8px #ec489966;font-family:Noto Serif KR,serif;font-size:20px;font-weight:800;animation:16s linear infinite zw-char-counter;position:absolute;top:50%;left:50%}@keyframes zw-char-counter{to{transform:translate(-50%,-50%)rotate(-360deg)}}.zodiac-wheel-ring-inner{border:1.5px solid #ec4899d9;border-color:#ec4899d9 #ec489959 #0000 #0000;border-radius:50%;animation:6s linear infinite zw-rotate-ccw;position:absolute;inset:28px;box-shadow:0 0 24px #ec489940,inset 0 0 16px #ec48991f}@keyframes zw-rotate-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.zodiac-wheel-core{background:radial-gradient(circle,#ffffff2e 0%,#ec48992e 45%,#0000 75%);border-radius:50%;place-items:center;width:88px;height:88px;animation:3s ease-in-out infinite zw-core-pulse;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes zw-core-pulse{0%,to{opacity:.85;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.zodiac-wheel-core-glyph{color:#fff;text-shadow:0 0 12px #ec4899cc;font-family:Noto Serif KR,serif;font-size:28px;font-weight:900}.zodiac-wheel-step-stack{z-index:2;text-align:center;width:100%;min-height:44px;position:relative}.zodiac-wheel-step{color:#fff;opacity:0;place-items:center;font-size:14px;font-weight:700;animation:6s ease-in-out infinite zw-step-fade;display:grid;position:absolute;inset:0}.zodiac-wheel-step:first-child{animation-delay:0s}.zodiac-wheel-step:nth-child(2){animation-delay:1.5s}.zodiac-wheel-step:nth-child(3){animation-delay:3s}.zodiac-wheel-step:nth-child(4){animation-delay:4.5s}@keyframes zw-step-fade{0%{opacity:0;transform:translateY(6px)}6%,22%{opacity:1;transform:translateY(0)}28%{opacity:0;transform:translateY(-6px)}to{opacity:0}}.zodiac-wheel-dots{z-index:2;gap:10px;display:flex}.zodiac-wheel-dots>span{background:var(--app-pink,#ec4899);opacity:.45;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite zw-dot-breathe}.zodiac-wheel-dots>span:first-child{animation-delay:0s}.zodiac-wheel-dots>span:nth-child(2){animation-delay:.18s}.zodiac-wheel-dots>span:nth-child(3){animation-delay:.36s}.zodiac-wheel-dots>span:nth-child(4){animation-delay:.54s}@keyframes zw-dot-breathe{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.5);box-shadow:0 0 8px #ec489999}}.zodiac-wheel-copy{text-align:center;z-index:2}.zodiac-wheel-title{letter-spacing:-.01em;color:#fff;margin:0;font-size:18px;font-weight:800}.zodiac-wheel-desc{opacity:.75;word-break:keep-all;margin:.5rem 0 0;font-size:12.5px;line-height:1.55}@media (prefers-reduced-motion:reduce){.zodiac-wheel-ring-outer,.zodiac-wheel-char,.zodiac-wheel-ring-inner,.zodiac-wheel-core,.zodiac-wheel-step,.zodiac-wheel-dots>span,.zodiac-wheel-card:before{animation:none!important}.zodiac-wheel-step:first-child{opacity:1}}