/* --- css/styles.css --- */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap');

/* --- BASE --- */
:root {
    --gold: #D4AF37;
    --gold-light: #F9F1D8;
    --gold-dim: #8a7326;
    --black: #030303;
    --panel-bg: rgba(10, 10, 10, 0.7);
    /* Font sizes are set by seo_head.php (user preferences or defaults); do not define here or they override saved values */
}

* { box-sizing: border-box; }

h1 { font-size: var(--font-size-h1); }
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }
p  { font-size: var(--font-size-p); }

body { 
    font-family: 'Playfair Display', serif; 
    background-color: var(--black); 
    color: var(--gold-light);
    background-image: radial-gradient(circle at top center, #1F1512 0%, #000000 100%);
    overflow-x: hidden;
    min-height: 100vh;
}

/* --- LIGHT MODE: maroon / gold / dark gold / warm gray (no black or cool gray) --- */
[data-theme="light"] {
    --gold: #B8962E;
    --gold-light: #5C2329;
    --gold-dim: #6b5a2a;
    --black: #f5f0e6;
    --panel-bg: rgba(252, 248, 240, 0.95);
    --light-maroon: #5C2329;
    --light-maroon-muted: #722F37;
    --light-gold: #B8962E;
    --light-darkgold: #6b5a2a;
    --light-warmgray: #4a4238;
}
[data-theme="light"] body {
    background-color: #f5f0e6;
    color: var(--light-warmgray);
    background-image: radial-gradient(circle at top center, #ebe5d9 0%, #e8e0d2 100%);
}
[data-theme="light"] #ash-canvas {
    opacity: 0.88 !important;
}
[data-theme="light"] .nav-theme {
    background-color: rgba(252, 248, 240, 0.98) !important;
    border-bottom-color: rgba(184, 150, 46, 0.35) !important;
}

/* Light mode: nav logo — strong contrast and clear hover */
[data-theme="light"] .nav-logo {
    border-color: rgba(107, 90, 42, 0.5) !important;
}
[data-theme="light"] .nav-logo:hover {
    border-color: var(--light-darkgold) !important;
}
[data-theme="light"] .nav-logo > div {
    background: rgba(184, 150, 46, 0.15) !important;
}
[data-theme="light"] .nav-logo span.relative.font-display {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .nav-logo span.relative.font-display span.text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .nav-logo:hover span.relative.font-display,
[data-theme="light"] .nav-logo:hover span.relative.font-display span {
    color: var(--light-darkgold) !important;
}

[data-theme="light"] .mobile-menu-theme {
    background-color: #f5f0e6 !important;
}
[data-theme="light"] #login-modal {
    background: rgba(92, 35, 41, 0.25) !important;
}
[data-theme="light"] #login-content {
    background-color: #fcfaf5 !important;
    border-color: rgba(107, 90, 42, 0.4) !important;
}
[data-theme="light"] .theme-toggle-btn {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .theme-toggle-btn:hover {
    background-color: rgba(184, 150, 46, 0.2) !important;
}

/* Theme switch — pill track + sliding knob (obvious light/dark control) */
.theme-switch-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    z-index: 100;
    /* Extra padding so touch target is 44px+ while track stays contained */
    padding: 6px;
    margin: -6px;
    box-sizing: content-box;
}
@media (hover: none) {
    .theme-switch-wrap {
        min-width: 44px;
        min-height: 44px;
        cursor: pointer;
    }
}
.theme-switch-track {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 2rem;
    flex-shrink: 0;
    border-radius: 9999px;
    border: 1px solid rgba(212, 175, 55, 0.45);
    background: rgba(212, 175, 55, 0.12);
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    -webkit-touch-callout: none;
    user-select: none;
    overflow: hidden;
    box-sizing: border-box;
}
.theme-switch-track:hover {
    background: rgba(212, 175, 55, 0.18);
    border-color: rgba(212, 175, 55, 0.6);
    box-shadow: 0 0 16px rgba(212, 175, 55, 0.2);
}
.theme-switch-knob {
    position: absolute;
    left: 0.25rem;
    top: 50%;
    /* Dark mode: knob center aligned with moon center. Track 4.5rem; moon center at 3.5rem; knob center at 0.925rem → translateX(2.575rem). */
    transform: translateY(-50%) translateX(2.575rem);
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 9999px;
    background: linear-gradient(145deg, #D4AF37 0%, #b8982e 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}
/* Nav theme toggle: always brand gold (no custom accent in header) */
.nav-theme-toggle .theme-switch-knob {
    background: linear-gradient(145deg, #D4AF37 0%, #b8982e 100%) !important;
}
[data-theme="light"] .theme-switch-knob {
    transform: translateY(-50%) translateX(0);
}
[data-theme="light"] .nav-theme-toggle .theme-switch-knob {
    background: linear-gradient(145deg, #B8962E 0%, #8a7326 100%) !important;
}
.theme-switch-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(212, 175, 55, 0.5);
    transition: color 0.2s;
    pointer-events: none;
}
.theme-switch-sun { left: 0.5rem; }
.theme-switch-moon { right: 0.5rem; }
html:not([data-theme="light"]) .theme-switch-track .theme-switch-sun { color: rgba(212, 175, 55, 0.45); }
html:not([data-theme="light"]) .theme-switch-track .theme-switch-moon { color: var(--accent, var(--gold)); }
[data-theme="light"] .theme-switch-track .theme-switch-sun { color: var(--accent, var(--gold)); }
[data-theme="light"] .theme-switch-track .theme-switch-moon { color: rgba(212, 175, 55, 0.45); }
/* Light mode nav: switch track/knob colors */
[data-theme="light"] .theme-switch-track {
    background: rgba(184, 150, 46, 0.2) !important;
    border-color: rgba(107, 90, 42, 0.5) !important;
}
[data-theme="light"] .theme-switch-track:hover {
    background: rgba(184, 150, 46, 0.3) !important;
    border-color: var(--light-darkgold) !important;
}
[data-theme="light"] .theme-switch-knob {
    background: linear-gradient(145deg, var(--light-gold) 0%, var(--light-darkgold) 100%) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
[data-theme="light"] .theme-switch-track .theme-switch-sun { color: var(--light-darkgold) !important; }
[data-theme="light"] .theme-switch-track .theme-switch-moon { color: rgba(74, 66, 56, 0.4) !important; }

/* Nav bar: theme toggle always uses brand gold (no purple/custom accent) */
.nav-theme-toggle {
    border-color: rgba(212, 175, 55, 0.5) !important;
    background: rgba(212, 175, 55, 0.15) !important;
}
.nav-theme-toggle:hover {
    border-color: rgba(212, 175, 55, 0.7) !important;
    background: rgba(212, 175, 55, 0.22) !important;
}
html:not([data-theme="light"]) .nav-theme-toggle .theme-switch-moon { color: #D4AF37 !important; }
[data-theme="light"] .nav-theme-toggle { background: rgba(184, 150, 46, 0.25) !important; border-color: rgba(107, 90, 42, 0.6) !important; }

/* Mobile: grouped nav actions (menu + theme) in one clear block */
@media (max-width: 1023px) {
    .nav-right-actions {
        box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.12);
    }
}

/* Particle firework container (around theme switch) */
.theme-particle-container {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    transform: translate(-50%, -50%);
    pointer-events: none;
    overflow: visible;
}
.theme-particle {
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #D4AF37;
    opacity: 1;
    animation: theme-particle-burst 0.7s ease-out forwards;
    pointer-events: none;
}
[data-theme="light"] .theme-particle {
    background: var(--light-darkgold);
}
@keyframes theme-particle-burst {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(var(--px), var(--py)) scale(0);
        opacity: 0;
    }
}

[data-theme="light"] .nav-theme a:not([data-theme-toggle]) {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .nav-theme a:not([data-theme-toggle]):hover,
[data-theme="light"] .nav-theme a.text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .nav-theme .text-\[#F5E6D3\],
[data-theme="light"] .nav-theme .text-\[#F9F1D8\] {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .nav-theme .text-\[#D4AF37\] {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .mobile-menu-theme .text-white,
[data-theme="light"] .mobile-menu-theme h3 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .mobile-menu-theme a,
[data-theme="light"] .mobile-menu-theme .text-\[#D4AF37\] {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .mobile-menu-theme .text-red-500 {
    color: #b91c1c !important;
}

/* Light mode: login modal — light inputs, dark text, keep white text on dark social buttons */
[data-theme="light"] #login-content {
    border-color: rgba(184,150,46,0.35) !important;
}
[data-theme="light"] #login-content .grid.border-b {
    border-color: rgba(107, 90, 42, 0.25) !important;
}
[data-theme="light"] #login-content h3,
[data-theme="light"] #login-content .text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #login-content .text-\[\#666\],
[data-theme="light"] #login-content .text-\[\#555\] {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #login-content input,
[data-theme="light"] #login-content input::placeholder {
    background-color: #f0ebe0 !important;
    border-color: rgba(107, 90, 42, 0.4) !important;
    color: var(--light-maroon) !important;
}
[data-theme="light"] #login-content input::placeholder {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #login-content label span,
[data-theme="light"] #login-content .text-\[\#F5E6D3\]\/70 {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #login-content #tab-register {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #login-content #tab-register:hover {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #login-content button[onclick="closeLoginModal()"] {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #login-content button[onclick="closeLoginModal()"]:hover {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #login-content .flex-1.h-px {
    background-color: rgba(107, 90, 42, 0.25) !important;
}
[data-theme="light"] #login-content a.bg-black,
[data-theme="light"] #login-content a.bg-\[\#0d1117\] {
    color: #fff !important;
}
[data-theme="light"] #login-content a.bg-black:hover,
[data-theme="light"] #login-content a.bg-\[\#0d1117\]:hover {
    color: rgba(255,255,255,0.9) !important;
}
[data-theme="light"] #login-content input[type="checkbox"] {
    background-color: #f0ebe0 !important;
    border-color: #c4b89a !important;
}

