:root {
    --mystic-ink: #34384f;
    --mystic-muted: #69718d;
    --mystic-violet: #7763c7;
    --mystic-violet-deep: #55468f;
    --mystic-pink: #df78a8;
    --mystic-glass: rgba(255, 255, 255, 0.43);
    --mystic-line: rgba(255, 255, 255, 0.68);
    --mystic-shadow: 0 12px 34px rgba(72, 67, 131, 0.10);
}

body.horoscope-unified {
    color: var(--mystic-ink);
}

body.horoscope-unified [class*="bg-white/"] {
    background-color: var(--mystic-glass) !important;
}

body.horoscope-unified [class*="backdrop-blur"] {
    border-color: var(--mystic-line) !important;
    box-shadow: var(--mystic-shadow);
}

body.horoscope-unified .theme-glass,
body.horoscope-unified .glass-panel,
body.horoscope-unified .content-card,
body.horoscope-unified .result-card {
    background: var(--mystic-glass) !important;
    border: 1px solid var(--mystic-line) !important;
    box-shadow: var(--mystic-shadow) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.horoscope-unified .theme-page-header,
body.horoscope-unified #root [class*="sticky"][class*="top-0"] {
    background: linear-gradient(180deg, rgba(68, 70, 135, 0.52), rgba(96, 93, 164, 0.20)) !important;
    border-color: rgba(255, 255, 255, 0.26) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

body.horoscope-unified .theme-page-title,
body.horoscope-unified .theme-page-header h1,
body.horoscope-unified #root [class*="sticky"][class*="top-0"] h1 {
    color: #fff !important;
    letter-spacing: 0 !important;
    text-shadow: 0 2px 10px rgba(64, 55, 119, 0.22);
}

body.horoscope-unified .theme-page-subtitle,
body.horoscope-unified .theme-page-header p,
body.horoscope-unified #root [class*="sticky"][class*="top-0"] p {
    color: rgba(255, 255, 255, 0.82) !important;
    text-shadow: 0 1px 5px rgba(64, 55, 119, 0.16);
}

body.horoscope-unified h1,
body.horoscope-unified h2,
body.horoscope-unified h3 {
    letter-spacing: 0 !important;
}

body.horoscope-unified [class*="text-gray-800"],
body.horoscope-unified [class*="text-slate-800"] {
    color: var(--mystic-ink) !important;
}

body.horoscope-unified [class*="text-gray-500"],
body.horoscope-unified [class*="text-slate-500"] {
    color: var(--mystic-muted) !important;
}

body.horoscope-unified [class*="from-purple-"],
body.horoscope-unified [class*="from-violet-"] {
    --tw-gradient-from: #8b77df !important;
}

body.horoscope-unified [class*="to-indigo-"],
body.horoscope-unified [class*="to-purple-"] {
    --tw-gradient-to: #6e63bd !important;
}

body.horoscope-unified [class*="from-pink-"],
body.horoscope-unified [class*="from-rose-"] {
    --tw-gradient-from: #eb91b6 !important;
}

body.horoscope-unified [class*="to-pink-"],
body.horoscope-unified [class*="to-rose-"] {
    --tw-gradient-to: #d96f9d !important;
}

body.horoscope-unified input,
body.horoscope-unified textarea,
body.horoscope-unified select {
    background-color: rgba(255, 255, 255, 0.55) !important;
    border-color: rgba(255, 255, 255, 0.76) !important;
    color: var(--mystic-ink) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
}

body.horoscope-unified input:focus,
body.horoscope-unified textarea:focus,
body.horoscope-unified select:focus {
    border-color: rgba(119, 99, 199, 0.52) !important;
    box-shadow: 0 0 0 3px rgba(119, 99, 199, 0.10) !important;
}

body.horoscope-unified .theme-section-label {
    color: rgba(255, 255, 255, 0.96) !important;
    text-shadow: 0 1px 6px rgba(58, 51, 108, 0.22);
}

body.horoscope-unified .theme-float {
    animation: mystic-float 6s ease-in-out infinite;
}

body.horoscope-unified.theme-legal-page h1 {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.46) !important;
    text-shadow: 0 2px 10px rgba(64, 55, 119, 0.24);
}

body.horoscope-unified.theme-legal-page h2 {
    color: var(--mystic-violet-deep) !important;
}

body.horoscope-unified.theme-legal-page p,
body.horoscope-unified.theme-legal-page li {
    color: var(--mystic-ink) !important;
}

body.horoscope-unified.theme-legal-page .alert-box {
    background: rgba(255, 255, 255, 0.48) !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-left: 3px solid var(--mystic-violet) !important;
    border-radius: 8px;
    box-shadow: var(--mystic-shadow);
    backdrop-filter: blur(18px);
}

body.horoscope-unified.theme-legal-page .back-btn {
    color: var(--mystic-violet-deep) !important;
    border-color: rgba(119, 99, 199, 0.52) !important;
    background: rgba(255, 255, 255, 0.48) !important;
}

body.horoscope-unified.theme-tarot-page #app {
    min-height: 100vh;
}

body.horoscope-unified.theme-tarot-page header,
body.horoscope-unified.theme-tarot-page .spread-feature-card,
body.horoscope-unified.theme-tarot-page .question-box,
body.horoscope-unified.theme-tarot-page .reading-panel {
    background: rgba(255, 255, 255, 0.44) !important;
    border-color: rgba(255, 255, 255, 0.70) !important;
    box-shadow: var(--mystic-shadow) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.horoscope-unified.theme-tarot-page .feature-title,
body.horoscope-unified.theme-tarot-page .feature-desc,
body.horoscope-unified.theme-tarot-page .hero-subtitle {
    color: var(--mystic-ink) !important;
}

body.horoscope-unified .theme-page-title,
body.horoscope-unified .theme-page-header h1,
body.horoscope-unified #root [class*="sticky"][class*="top-0"] h1 {
    color: #fff !important;
}

body.horoscope-unified .theme-page-subtitle,
body.horoscope-unified .theme-page-header p,
body.horoscope-unified #root [class*="sticky"][class*="top-0"] p {
    color: rgba(255, 255, 255, 0.84) !important;
}

@keyframes mystic-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

@media (prefers-reduced-motion: reduce) {
    body.horoscope-unified .theme-float {
        animation: none;
    }
}