:root{--zodiac-weather-start:rgba(232, 140, 165, 0.08);--zodiac-weather-end:rgba(160, 140, 232, 0.08)}.zodiac-page{position:relative}.zodiac-page::before{content:'';position:absolute;top:0;left:0;right:0;height:min(55vh,520px);pointer-events:none;z-index:-1;opacity:0;animation:.8s ease-out forwards atmosphereFadeIn;background:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--data-purple) 6%,transparent) 0,color-mix(in srgb,var(--data-3) 3%,transparent) 40%,transparent 70%)}.zodiac-hero-meta{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.zodiac-element-pill,.zodiac-modality-pill{background:color-mix(in srgb,var(--data-purple) 15%,transparent);color:var(--data-purple);padding:.25em .8em;border-radius:var(--corner-pill);font-weight:600;font-size:var(--text-size-xs)}.zodiac-hook-quote{font-style:italic;font-size:var(--text-size-body);margin:0;padding:var(--spacing-sm) var(--spacing-lg);border-left:2px solid var(--data-purple);text-align:left;line-height:var(--line-height-base);color:var(--text-secondary)}.ze-weather-card{background:linear-gradient(135deg,var(--zodiac-weather-start),var(--zodiac-weather-end));border:1px solid color-mix(in srgb,var(--data-purple) 22%,var(--border-color))}.ze-num-big{font-size:3rem;font-weight:300;color:var(--accent-color);text-align:center;margin:var(--spacing-md) 0 var(--spacing-sm)}.zodiac-enhanced-hook-card{background:linear-gradient(135deg,var(--zodiac-weather-start),var(--zodiac-weather-end))}.zodiac-reveal-grid-content,.zodiac-reveal-grid-content.category-cards,.zodiac_match_picker_content,.zodiac_match_picker_content.category-cards,.zodiac_reveal_selector,.zodiac_reveal_selector.category-cards{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);width:100%;min-width:0}.zodiac_celestial_selector{width:100%;min-width:0}.zodiac_celestial_stage{position:relative;height:420px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-color) 24%,var(--border-color));border-radius:var(--corner-card);background:radial-gradient(circle at 73% 48%,color-mix(in srgb,var(--data-purple) 22%,transparent),transparent 28%),linear-gradient(155deg,var(--bg-elevated),color-mix(in srgb,var(--accent-alt-subtle) 38%,var(--bg-elevated)));box-shadow:var(--shadow-md);isolation:isolate}.zodiac_star_field{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.zodiac_orbit_group{transform-origin:160px 125px;animation:none}.zodiac_orbit{fill:none;stroke:color-mix(in srgb,var(--accent-color) 34%,transparent);stroke-width:1;stroke-dasharray:3 7}.zodiac_star{fill:var(--accent-color);opacity:.28;transform-box:fill-box;transform-origin:center;animation:none}.zodiac_dial_track{position:absolute;left:35%;top:50%;z-index:2;width:370px;height:370px;transform:translate(-50%,-50%) rotate(-7deg);animation:none}.zodiac_dial_sign{position:absolute;left:50%;top:50%;width:48px;height:48px;padding:6px;border:1px solid color-mix(in srgb,var(--accent-color) 32%,var(--border-color));border-radius:50%;background:color-mix(in srgb,var(--bg-elevated) 90%,transparent);color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translate(-50%,-50%) rotate(var(--zodiac_angle,0deg)) translateY(-150px);transition:transform calc(var(--interaction-duration) * 1ms) var(--interaction-easing),background calc(var(--interaction-duration) * 1ms) var(--interaction-easing),border-color calc(var(--interaction-duration) * 1ms) var(--interaction-easing);touch-action:manipulation}.zodiac_dial_sign.is_selected,.zodiac_dial_sign:hover{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 20%,var(--bg-elevated));transform:translate(-50%,-50%) rotate(var(--zodiac_angle,0deg)) translateY(-150px) scale(1.12)}.zodiac_dial_symbol,.zodiac_focus_glyph{width:100%;height:100%;overflow:visible}.zodiac_dial_symbol path,.zodiac_focus_glyph path{fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.zodiac_dial_focus{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:128px;min-height:128px;padding:var(--spacing-xs);border:1px solid color-mix(in srgb,var(--accent-color) 52%,var(--border-color));border-radius:50%;background:color-mix(in srgb,var(--accent-color) 18%,var(--bg-elevated));color:var(--text-primary);text-align:center;transform:translate(-50%,-50%);box-shadow:var(--shadow-md)}.zodiac_focus_label,.zodiac_match_node_label{color:var(--text-secondary);font-size:var(--text-size-xs);line-height:1.1}.zodiac_focus_glyph{width:38px;height:38px;color:var(--accent-color);opacity:.32;transition:opacity calc(var(--interaction-duration) * 1ms) var(--interaction-easing),transform calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.zodiac_celestial_stage.has_selection .zodiac_focus_glyph{opacity:1;transform:scale(1.08)}.zodiac_focus_name{max-width:88px;font-size:var(--text-size-sm);line-height:1.05}.zodiac_portrait_hero{position:relative;display:grid;justify-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);overflow:hidden;border-radius:var(--corner-card);background:color-mix(in srgb,var(--accent-alt-subtle) 45%,var(--bg-elevated))}.zodiac_portrait_orb{width:68px;height:68px;border:1px solid color-mix(in srgb,var(--accent-color) 46%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent-color) 24%,transparent),transparent 68%);box-shadow:0 0 0 12px color-mix(in srgb,var(--accent-color) 7%,transparent);animation:none}.zodiac-reveal-view.is-profile .zodiac_portrait_hero{display:none}.zodiac-reveal-view.is-profile .zodiac_journey_card{gap:var(--spacing-xs);margin-top:0;padding:var(--spacing-sm)}.zodiac-reveal-view.is-profile .zodiac_journey_body{max-height:9rem;overflow-y:auto;padding-right:var(--spacing-xs)}.zodiac_journey_card,.zodiac_journey_integration{display:grid;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-md)}.zodiac_progress_track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.zodiac_progress_dot{height:5px;border-radius:var(--corner-pill);background:color-mix(in srgb,var(--border-color) 72%,transparent)}.zodiac_progress_dot.is_complete,.zodiac_progress_dot.is_current{background:var(--accent-color)}.zodiac_progress_dot.is_current{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 14%,transparent)}.zodiac_progress_dot.is_unused{visibility:hidden}.zodiac_match_pair_preview{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:center;gap:var(--spacing-xs)}.zodiac_match_node{display:grid;gap:2px;min-height:54px;padding:8px;border:1px solid color-mix(in srgb,var(--accent-color) 28%,var(--border-color));border-radius:50%;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);text-align:center}.zodiac_match_node.has_value{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-elevated))}.zodiac_match_node_name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zodiac_match_bridge{height:2px;background:linear-gradient(90deg,var(--accent-color),var(--data-purple));transform:scaleX(.45);transition:transform calc(var(--interaction-duration) * 1ms) var(--interaction-easing)}.zodiac_match_node.has_value+.zodiac_match_bridge{transform:scaleX(1)}.zodiac_match_composition{position:relative;display:grid;grid-template-columns:1fr 52px 1fr;align-items:center;min-height:126px;overflow:hidden;border-radius:var(--corner-card);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent-color) 18%,transparent),transparent 32%),color-mix(in srgb,var(--accent-alt-subtle) 45%,var(--bg-elevated))}.zodiac_match_result_node{z-index:1;display:grid;place-items:center;min-height:72px;margin:var(--spacing-sm);padding:var(--spacing-xs);border:1px solid color-mix(in srgb,var(--accent-color) 35%,var(--border-color));border-radius:50%;background:var(--bg-elevated);color:var(--text-primary);text-align:center;animation:1.1s ease-out both zodiac_pair_compose}.zodiac_match_result_their{animation-direction:reverse}.zodiac_match_result_orbit{width:46px;height:46px;border:1px dashed var(--accent-color);border-radius:50%;animation:9s linear infinite zodiac_orbit_drift}.zodiac_match_composition .zodiac-tagline{grid-column:1/-1;margin:0 var(--spacing-md) var(--spacing-sm);text-align:center;font-style:italic;color:var(--text-secondary);line-height:var(--line-height-base);font-size:var(--text-size-sm)}@keyframes zodiac_star_twinkle{0%,100%{opacity:.22;transform:scale(.8)}50%{opacity:.9;transform:scale(1.25)}}@keyframes zodiac_orbit_drift{to{transform:rotate(360deg)}}@keyframes zodiac_dial_breathe{0%,100%{transform:translate(-50%,-50%) rotate(-7deg)}50%{transform:translate(-48%,-49%) rotate(-3deg)}}@keyframes zodiac_portrait_pulse{0%,100%{transform:scale(.94);opacity:.72}50%{transform:scale(1.06);opacity:1}}@keyframes zodiac_pair_compose{from{transform:translateX(-28px) scale(.88);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}.zodiac_dial_track::before{content:"";position:absolute;left:50%;top:-13px;z-index:3;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:22px solid var(--accent-color);filter:drop-shadow(0 2px 2px color-mix(in srgb, var(--text-primary) 18%, transparent));transform:translateX(-50%) rotate(7deg)}@media (max-width:390px){.zodiac_celestial_stage{height:310px}.zodiac_dial_track{left:50%;width:274px;height:274px}.zodiac_dial_sign{width:40px;height:40px;transform:translate(-50%,-50%) rotate(var(--zodiac_angle,0deg)) translateY(-108px)}.zodiac_dial_sign.is_selected,.zodiac_dial_sign:hover{transform:translate(-50%,-50%) rotate(var(--zodiac_angle,0deg)) translateY(-108px) scale(1.1)}.zodiac_dial_focus{width:104px;min-height:104px}}