/* Light mode: donate page — form and promise */
[data-theme="light"] .donation-card {
    background: #fcfaf5 !important;
    border-color: rgba(184,150,46,0.35) !important;
}
[data-theme="light"] .donation-card label,
[data-theme="light"] .donation-card input,
[data-theme="light"] .donation-card textarea {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .donation-card input,
[data-theme="light"] .donation-card textarea {
    background: #f5f0e6 !important;
    border-color: #c4b89a !important;
}
[data-theme="light"] .donation-card input::placeholder,
[data-theme="light"] .donation-card textarea::placeholder {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .donation-card .text-\[\#666\] {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .donation-card .text-\[\#D4AF37\] {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .donation-card .bg-white\/5 {
    background: #eee9e0 !important;
    border-color: #d4c4a0 !important;
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .gold-list li {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .gold-list li strong {
    color: var(--light-maroon) !important;
}
[data-theme="light"] main .bg-\[\#111\].border-l-2 {
    background: #eee9e0 !important;
    border-left-color: var(--light-darkgold) !important;
}
[data-theme="light"] main .bg-\[\#111\].border-l-2 .text-\[\#666\],
[data-theme="light"] main .bg-\[\#111\].border-l-2 .text-\[\#999\] {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .donation-card .StripeElement {
    background: #f5f0e6 !important;
    border-color: #c4b89a !important;
}

/* Light mode: index form card — premium look, clear hierarchy, no muddy texture */
[data-theme="light"] .glass-panel {
    background: linear-gradient(165deg, #fdfbf7 0%, #f8f4ec 50%, #f5f0e6 100%) !important;
    border: 1px solid rgba(184,150,46,0.4) !important;
    box-shadow: 0 12px 40px rgba(92,35,41,0.08), 0 0 0 1px rgba(184,150,46,0.08), inset 0 1px 0 rgba(255,255,255,0.6) !important;
}
[data-theme="light"] #form-card {
    border-radius: 1rem !important;
}
[data-theme="light"] #form-card > div.absolute.inset-0 {
    opacity: 0.04 !important;
    mix-blend-mode: multiply !important;
}
[data-theme="light"] .glass-panel .text-\[\#D4AF37\]\/80,
[data-theme="light"] .glass-panel label {
    color: var(--light-maroon) !important;
    font-weight: 700 !important;
}
[data-theme="light"] .glass-panel label.group-focus-within\:text-\[\#D4AF37\] {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .glass-panel input.input-lux {
    background: rgba(255,255,255,0.7) !important;
    border-color: rgba(184,150,46,0.35) !important;
    color: var(--light-maroon) !important;
}
[data-theme="light"] .glass-panel input.input-lux:focus {
    border-color: var(--light-darkgold) !important;
    background: rgba(255,255,255,0.95) !important;
    box-shadow: 0 0 0 2px rgba(184,150,46,0.2) !important;
}
[data-theme="light"] .glass-panel input,
[data-theme="light"] .glass-panel input::placeholder {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .glass-panel input::placeholder,
[data-theme="light"] .glass-panel .placeholder-\[\#F5E6D3\]\/10::placeholder {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .glass-panel .group-focus-within .absolute.w-0.h-\[1px\] {
    background: var(--light-darkgold) !important;
}
[data-theme="light"] .glass-panel .mood-btn,
[data-theme="light"] .glass-panel .text-\[\#F5E6D3\]\/60 {
    color: var(--light-maroon) !important;
    background: rgba(252,248,240,0.9) !important;
    border-color: rgba(184,150,46,0.4) !important;
}
[data-theme="light"] .glass-panel .mood-btn:hover {
    color: #1a1510 !important;
    background: var(--light-gold) !important;
    border-color: var(--light-darkgold) !important;
    box-shadow: 0 2px 12px rgba(184,150,46,0.25) !important;
}
[data-theme="light"] .glass-panel .border-t.border-\[\#D4AF37\]\/10 {
    border-top-color: rgba(184,150,46,0.3) !important;
}
[data-theme="light"] .glass-panel .bg-black\/40 {
    background: rgba(252,248,240,0.95) !important;
    border-color: rgba(184,150,46,0.4) !important;
}
[data-theme="light"] .glass-panel .bg-black\/40:hover {
    background: rgba(184,150,46,0.12) !important;
    border-color: rgba(184,150,46,0.5) !important;
}
[data-theme="light"] .glass-panel label:has(input:checked) [class*="peer-checked"] {
    background: var(--light-gold) !important;
    border-color: var(--light-darkgold) !important;
    box-shadow: 0 4px 16px rgba(184,150,46,0.35) !important;
}
[data-theme="light"] .glass-panel label:has(input:checked) [class*="peer-checked"] span {
    color: #1a1510 !important;
}
[data-theme="light"] .glass-panel .bg-black\/40 span {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .glass-panel button[type="submit"],
[data-theme="light"] #form-card button[type="submit"] {
    background: linear-gradient(135deg, rgba(252,248,240,0.95) 0%, rgba(245,240,230,0.98) 100%) !important;
    border: 1px solid var(--light-darkgold) !important;
    color: var(--light-darkgold) !important;
    box-shadow: 0 2px 12px rgba(92,35,41,0.08), inset 0 1px 0 rgba(255,255,255,0.5) !important;
}
[data-theme="light"] .glass-panel button[type="submit"] span,
[data-theme="light"] #form-card button[type="submit"] span {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .glass-panel button[type="submit"]:hover,
[data-theme="light"] #form-card button[type="submit"]:hover {
    border-color: var(--light-gold) !important;
    box-shadow: 0 4px 20px rgba(184,150,46,0.25) !important;
}
[data-theme="light"] .glass-panel button[type="submit"]:hover .bg-\[\#D4AF37\],
[data-theme="light"] #form-card button[type="submit"]:hover .bg-\[\#D4AF37\] {
    background: var(--light-gold) !important;
}
[data-theme="light"] .glass-panel button[type="submit"]:hover span,
[data-theme="light"] #form-card button[type="submit"]:hover span {
    color: #1a1510 !important;
}
[data-theme="light"] #btn-surprise-me {
    border-color: rgba(184,150,46,0.5) !important;
    background: rgba(252,248,240,0.5) !important;
}
[data-theme="light"] #btn-surprise-me span {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #btn-surprise-me:hover {
    border-color: var(--light-darkgold) !important;
    background: rgba(184,150,46,0.12) !important;
}
[data-theme="light"] #btn-surprise-me:hover span {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .glass-panel hr {
    border-color: rgba(184,150,46,0.3) !important;
}

/* Light mode: about page hero — light background, no dark overlay, readable text */
[data-theme="light"] header.pt-36 {
    background: linear-gradient(to bottom, #e0d9cc 0%, #f5f0e6 100%) !important;
    border-bottom-color: rgba(184, 150, 46, 0.25) !important;
}
[data-theme="light"] header.pt-36 > div.absolute.inset-0 {
    background: transparent !important;
}
[data-theme="light"] header.pt-36 .text-white\/50,
[data-theme="light"] header.pt-36 .text-\[\#F5E6D3\]\/60 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] header.pt-36 h1,
[data-theme="light"] header.pt-36 .text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] header.pt-36 h1 span.bg-gradient-to-r {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(to right, var(--light-darkgold), var(--light-gold), var(--light-darkgold)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
[data-theme="light"] header.pt-36 .inline-flex.border.rounded-full.bg-white\/5 {
    background: rgba(252, 248, 240, 0.9) !important;
    border-color: rgba(184, 150, 46, 0.4) !important;
}
[data-theme="light"] header.pt-36 .inline-flex.border.rounded-full.bg-white\/5 span.text-\[\#D4AF37\] {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] header.pt-36 a[href="#ai-study-generation"] {
    background: rgba(252, 248, 240, 0.95) !important;
    border-color: rgba(107, 90, 42, 0.6) !important;
    color: var(--light-darkgold) !important;
}
[data-theme="light"] header.pt-36 a[href="#ai-study-generation"]:hover {
    background: rgba(184, 150, 46, 0.15) !important;
    border-color: var(--light-darkgold) !important;
}

/* Light mode: fix low-contrast text site-wide (about, index, etc.) — exclude login modal and dark panels */
[data-theme="light"] .text-white\/50,
[data-theme="light"] .text-white\/60,
[data-theme="light"] .text-white\/40,
[data-theme="light"] .text-white\/30,
[data-theme="light"] .text-white\/35,
[data-theme="light"] .text-white\/80 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .text-\[\#F5E6D3\]\/15,
[data-theme="light"] .text-\[\#D4AF37\]\/40 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .text-\[\#D4AF37\] {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .text-\[\#D4AF37\]\/30 {
    color: #6b5a1f !important;
}
[data-theme="light"] body.text-\[\#F5E6D3\],
[data-theme="light"] .text-\[\#F5E6D3\] {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .text-\[\#F5E6D3\]\/60,
[data-theme="light"] .text-\[\#F5E6D3\]\/40 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .text-\[\#F5E6D3\]\/90,
[data-theme="light"] .text-\[\#F5E6D3\]\/80,
[data-theme="light"] .text-\[\#F5E6D3\]\/70 {
    color: var(--light-maroon) !important;
}

/* Light mode: checkbox labels and helper text — visible on light background */
[data-theme="light"] label:has(input[type="checkbox"]) span,
[data-theme="light"] label:has(input[type="checkbox"]) .text-\[\#F5E6D3\]\/90,
[data-theme="light"] label:has(input[type="checkbox"]) .text-\[\#F5E6D3\]\/80,
[data-theme="light"] label:has(input[type="checkbox"]) .text-\[\#F5E6D3\]\/70 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] label:has(input[type="checkbox"]) .text-white\/30,
[data-theme="light"] label:has(input[type="checkbox"]) p.text-white\/30,
[data-theme="light"] label:has(input[type="checkbox"]) .text-\[9px\] {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] label.cursor-pointer .text-\[\#D4AF37\]\/50 {
    color: var(--light-darkgold) !important;
}

/* About / doc page: sidebar and section labels */
[data-theme="light"] .doc-sidebar p,
[data-theme="light"] .doc-sidebar .text-\[\#D4AF37\]\/40,
[data-theme="light"] .doc-sidebar .text-\[\#F5E6D3\]\/15 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .doc-sidebar .nav-link {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .doc-sidebar .nav-link:hover,
[data-theme="light"] .doc-sidebar .nav-link.active {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .doc-section h2,
[data-theme="light"] .doc-section h3 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .doc-section .font-display.uppercase.block,
[data-theme="light"] .doc-section span.font-display.text-\[\#D4AF37\].block {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .doc-section p {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .doc-section .callout-gold,
[data-theme="light"] .doc-section .callout-gold * {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .doc-section .callout-gold {
    border-left-color: var(--light-darkgold) !important;
}
[data-theme="light"] .doc-section strong.text-\[\#D4AF37\] {
    color: var(--light-darkgold) !important;
}

/* About page light mode: ensure all doc content text is readable */
[data-theme="light"] .page-about {
    background-color: #f5f0e6 !important;
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .page-about .doc-section .text-white,
[data-theme="light"] .page-about .doc-section .text-white\/80,
[data-theme="light"] .page-about .doc-section .text-white\/60,
[data-theme="light"] .page-about .doc-section .text-white\/50,
[data-theme="light"] .page-about .doc-section .text-white\/40,
[data-theme="light"] .page-about .doc-section .text-white\/30,
[data-theme="light"] .page-about .doc-section .text-\[\#F5E6D3\],
[data-theme="light"] .page-about .doc-section .text-\[\#F5E6D3\]\/90,
[data-theme="light"] .page-about .doc-section .text-\[\#F5E6D3\]\/80,
[data-theme="light"] .page-about .doc-section .text-\[\#F5E6D3\]\/70,
[data-theme="light"] .page-about .doc-section .text-\[\#F5E6D3\]\/60,
[data-theme="light"] .page-about .doc-section .text-\[\#F5E6D3\]\/50 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .page-about .doc-section p {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .page-about .doc-section a:not(.nav-link) {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .page-about .doc-section a:hover {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .page-about .doc-section .text-\[\#D4AF37\],
[data-theme="light"] .page-about .doc-section .text-\[\#D4AF37\]\/50,
[data-theme="light"] .page-about .doc-section .text-\[\#D4AF37\]\/80 {
    color: var(--light-darkgold) !important;
}
/* About page: param-table, response-block, callouts when on light bg (not inside endpoint-block) */
[data-theme="light"] .page-about .doc-section .param-table th {
    color: var(--light-darkgold) !important;
    border-bottom-color: rgba(107,90,42,0.2) !important;
}
[data-theme="light"] .page-about .doc-section .param-table td {
    color: var(--light-warmgray) !important;
    border-bottom-color: rgba(107,90,42,0.1) !important;
}
[data-theme="light"] .page-about .doc-section .param-table td:first-child,
[data-theme="light"] .page-about .doc-section .param-table td code {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .page-about .doc-section .param-table td code {
    background: rgba(184,150,46,0.12) !important;
}
[data-theme="light"] .page-about .doc-section .response-block {
    background: rgba(0,0,0,0.06) !important;
    border-color: rgba(107,90,42,0.2) !important;
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .page-about .doc-section .response-block .key {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .page-about .doc-section .response-block .comment {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .page-about .doc-section .callout-gold,
[data-theme="light"] .page-about .doc-section .callout-green,
[data-theme="light"] .page-about .doc-section .callout-purple {
    background: rgba(184,150,46,0.08) !important;
    color: var(--light-maroon) !important;
}
[data-theme="light"] .page-about .doc-section .callout-gold *,
[data-theme="light"] .page-about .doc-section .callout-green *,
[data-theme="light"] .page-about .doc-section .callout-purple * {
    color: inherit !important;
}
[data-theme="light"] .page-about .doc-section .callout-gold span,
[data-theme="light"] .page-about .doc-section .callout-green span,
[data-theme="light"] .page-about .doc-section .callout-purple span {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .page-about .doc-section ul:not(.nav-link) li,
[data-theme="light"] .page-about .doc-section ol li {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .page-about .doc-section .font-mono {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .page-about .doc-section .chat-response-formatted,
[data-theme="light"] .page-about .doc-section .chat-response-formatted strong {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .page-about .doc-section .about-example-label {
    color: var(--light-darkgold) !important;
}

/* Dark cards/panels in light mode: keep light text on dark bg */
[data-theme="light"] .endpoint-block,
[data-theme="light"] .endpoint-block p,
[data-theme="light"] .endpoint-block .text-white\/30 {
    color: rgba(255,255,255,0.9) !important;
}
[data-theme="light"] .endpoint-block .text-\[\#D4AF37\] {
    color: #D4AF37 !important;
}
[data-theme="light"] .bg-\[\#0a0a0a\] .text-white\/30,
[data-theme="light"] .bg-black\/95 .text-white\/30 {
    color: rgba(255,255,255,0.85) !important;
}

/* Light mode: dropdowns and inputs (nav, bible tracker, journey, etc.) — no black/gray containers */
[data-theme="light"] .bg-\[\#0a0a0a\],
[data-theme="light"] nav .absolute.right-0 .bg-\[\#0a0a0a\],
[data-theme="light"] nav .absolute.top-full .bg-\[\#0a0a0a\] {
    background: #fcfaf5 !important;
    border-color: rgba(107,90,42,0.4) !important;
}
[data-theme="light"] .bg-\[\#0a0a0a\] a,
[data-theme="light"] .bg-\[\#0a0a0a\] .text-\[\#D4AF37\]\/70,
[data-theme="light"] .bg-\[\#0a0a0a\] .text-\[\#D4AF37\]\/50,
[data-theme="light"] nav .absolute .bg-\[\#0a0a0a\] a {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .bg-\[\#0a0a0a\] a:hover,
[data-theme="light"] nav .absolute .bg-\[\#0a0a0a\] a:hover {
    color: var(--light-darkgold) !important;
    background-color: rgba(184,150,46,0.12) !important;
}
[data-theme="light"] .bg-\[\#0a0a0a\] .text-white\/30 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .bg-\[\#0a0a0a\] .text-white\/80 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] input.bg-\[\#0a0a0a\],
[data-theme="light"] select.bg-\[\#0a0a0a\],
[data-theme="light"] #tracker-search,
[data-theme="light"] #canon-filter {
    background: #f5f0e6 !important;
    color: var(--light-maroon) !important;
    border-color: rgba(107,90,42,0.45) !important;
}
[data-theme="light"] #tracker-search::placeholder,
[data-theme="light"] #canon-filter option {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #tracker-search + button,
[data-theme="light"] .rune-container + * [class*="text-\[\#D4AF37\]"] {
    color: var(--light-darkgold) !important;
}

/* Bible tracker: chapter runes (numbers) visible in light mode */
[data-theme="light"] .rune:not(.read):not(.partial) {
    color: var(--light-darkgold) !important;
    border-color: rgba(107,90,42,0.5) !important;
    background: rgba(252,248,240,0.9) !important;
}
[data-theme="light"] .rune:not(.read):hover {
    color: var(--light-maroon) !important;
    border-color: var(--light-darkgold) !important;
    background: rgba(184,150,46,0.15) !important;
}
[data-theme="light"] .rune.partial {
    color: var(--light-darkgold) !important;
    border-color: var(--light-darkgold) !important;
    background: rgba(184,150,46,0.12) !important;
}
[data-theme="light"] .rune.read {
    color: #1a1510 !important;
    background: var(--light-gold) !important;
    border-color: var(--light-darkgold) !important;
}
[data-theme="light"] .book-card .text-white\/20 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .book-card {
    background: rgba(252,248,240,0.6) !important;
    border-color: rgba(107,90,42,0.25) !important;
}
[data-theme="light"] .book-card:hover {
    background: rgba(252,248,240,0.85) !important;
    border-color: rgba(107,90,42,0.45) !important;
}
[data-theme="light"] #canon-container .text-white,
[data-theme="light"] #canon-container h2.text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .canon-grid + * .text-white {
    color: var(--light-maroon) !important;
}

/* Light mode: Bible tracker chapter modal (popup) — full light theme */
[data-theme="light"] #chapter-modal > div.absolute.inset-0 {
    background: rgba(0,0,0,0.35) !important;
}
[data-theme="light"] #chapter-modal > div.relative.max-w-6xl {
    background: #fcfaf5 !important;
    border-color: rgba(184,150,46,0.45) !important;
    box-shadow: 0 20px 60px rgba(92,35,41,0.15) !important;
}
[data-theme="light"] #chapter-modal .p-4.border-b.border-\[\#D4AF37\]\/20.bg-\[\#111\],
[data-theme="light"] #chapter-modal > div.relative > div:first-of-type.p-4 {
    background: rgba(245,240,230,0.98) !important;
    border-bottom-color: rgba(184,150,46,0.4) !important;
}
[data-theme="light"] #chapter-modal #modal-title,
[data-theme="light"] #chapter-modal .text-white\/30 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #chapter-modal button.text-white\/30:hover {
    color: var(--light-darkgold) !important;
    background: rgba(184,150,46,0.12) !important;
}
[data-theme="light"] #chapter-modal .text-\[\#D4AF37\]\/50,
[data-theme="light"] #chapter-modal .text-\[\#D4AF37\] {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #chapter-modal #col-reader {
    background: #f5f0e6 !important;
}
[data-theme="light"] #chapter-modal #col-sidebar {
    background: rgba(252,248,240,0.98) !important;
    border-left-color: rgba(184,150,46,0.35) !important;
}
[data-theme="light"] #chapter-modal #col-sidebar .flex.border-b {
    background: rgba(252,248,240,0.95) !important;
    border-bottom-color: rgba(184,150,46,0.35) !important;
}
[data-theme="light"] #chapter-modal #tab-btn-notes,
[data-theme="light"] #chapter-modal #tab-btn-chat {
    color: var(--light-darkgold) !important;
    border-color: transparent !important;
}
[data-theme="light"] #chapter-modal #tab-btn-notes.border-b-2.border-\[\#D4AF37\] {
    border-bottom-color: var(--light-darkgold) !important;
    background: rgba(184,150,46,0.08) !important;
}
[data-theme="light"] #chapter-modal #tab-btn-chat.border-transparent {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #chapter-modal #tab-btn-chat:hover {
    color: var(--light-maroon) !important;
    background: rgba(184,150,46,0.08) !important;
}
[data-theme="light"] #chapter-modal #tab-content-notes .text-\[\#D4AF37\],
[data-theme="light"] #chapter-modal #notes-toolbar {
    color: var(--light-darkgold) !important;
    background: rgba(252,248,240,0.95) !important;
    border-color: rgba(184,150,46,0.35) !important;
}
[data-theme="light"] #chapter-modal #notes-toolbar .notes-tb-btn,
[data-theme="light"] #chapter-modal #notes-toolbar .w-px {
    color: var(--light-darkgold) !important;
    border-color: rgba(184,150,46,0.3) !important;
}
[data-theme="light"] #chapter-modal #modal-notes {
    background: rgba(255,255,255,0.9) !important;
    border-color: rgba(184,150,46,0.4) !important;
    color: var(--light-maroon) !important;
}
[data-theme="light"] #chapter-modal #modal-notes::before,
[data-theme="light"] #chapter-modal .placeholder-white\/10 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #chapter-modal .bg-white\/5.rounded.border {
    background: rgba(252,248,240,0.9) !important;
    border-color: rgba(184,150,46,0.35) !important;
}
[data-theme="light"] #chapter-modal .bg-white\/5 .text-white\/70 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #chapter-modal #tab-content-chat {
    background: rgba(252,248,240,0.95) !important;
}
[data-theme="light"] #chapter-modal #tracker-chat-messages .bg-\[\#111\],
[data-theme="light"] #chapter-modal #tracker-chat-messages .bg-white\/5 {
    background: rgba(252,248,240,0.9) !important;
    border-color: rgba(184,150,46,0.3) !important;
    color: var(--light-maroon) !important;
}
[data-theme="light"] #chapter-modal #tracker-chat-messages .text-\[\#F5E6D3\]\/90,
[data-theme="light"] #chapter-modal #tracker-chat-messages .chat-response-formatted,
[data-theme="light"] #chapter-modal #tracker-chat-messages .chat-response-formatted strong {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #chapter-modal #tracker-chat-messages .chat-response-formatted strong {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #chapter-modal #tracker-chat-input {
    background: rgba(255,255,255,0.95) !important;
    border-color: rgba(184,150,46,0.45) !important;
    color: var(--light-maroon) !important;
}
[data-theme="light"] #chapter-modal #tracker-chat-input::placeholder {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #chapter-modal .p-4.border-t.border-\[\#D4AF37\]\/20.bg-\[\#0c0c0c\] {
    background: rgba(252,248,240,0.98) !important;
    border-top-color: rgba(184,150,46,0.4) !important;
}
[data-theme="light"] #chapter-modal .p-4.border-t button.text-\[\#D4AF37\] {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #chapter-modal .md\:hidden.flex.border-t {
    background: rgba(245,240,230,0.98) !important;
    border-top-color: rgba(184,150,46,0.4) !important;
}
[data-theme="light"] #chapter-modal #mobile-btn-read,
[data-theme="light"] #chapter-modal #mobile-btn-notes,
[data-theme="light"] #chapter-modal #mobile-btn-chat {
    color: var(--light-darkgold) !important;
    border-color: transparent !important;
}
[data-theme="light"] #chapter-modal #mobile-btn-read.border-t-2.border-\[\#D4AF37\] {
    border-top-color: var(--light-darkgold) !important;
    background: rgba(184,150,46,0.1) !important;
}
[data-theme="light"] #chapter-modal #mobile-btn-notes.text-\[\#F5E6D3\]\/40,
[data-theme="light"] #chapter-modal #mobile-btn-chat.text-\[\#F5E6D3\]\/40 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #chapter-modal #btn-save-notes {
    background: var(--light-darkgold) !important;
    color: #fdfbf7 !important;
}
[data-theme="light"] #chapter-modal #btn-save-notes:hover {
    background: var(--light-gold) !important;
    color: #1a1510 !important;
}
[data-theme="light"] #chapter-modal .text-\[\#D4AF37\].font-bold {
    color: var(--light-darkgold) !important;
}

/* Journey: badges dropdown and section buttons in light mode */
[data-theme="light"] #badges-dropdown {
    background: rgba(252,248,240,0.98) !important;
    border-color: rgba(107,90,42,0.35) !important;
}
[data-theme="light"] #badges-dropdown .text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #badges-dropdown .text-\[\#D4AF37\]\/40,
[data-theme="light"] #badges-dropdown p.text-\[\#D4AF37\]\/40 {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] button[class*="0a0a0a"],
[data-theme="light"] a[class*="0a0a0a"].block.px-6 {
    background: rgba(252,248,240,0.85) !important;
    border-color: rgba(107,90,42,0.35) !important;
    color: var(--light-maroon) !important;
}
[data-theme="light"] button[class*="0a0a0a"] .text-white,
[data-theme="light"] button[class*="0a0a0a"] .text-white\/30 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] button[class*="0a0a0a"] .text-white\/30 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] a[class*="0a0a0a"].block.px-6 .text-white\/30,
[data-theme="light"] a[class*="0a0a0a"].block.px-6 .text-\[\#D4AF37\]\/50 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] a[class*="0a0a0a"].block.px-6:hover .text-white\/50 {
    color: var(--light-maroon) !important;
}

/* History / other pages: dark inputs in light mode */
[data-theme="light"] input[class*="0a0a0a"],
[data-theme="light"] main input.bg-\[\#0a0a0a\] {
    background: #f5f0e6 !important;
    color: var(--light-maroon) !important;
    border-color: rgba(107,90,42,0.45) !important;
}
[data-theme="light"] input[class*="0a0a0a"]::placeholder {
    color: var(--light-warmgray) !important;
}

/* Journey / stats: visible text in light mode */
[data-theme="light"] .text-4xl.font-display.text-white,
[data-theme="light"] main .text-white.font-display {
    color: var(--light-maroon) !important;
}

/* Light mode: Community Hub — stat boxes, leaderboard, weekly cards (no dark panels) */
[data-theme="light"] main [class*="0a0a0a"] {
    background: rgba(252,248,240,0.9) !important;
    border-color: rgba(184,150,46,0.35) !important;
}
[data-theme="light"] main [class*="0a0a0a"] .text-white,
[data-theme="light"] main [class*="0a0a0a"] .text-white\/60 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] main [class*="0a0a0a"] .text-white\/20,
[data-theme="light"] main [class*="0a0a0a"] .text-\[\#D4AF37\]\/50,
[data-theme="light"] main [class*="0a0a0a"] .text-\[\#D4AF37\]\/40 {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] main a.text-\[\#D4AF37\]\/40 {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] main a.text-\[\#D4AF37\]\/40:hover {
    color: var(--light-maroon) !important;
}

/* Light mode: page titles (Prayer Wall, Updates, etc.) — match study/other pages: solid maroon, no gradient */
[data-theme="light"] main h1.font-display,
[data-theme="light"] main h1.text-transparent.bg-clip-text {
    color: var(--light-maroon) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: 0 1px 2px rgba(92,35,41,0.08) !important;
}
[data-theme="light"] main h1.font-display span.text-\[\#D4AF37\],
[data-theme="light"] main h1.font-display .text-\[\#D4AF37\] {
    color: var(--light-darkgold) !important;
}

/* Light mode: Prayer Wall — header badge and stats labels */
[data-theme="light"] main .rounded-full.bg-black\/40 {
    background: rgba(252,248,240,0.95) !important;
    border-color: rgba(184,150,46,0.4) !important;
}
[data-theme="light"] main .rounded-full.bg-black\/40 .text-\[\#D4AF37\] {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .text-\[\#D4AF37\]\/60.uppercase {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] main .text-xl.text-\[\#F5E6D3\]\/60 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] main .text-xs.text-\[\#D4AF37\]\/50 {
    color: var(--light-darkgold) !important;
}

/* Light mode: Prayer Wall — request cards (match other containers: cream panel, readable text) */
[data-theme="light"] .prayer-card {
    background: rgba(252,248,240,0.95) !important;
    border-color: rgba(184,150,46,0.4) !important;
}
[data-theme="light"] .prayer-card:hover {
    border-color: rgba(184,150,46,0.6) !important;
    box-shadow: 0 10px 40px rgba(92,35,41,0.08), 0 0 20px rgba(184,150,46,0.08) !important;
}
[data-theme="light"] .prayer-card .rounded-full.bg-\[\#D4AF37\]\/20 {
    background: rgba(184,150,46,0.2) !important;
    border-color: rgba(184,150,46,0.45) !important;
}
[data-theme="light"] .prayer-card .rounded-full .text-\[\#D4AF37\],
[data-theme="light"] .prayer-card .rounded-full .text-\[\#D4AF37\]\/60 {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .prayer-card .text-white\/50,
[data-theme="light"] .prayer-card .text-white\/30,
[data-theme="light"] .prayer-card .text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .prayer-card .text-\[\#F5E6D3\]\/80 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .prayer-card .text-\[\#D4AF37\] {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .prayer-card .respond-btn {
    border-color: rgba(184,150,46,0.5) !important;
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .prayer-card .respond-btn:hover {
    background: var(--light-darkgold) !important;
    border-color: var(--light-darkgold) !important;
    color: #fdfbf7 !important;
}
[data-theme="light"] .prayer-card.responded {
    border-color: rgba(22,163,74,0.4) !important;
}
[data-theme="light"] .prayer-card.responded .respond-btn {
    background: rgba(22,163,74,0.2) !important;
    border-color: #16a34a !important;
    color: #15803d !important;
}
[data-theme="light"] .prayer-card span.bg-\[\#D4AF37\]\/10 {
    background: rgba(184,150,46,0.15) !important;
    border-color: rgba(184,150,46,0.35) !important;
    color: var(--light-darkgold) !important;
}

/* Light mode: Updates page — title, header badge, card body text, version, year, tags */
[data-theme="light"] #header-block h1 {
    color: var(--light-maroon) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-fill-color: unset !important;
    -webkit-text-fill-color: unset !important;
}
[data-theme="light"] #header-block .rounded-full.bg-black\/40 {
    background: rgba(252,248,240,0.95) !important;
    border-color: rgba(184,150,46,0.4) !important;
}
[data-theme="light"] #header-block .rounded-full .text-\[\#D4AF37\] {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .update-item .glass-panel .text-\[\#F5E6D3\]\/80 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .update-item .glass-panel .text-\[\#F5E6D3\]\/40 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] .update-item .glass-panel .text-\[\#D4AF37\]\/60 {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .update-item .badge-fix {
    background: rgba(252,248,240,0.9) !important;
    border-color: rgba(184,150,46,0.4) !important;
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .update-item .badge-feature {
    background: rgba(184,150,46,0.2) !important;
    border-color: var(--light-darkgold) !important;
    color: var(--light-maroon) !important;
}
[data-theme="light"] .update-item .badge-opt {
    background: rgba(22,163,74,0.15) !important;
    border-color: rgba(22,163,74,0.5) !important;
    color: #166534 !important;
}

/* Light mode: Journey — Treasury label, verse cards, spotlight cards, study history */
[data-theme="light"] #treasury .text-\[\#D4AF37\]\/40 {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .spotlight-card {
    background: rgba(252,248,240,0.75) !important;
    border-color: rgba(184,150,46,0.3) !important;
}
[data-theme="light"] .spotlight-card:hover {
    background: rgba(252,248,240,0.92) !important;
    border-color: rgba(184,150,46,0.45) !important;
}
[data-theme="light"] .spotlight-card .text-white,
[data-theme="light"] .spotlight-card .text-white\/90,
[data-theme="light"] .spotlight-card .text-white\/20 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .spotlight-card .text-\[\#D4AF37\],
[data-theme="light"] .spotlight-card .text-\[\#F5E6D3\]\/50 {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .verse-decoration .text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #history-container .text-white\/30 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #history-container .spotlight-card .text-white\/20 {
    color: var(--light-warmgray) !important;
}

/* Light mode: Journey (and any page) — pagination buttons visible */
[data-theme="light"] .page-btn {
    background: rgba(252,248,240,0.95) !important;
    border: 1px solid rgba(184,150,46,0.5) !important;
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .page-btn:hover {
    border-color: var(--light-darkgold) !important;
    color: var(--light-maroon) !important;
}
[data-theme="light"] .page-btn.active {
    background: var(--light-gold) !important;
    border-color: var(--light-darkgold) !important;
    color: #1a1510 !important;
}
[data-theme="light"] .page-btn:disabled {
    opacity: 0.5;
    color: var(--light-warmgray) !important;
}

/* Light mode: Prayer Wall — pagination prev/next and page info */
[data-theme="light"] #pagination #btn-prev,
[data-theme="light"] #pagination #btn-next {
    border-color: rgba(184,150,46,0.6) !important;
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #pagination #btn-prev:hover,
[data-theme="light"] #pagination #btn-next:hover {
    background: var(--light-darkgold) !important;
    color: #fdfbf7 !important;
}
[data-theme="light"] #pagination #page-info {
    color: var(--light-warmgray) !important;
}

/* Light mode: Badges — locked badge cards fully visible (no fade) */
[data-theme="light"] #locked-badges-section .badge-card.unearned {
    background: rgba(252,248,240,0.95) !important;
    border-color: rgba(184,150,46,0.45) !important;
    opacity: 1 !important;
}
[data-theme="light"] #locked-badges-section .badge-card.unearned .badge-img {
    filter: grayscale(0.15) !important;
    opacity: 1 !important;
}
[data-theme="light"] #locked-badges-section .badge-card.unearned .text-white\/85,
[data-theme="light"] #locked-badges-section .badge-card.unearned h3 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #locked-badges-section .badge-card.unearned .text-white\/55,
[data-theme="light"] #locked-badges-section .badge-card.unearned .text-white\/40,
[data-theme="light"] #locked-badges-section .badge-card.unearned .text-white\/20 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #locked-badges-section .badge-card.unearned .bg-white\/10 {
    background: rgba(184,150,46,0.12) !important;
}
[data-theme="light"] #locked-badges-section .badge-card.unearned .req-panel .bg-\[\#111\] {
    background: rgba(252,248,240,0.98) !important;
    border-color: rgba(184,150,46,0.4) !important;
}
[data-theme="light"] #locked-badges-section .badge-card.unearned .req-panel .text-white\/40,
[data-theme="light"] #locked-badges-section .badge-card.unearned .req-panel .text-white\/20 {
    color: var(--light-warmgray) !important;
}

/* Light mode: Badges — locked section pagination (Previous/Next and page info) */
[data-theme="light"] #locked-badges-section .border-t.border-white\/10 a {
    border-color: rgba(184,150,46,0.6) !important;
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #locked-badges-section .border-t.border-white\/10 a:hover {
    background: rgba(184,150,46,0.15) !important;
}
[data-theme="light"] #locked-badges-section .border-t.border-white\/10 span {
    color: var(--light-warmgray) !important;
}

/* Light mode: Account Settings — Security tab (Discord, NEUS, proofs): readable text and visible buttons */
[data-theme="light"] #tab-security .text-white,
[data-theme="light"] #tab-security h3.text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #tab-security #btn-unlink-discord,
[data-theme="light"] #tab-security #btn-unlink-neus,
[data-theme="light"] #tab-security #btn-unlink-facebook,
[data-theme="light"] #tab-security #btn-unlink-google,
[data-theme="light"] #tab-security #btn-unlink-x {
    color: #b91c1c !important;
    border-color: #991b1b !important;
    background: rgba(185,28,28,0.08) !important;
}
[data-theme="light"] #tab-security #btn-unlink-discord:hover,
[data-theme="light"] #tab-security #btn-unlink-neus:hover,
[data-theme="light"] #tab-security #btn-unlink-facebook:hover,
[data-theme="light"] #tab-security #btn-unlink-google:hover,
[data-theme="light"] #tab-security #btn-unlink-x:hover {
    background: rgba(185,28,28,0.12) !important;
    border-color: #dc2626 !important;
}
/* Proof secondary text (IDs, dates): high-contrast dark for light background */
[data-theme="light"] #tab-security .text-white\/50,
[data-theme="light"] #tab-security .text-white\/40,
[data-theme="light"] #tab-security .text-white\/30,
[data-theme="light"] #tab-security .text-\[\#98C0EF\]\/60 {
    color: #1f2937 !important;
}
[data-theme="light"] #tab-security .text-\[\#98C0EF\],
[data-theme="light"] #tab-security a[href*="neus"] {
    color: #1e40af !important;
}
[data-theme="light"] #tab-security a[href*="neus.network/proof"],
[data-theme="light"] #tab-security a.bg-\[\#98C0EF\]\/10,
[data-theme="light"] #tab-security .border-\[\#98C0EF\]\/30 {
    border-color: #1e40af !important;
    background: rgba(30,64,175,0.14) !important;
    color: #1e40af !important;
}
[data-theme="light"] #tab-security a[href*="neus.network/proof"]:hover {
    background: rgba(30,64,175,0.18) !important;
    border-color: #1d4ed8 !important;
    color: #1d4ed8 !important;
}
[data-theme="light"] #tab-security .bg-white\/5 {
    background: rgba(92,35,41,0.08) !important;
}
[data-theme="light"] #tab-security .border-\[\#98C0EF\]\/20,
[data-theme="light"] #tab-security .hover\:border-\[\#98C0EF\]\/40:hover {
    border-color: rgba(30,64,175,0.5) !important;
}
[data-theme="light"] #tab-security .text-green-400,
[data-theme="light"] #tab-security .text-green-500 {
    color: #166534 !important;
}
[data-theme="light"] #tab-security .bg-green-900\/10,
[data-theme="light"] #tab-security .border-green-500\/20 {
    background: rgba(21,128,61,0.12) !important;
    border-color: rgba(21,128,61,0.4) !important;
}
[data-theme="light"] #tab-security svg.text-\[\#98C0EF\] {
    color: #1e40af !important;
}
[data-theme="light"] #tab-security .border-b.border-\[\#98C0EF\]\/30 {
    border-color: #1e40af !important;
}
[data-theme="light"] #tab-security .bg-\[\#0d1117\] {
    background: rgba(30,64,175,0.12) !important;
    border-color: #1e40af !important;
}
[data-theme="light"] #tab-security .bg-\[\#0d1117\] .text-\[\#98C0EF\],
[data-theme="light"] #tab-security a.bg-\[\#0d1117\] {
    color: #1e40af !important;
}
[data-theme="light"] #tab-security .bg-red-900\/20,
[data-theme="light"] #tab-security .border-red-500\/30 {
    background: rgba(185,28,28,0.12) !important;
    border-color: rgba(185,28,28,0.5) !important;
}
[data-theme="light"] #tab-security .text-red-400 {
    color: #b91c1c !important;
}

/* Light mode: view_study / generated study — readable body text and sections */
[data-theme="light"] .narrative-text {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .rewind-section .narrative-text::first-letter {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] .study-section-header {
    color: var(--light-darkgold) !important;
    border-bottom-color: rgba(184,150,46,0.4) !important;
}
[data-theme="light"] .rewind-section {
    border-left-color: var(--light-darkgold) !important;
}
[data-theme="light"] .rethink-section {
    background: linear-gradient(135deg, rgba(252,248,240,0.6) 0%, rgba(245,240,230,0.9) 100%) !important;
    border-color: rgba(184,150,46,0.35) !important;
    box-shadow: 0 4px 20px rgba(92,35,41,0.06) !important;
}
[data-theme="light"] .rethink-section .narrative-text,
[data-theme="light"] .rethink-section .text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #study-content-wrapper .text-\[\#F5E6D3\]\/70,
[data-theme="light"] #study-content-wrapper .text-\[\#F5E6D3\]\/90 {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #study-content-wrapper .border-l-4.border-\[\#D4AF37\].bg-white\/5 {
    background: rgba(252,248,240,0.85) !important;
    border-left-color: var(--light-darkgold) !important;
}
[data-theme="light"] #study-content-wrapper .border-l-4 .text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #study-content-wrapper .border-t.border-b.border-\[\#D4AF37\]\/10 .text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #study-content-wrapper .question-block .text-white,
[data-theme="light"] #study-content-wrapper .question-text {
    color: var(--light-maroon) !important;
}
/* Light mode: reflection/engagement textarea input text must be dark and visible */
[data-theme="light"] textarea.input-lux {
    color: var(--light-maroon) !important;
    background-image: linear-gradient(to bottom, rgba(92, 35, 41, 0.18) 1px, transparent 1px) !important;
}
[data-theme="light"] textarea.input-lux::placeholder {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] textarea.input-lux:focus {
    background-image: linear-gradient(to bottom, rgba(92, 35, 41, 0.28) 1px, transparent 1px) !important;
}
[data-theme="light"] #study-content-wrapper ul.text-\[\#F5E6D3\]\/90 li span {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #study-content-wrapper .reflection-points li,
[data-theme="light"] #study-content-wrapper .border-t.border-\[\#D4AF37\]\/20 li {
    color: var(--light-maroon) !important;
}

/* Light mode: study title and "Devotional Study" badge — darker for readability */
[data-theme="light"] #study-content-wrapper .text-center.mb-20 h2.font-display {
    color: var(--light-maroon) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: 0 1px 2px rgba(92,35,41,0.08) !important;
}
[data-theme="light"] #study-content-wrapper .text-center.mb-20 .rounded-full.border.border-\[\#D4AF37\]\/30.bg-\[\#D4AF37\]\/5 {
    color: var(--light-darkgold) !important;
    border-color: rgba(184,150,46,0.5) !important;
    background: rgba(184,150,46,0.12) !important;
}

/* Light mode: loading overlay and study generation — cream background, maroon for dark accents */
[data-theme="light"] #loading-overlay {
    background: #f5f0e6 !important;
}
/* When minimized in light mode, fully transparent so no permanent cream overlay */
[data-theme="light"] #loading-overlay.lo-minimized {
    background: transparent !important;
}
[data-theme="light"] #loading-overlay #lo-brand {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #loading-overlay #lo-brand .lo-dagger {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #loading-overlay #lo-sub {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #loading-overlay #lo-bar-row {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #loading-overlay #lo-bar-track {
    background: rgba(92,35,41,0.12) !important;
}
[data-theme="light"] #loading-overlay #progress-bar {
    background: linear-gradient(90deg, var(--light-darkgold), var(--light-gold), #c4a83a) !important;
    box-shadow: 0 0 8px rgba(92,35,41,0.2) !important;
}
[data-theme="light"] #loading-overlay #lo-verse {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #loading-overlay #lo-skip {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #loading-overlay #lo-skip:hover {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #loading-overlay #lo-minimize {
    color: var(--light-maroon) !important;
    background: rgba(252,248,240,0.9) !important;
    border-color: rgba(184,150,46,0.5) !important;
}
[data-theme="light"] #loading-overlay #lo-minimize:hover {
    color: var(--light-darkgold) !important;
    background: rgba(184,150,46,0.15) !important;
    border-color: var(--light-darkgold) !important;
}
[data-theme="light"] #loading-overlay #lo-ring {
    border-color: rgba(184,150,46,0.35) !important;
}
[data-theme="light"] #loading-overlay #lo-spinner {
    border-color: rgba(184,150,46,0.2) !important;
    border-top-color: rgba(184,150,46,0.6) !important;
}
[data-theme="light"] #loading-overlay #lo-bar-track::after {
    background: linear-gradient(90deg, transparent, rgba(92,35,41,0.06), transparent) !important;
}
[data-theme="light"] #loading-mini {
    background: rgba(252,250,245,0.98) !important;
    border-color: rgba(184,150,46,0.45) !important;
    box-shadow: 0 8px 32px rgba(92,35,41,0.08), 0 0 0 1px rgba(184,150,46,0.1) !important;
}
[data-theme="light"] #loading-mini .lo-mini-title {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #loading-mini .lo-mini-status {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #loading-mini .lo-mini-bar-wrap {
    background: rgba(92,35,41,0.1) !important;
}
[data-theme="light"] #loading-mini .lo-mini-bar {
    background: linear-gradient(90deg, var(--light-darkgold), var(--light-gold)) !important;
}
[data-theme="light"] #loading-mini .lo-mini-percent {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #loading-mini #lo-expand {
    color: var(--light-darkgold) !important;
    border-color: rgba(184,150,46,0.5) !important;
}
[data-theme="light"] #loading-mini #lo-expand:hover {
    color: var(--light-maroon) !important;
    border-color: var(--light-darkgold) !important;
    background: rgba(184,150,46,0.12) !important;
}

/* Light mode: back button after generating a study — light background, dark text/icon */
[data-theme="light"] .study-back-btn,
[data-theme="light"] #btn-back-to-generator {
    background: rgba(252,248,240,0.95) !important;
    border-color: rgba(107,90,42,0.4) !important;
    box-shadow: 0 4px 20px rgba(92,35,41,0.12) !important;
}
[data-theme="light"] .study-back-btn:hover,
[data-theme="light"] #btn-back-to-generator:hover {
    background: rgba(252,248,240,0.98) !important;
    border-color: var(--light-darkgold) !important;
    box-shadow: 0 4px 24px rgba(92,35,41,0.15) !important;
}
[data-theme="light"] .study-back-btn-icon,
[data-theme="light"] .study-back-btn-text,
[data-theme="light"] #btn-back-to-generator .study-back-btn-icon,
[data-theme="light"] #btn-back-to-generator .study-back-btn-text {
    color: var(--light-maroon) !important;
}
[data-theme="light"] .study-back-btn:hover .study-back-btn-icon,
[data-theme="light"] .study-back-btn:hover .study-back-btn-text,
[data-theme="light"] #btn-back-to-generator:hover .study-back-btn-icon,
[data-theme="light"] #btn-back-to-generator:hover .study-back-btn-text {
    color: var(--light-darkgold) !important;
}

/* --- TEXTURES & ATMOSPHERE --- */
.noise-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    pointer-events: none; z-index: 50; opacity: 0.03;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

/* --- TYPOGRAPHY --- */
.font-display { font-family: 'Cinzel', serif; }
.font-serif { font-family: 'Playfair Display', serif; }

.text-gold { color: var(--accent, var(--gold)); }

.text-gradient-gold { 
    background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c); 
    -webkit-background-clip: text; 
    background-clip: text; 
    color: transparent; 
    background-size: 200% auto; 
    animation: shine 4s linear infinite; 
    padding-right: 0.1em; 
}
@keyframes shine { to { background-position: 200% center; } }

.text-shadow-glow { text-shadow: 0 0 20px rgba(212, 175, 55, 0.4); }

/* --- CHAT RESPONSE FORMATTING (study + bible + about) --- */
.chat-response-formatted { line-height: 1.5; white-space: pre-wrap; }
.chat-response-formatted strong { color: var(--accent, var(--gold)); font-weight: 700; }
.chat-response-formatted ul { margin: 0.5em 0 0.75em 0; padding-left: 1.25em; white-space: normal; }
.chat-response-formatted li { margin-bottom: 0.35em; white-space: pre-wrap; }

/* --- UI ELEMENTS --- */
.glass-panel {
    background: rgba(10, 10, 10, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(212, 175, 55, 0.15);
    box-shadow: 0 20px 50px rgba(0,0,0,0.8), inset 0 0 30px rgba(0,0,0,0.5);
}

/* --- STANDARD INPUTS (Home Page) --- */
input.input-lux { 
    background: rgba(255,255,255,0.03); 
    border: 1px solid rgba(212,175,55,0.2); 
    transition: all 0.4s ease; 
    color: white; 
}
input.input-lux:focus { 
    border-color: var(--accent, var(--gold)); 
    background: rgba(212,175,55,0.05); 
    box-shadow: 0 0 15px rgba(212,175,55,0.1);
    outline: none; 
}

/* --- STUDY / BOOK SPECIFIC STYLES --- */

/* 1. Headers */
.study-section-header {
    font-family: 'Cinzel', serif;
    color: var(--accent, var(--gold));
    font-size: 1.4rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
    padding-bottom: 0.5rem;
    width: 100%;
    display: block;
}

/* 2. Narrative Text */
.narrative-text {
    font-family: 'Playfair Display', serif;
    font-size: 1.25rem;
    line-height: 1.9;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    margin-bottom: 2rem;
}

/* Dropcap for Rewind Section */
.rewind-section .narrative-text::first-letter {
    float: left;
    font-family: 'Cinzel', serif;
    font-size: 3.5rem;
    line-height: 0.8;
    padding-right: 12px;
    padding-top: 4px;
    color: var(--accent, var(--gold));
}

/* 3. Sections */
.rewind-section {
    border-left: 3px solid var(--accent, var(--gold));
    padding-left: 2rem;
    margin-bottom: 4rem;
}

.rethink-section {
    background: linear-gradient(135deg, rgba(26, 16, 14, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%);
    border: 1px solid rgba(212, 175, 55, 0.15);
    padding: 2.5rem;
    border-radius: 4px;
    margin-bottom: 4rem;
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);
}

/* 4. Reflection Points */
.reflection-list li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    color: rgba(255,255,255,0.8);
    list-style: none;
}
.reflection-list li::before {
    content: '✦';
    position: absolute;
    left: 0;
    color: var(--gold);
}

/* 5. Engagement Questions (Textareas) */
.question-block {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(212, 175, 55, 0.2);
    padding: 2rem;
    border-radius: 2px;
    margin-bottom: 2.5rem;
}

.question-block h4 {
    color: var(--gold);
    font-family: 'Cinzel', serif;
    font-size: 0.9rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    opacity: 0.9;
    display: block;
}

.question-text {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 1.1rem;
    color: #fff;
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

/* Lined Paper Style specifically for Textareas */
textarea.input-lux {
    width: 100%;
    background: transparent;
    border: none;
    background-image: linear-gradient(to bottom, rgba(212, 175, 55, 0.1) 1px, transparent 1px);
    background-size: 100% 2.5rem; 
    line-height: 2.5rem; 
    color: #F9F1D8;
    font-family: 'Playfair Display', serif;
    font-size: 1.2rem;
    resize: vertical;
    outline: none;
    min-height: 150px;
    padding: 0;
    transition: none; /* Disable standard transition for background lines */
}

textarea.input-lux:focus {
    background-image: linear-gradient(to bottom, rgba(212, 175, 55, 0.3) 1px, transparent 1px);
    box-shadow: none;
    border-color: transparent;
}

/* --- ANIMATIONS & UTILS --- */
.animate-fade-in-up { animation: fadeInUp 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; opacity: 0; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }

.animate-pulse-slow { animation: pulseSlow 4s ease-in-out infinite; }
@keyframes pulseSlow { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } }

.scanner-line { 
    width: 100%; height: 2px; 
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    box-shadow: 0 0 20px var(--gold); 
    animation: scan 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; 
}
@keyframes scan { 
    0% { transform: translateY(-50px) scaleX(0.5); opacity: 0; } 
    50% { opacity: 1; transform: translateY(0) scaleX(1); } 
    100% { transform: translateY(150px) scaleX(0.5); opacity: 0; } 
}

/* --- SCROLLBARS (site theme: gold) --- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.4); border-radius: 4px; }
::-webkit-scrollbar-thumb { 
    background: rgba(212, 175, 55, 0.6); 
    border-radius: 4px; 
}
::-webkit-scrollbar-thumb:hover { background: var(--accent, var(--gold)); }
::-webkit-scrollbar-corner { background: rgba(0, 0, 0, 0.3); }
/* Firefox */
* { scrollbar-width: thin; scrollbar-color: rgba(212, 175, 55, 0.7) rgba(0, 0, 0, 0.4); }

/* Bible tracker chat: fix long-chat scroll (flex child needs min-height: 0) */
#tracker-chat-messages {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}
#tab-content-chat {
    min-height: 0;
    overflow: hidden;
}

/* Chat Widget */
#chat-window::-webkit-resizer {
    background-color: transparent;
    border-bottom: 2px solid #D4AF37;
    border-right: 2px solid #D4AF37;
}
#chat-widget, #chat-window { z-index: 9999 !important; }
#chat-window { min-height: 0; flex-direction: column; }
#chat-header { position: relative; z-index: 2; flex-shrink: 0; }
#chat-close-btn { cursor: pointer; -webkit-tap-highlight-color: transparent; }
#chat-messages { min-height: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
#chat-messages span { text-shadow: 0 1px 2px rgba(0,0,0,0.8); }

/* Light mode: AI chat window (view_study + index) and about chat — readable on light pages */
[data-theme="light"] #chat-window,
[data-theme="light"] #about-chat-window {
    background: rgba(252,250,245,0.98) !important;
    border-color: rgba(184,150,46,0.5) !important;
    box-shadow: 0 12px 40px rgba(92,35,41,0.12) !important;
}
[data-theme="light"] #chat-header,
[data-theme="light"] #about-chat-window .p-3.border-b {
    background: rgba(245,240,230,0.98) !important;
    border-bottom-color: rgba(184,150,46,0.4) !important;
}
[data-theme="light"] #chat-header span,
[data-theme="light"] #chat-header #chat-close-btn,
[data-theme="light"] #about-chat-window .p-3.border-b span,
[data-theme="light"] #about-chat-window .p-3.border-b button {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #chat-messages,
[data-theme="light"] #about-chat-messages {
    background: rgba(252,250,245,0.95) !important;
}
[data-theme="light"] #chat-messages span,
[data-theme="light"] #about-chat-messages span {
    text-shadow: none !important;
}
[data-theme="light"] #chat-messages .bg-\[\#D4AF37\]\/20 {
    background: rgba(184,150,46,0.2) !important;
    color: var(--light-maroon) !important;
}
[data-theme="light"] #chat-messages .bg-white\/5,
[data-theme="light"] #about-chat-messages .bg-white\/5 {
    background: rgba(252,248,240,0.95) !important;
    border-color: rgba(184,150,46,0.35) !important;
    color: var(--light-maroon) !important;
}
[data-theme="light"] #chat-messages .text-\[\#F5E6D3\],
[data-theme="light"] #chat-messages .text-\[\#F5E6D3\]\/60,
[data-theme="light"] #about-chat-messages .text-\[\#F5E6D3\]\/60 {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #chat-messages .chat-response-formatted,
[data-theme="light"] #chat-messages .chat-response-formatted strong {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #chat-messages .chat-response-formatted strong {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #chat-input,
[data-theme="light"] #about-chat-input {
    background: rgba(255,255,255,0.9) !important;
    border-color: rgba(184,150,46,0.45) !important;
    color: var(--light-maroon) !important;
}
[data-theme="light"] #chat-input::placeholder,
[data-theme="light"] #about-chat-input::placeholder {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #chat-window .border-t.border-\[\#D4AF37\]\/20,
[data-theme="light"] #about-chat-window .border-t.border-\[\#D4AF37\]\/20 {
    border-top-color: rgba(184,150,46,0.4) !important;
    background: rgba(252,248,240,0.98) !important;
}
[data-theme="light"] #send-chat,
[data-theme="light"] #about-chat-send {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #send-chat:hover,
[data-theme="light"] #about-chat-send:hover {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #chat-open-btn {
    background: var(--light-darkgold) !important;
    color: #fdfbf7 !important;
}
[data-theme="light"] #about-chat-widget .rounded-full.bg-\[\#D4AF37\] {
    background: var(--light-darkgold) !important;
    color: #fdfbf7 !important;
}

/* Selection */
::selection { background: var(--accent, var(--gold)); color: black; }

/* --- INTRO ANIMATION STYLES --- */
#intro-overlay {
    background: radial-gradient(circle at center, #1a1205 0%, #000000 70%);
}

/* Light mode: intro overlay — cream background, maroon/gold text and line */
[data-theme="light"] #intro-overlay {
    background: linear-gradient(to bottom, #e8e0d2 0%, #f5f0e6 50%, #ebe5d9 100%) !important;
}
[data-theme="light"] #intro-overlay .intro-logo-gradient {
    color: transparent !important;
    background: linear-gradient(to bottom, var(--light-maroon), var(--light-darkgold), var(--light-maroon)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
[data-theme="light"] #intro-overlay .font-serif.italic.text-white {
    color: var(--light-maroon) !important;
}
[data-theme="light"] #intro-overlay .intro-verse-text {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #intro-overlay .intro-verse-text.pt-4 {
    color: var(--light-darkgold) !important;
}
[data-theme="light"] #intro-overlay .intro-verse-text.font-mono {
    color: var(--light-warmgray) !important;
}
[data-theme="light"] #intro-overlay .golden-line {
    background: linear-gradient(90deg, transparent, var(--light-darkgold), transparent) !important;
    box-shadow: 0 0 15px rgba(107, 90, 42, 0.5) !important;
}
[data-theme="light"] #intro-overlay .intro-text-glow {
    text-shadow: 0 0 30px rgba(92, 35, 41, 0.2), 0 0 12px rgba(107, 90, 42, 0.35) !important;
}
[data-theme="light"] #intro-overlay button {
    color: var(--light-warmgray) !important;
    border-color: rgba(184, 150, 46, 0.35) !important;
}
[data-theme="light"] #intro-overlay button:hover {
    color: var(--light-darkgold) !important;
    border-color: rgba(184, 150, 46, 0.7) !important;
}

.intro-text-glow {
    text-shadow: 0 0 30px rgba(212, 175, 55, 0.3), 0 0 10px rgba(212, 175, 55, 0.5);
}

.intro-verse-text {
    font-family: 'Playfair Display', serif;
    color: #F9F1D8;
    opacity: 0; /* Handled by GSAP */
    transform: translateY(20px);
}

/* Cinematic blur effect for the logo */
.blur-reveal {
    filter: blur(20px);
    opacity: 0;
    transform: scale(0.9);
}

/* Same gradient on both RESONA and E so the final E doesn't render faded */
.intro-logo-gradient {
    color: transparent;
    background: linear-gradient(to bottom, #F9F1D8, #D4AF37, #8a7326);
    -webkit-background-clip: text;
    background-clip: text;
}

.golden-line {
    width: 0%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #D4AF37, transparent);
    box-shadow: 0 0 15px #D4AF37;
    margin: 20px auto;
}

/* --- Avatar with verification/social orbs --- */
.avatar-with-orbs {
    position: relative;
    display: inline-block;
}
.avatar-with-orbs img {
    display: block;
}
.avatar-orb {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1.5px solid var(--black, #030303);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 6px rgba(0,0,0,0.4);
}
.avatar-with-orbs.avatar-sm .avatar-orb { width: 10px; height: 10px; top: -1px; right: -1px; border-width: 1px; }
.avatar-with-orbs.avatar-lg .avatar-orb { width: 18px; height: 18px; top: -2px; right: -2px; }
/* NEUS orb: use logo from project (network/sdk/neus-logo.svg); path relative to css/ */
.avatar-orb.neus-orb { background-color: #030303; background-image: url("../network/sdk/neus-logo.svg"); }
.avatar-orb.google-orb { background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%2334A853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23FBBC05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23EA4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E"); }
.avatar-orb.x-orb { background-color: #000; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E"); }
.avatar-orb.discord-orb { background-color: #5865F2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z'/%3E%3C/svg%3E"); }
.avatar-orb.facebook-orb { background-color: #1877F2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E"); }
/* All orbs stacked in top-right: 1st at corner, then 2nd/3rd/4th/5th offset left */
.avatar-orb:nth-of-type(1) { right: -2px; top: -2px; z-index: 5; }
.avatar-orb:nth-of-type(2) { right: 10px; top: -2px; z-index: 4; }
.avatar-orb:nth-of-type(3) { right: 22px; top: -2px; z-index: 3; }
.avatar-orb:nth-of-type(4) { right: 34px; top: -2px; z-index: 2; }
.avatar-orb:nth-of-type(5) { right: 46px; top: -2px; z-index: 1; }
.avatar-with-orbs.avatar-sm .avatar-orb { top: -1px; right: -1px; }
.avatar-with-orbs.avatar-sm .avatar-orb:nth-of-type(2) { right: 6px; }
.avatar-with-orbs.avatar-sm .avatar-orb:nth-of-type(3) { right: 13px; }
.avatar-with-orbs.avatar-sm .avatar-orb:nth-of-type(4) { right: 20px; }
.avatar-with-orbs.avatar-sm .avatar-orb:nth-of-type(5) { right: 27px; }
.avatar-with-orbs.avatar-lg .avatar-orb:nth-of-type(2) { right: 14px; }
.avatar-with-orbs.avatar-lg .avatar-orb:nth-of-type(3) { right: 30px; }
.avatar-with-orbs.avatar-lg .avatar-orb:nth-of-type(4) { right: 46px; }
.avatar-with-orbs.avatar-lg .avatar-orb:nth-of-type(5) { right: 62px; }

/* NEUS Verified badge (study + history) */
.neus-verified-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    background: rgba(212, 175, 55, 0.15);
    border: 1px solid rgba(212, 175, 55, 0.4);
    color: #D4AF37;
    font-family: 'Cinzel', serif;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.neus-verified-badge img { width: 12px; height: 12px; flex-shrink: 0; object-fit: contain; }
[data-theme="light"] .neus-verified-badge {
    background: rgba(184, 150, 46, 0.12);
    border-color: rgba(107, 90, 42, 0.35);
    color: var(--light-darkgold);
}