/* ============================================================
       CSS VARIABLE CONSUMERS — map vars onto existing selectors
       ============================================================ */

    /* Body & page shell */
    body {
        background: var(--th-bg) !important;
        color: var(--th-text-primary) !important;
        border-color: var(--th-bg-body-border) !important;
    }

    /* Glass panels */
    .glass {
        background: var(--th-glass-bg) !important;
        border-color: var(--th-glass-border) !important;
    }

    /* Active tab */
    .tab-active {
        border-bottom-color: var(--th-tab-active-border) !important;
        color: var(--th-tab-active-border) !important;
        background: linear-gradient(to top, var(--th-tab-active-bg), transparent) !important;
    }

    /* Scanline */
    .scouter-scanline {
        background: var(--th-scanline) !important;
    }

    /* Output / terminal box */
    .output-box {
        background: var(--th-output-bg) !important;
        border-left-color: var(--th-output-border) !important;
        scrollbar-color: var(--th-scrollbar-thumb) var(--th-scrollbar-track) !important;
    }

    /* Vessel bay */
    #vessel-bay {
        background: var(--th-vessel-bg) !important;
        border-color: var(--th-vessel-border) !important;
        color: var(--th-vessel-color) !important;
    }
    #vessel-bay input {
        border-color: color-mix(in srgb, var(--th-vessel-border) 30%, transparent) !important;
        color: var(--th-vessel-color) !important;
    }
    #vessel-bay button {
        background: color-mix(in srgb, var(--th-vessel-border) 70%, #000) !important;
    }
    #vessel-bay button:hover {
        background: var(--th-vessel-border) !important;
    }

    /* Scanner output pre */
    #scanner-output {
        color: color-mix(in srgb, var(--th-accent) 60%, transparent) !important;
    }

    /* Triptych pillars */
    .triptych-pillar {
        background: var(--th-triptych-bg) !important;
        border-color: color-mix(in srgb, var(--th-accent) 15%, transparent) !important;
    }
    .triptych-pillar:hover {
        border-color: var(--th-accent) !important;
    }

    /* Progress bar */
    .progress-bar-inner {
        background: var(--th-progress-bar) !important;
        box-shadow: 0 0 15px var(--th-progress-bar) !important;
    }

    /* Terminal sanctified state */
    .terminal-sanctified {
        color: var(--th-terminal-sanctified) !important;
        text-shadow: 0 0 5px color-mix(in srgb, var(--th-terminal-sanctified) 50%, transparent) !important;
    }

    /* Onboarding strip */
    .onboarding-step {
        background: var(--th-onboarding-bg) !important;
        border-color: var(--th-onboarding-border) !important;
    }
    .onboarding-step-active {
        border-color: color-mix(in srgb, var(--th-accent) 50%, transparent) !important;
        box-shadow: 0 0 35px color-mix(in srgb, var(--th-accent) 8%, transparent) !important;
    }
    .onboarding-step-number {
        background: var(--th-onboarding-num-bg) !important;
        border-color: var(--th-onboarding-num-border) !important;
        color: var(--th-onboarding-num-color) !important;
    }

    /* Intention button */
    #intention-button-face {
        border-color: var(--th-intention-border) !important;
        background: var(--th-intention-bg) !important;
        color: var(--th-text-primary) !important;
    }
    #intention-lock:checked + div {
        background: var(--th-intention-locked-bg) !important;
        color: var(--th-intention-locked-color) !important;
        border-color: var(--th-intention-locked-border) !important;
        box-shadow: 0 0 50px var(--th-intention-locked-shadow) !important;
    }
    .intention-attention {
        box-shadow: 0 0 55px color-mix(in srgb, var(--th-accent) 75%, transparent) !important;
        border-color: var(--th-accent) !important;
    }

    /* Grail shimmer animation — re-declared per theme */
    @keyframes grail-shimmer {
        0%, 100% { border-color: var(--th-grail-shimmer-a); }
        50% { border-color: var(--th-grail-shimmer-b); box-shadow: 0 0 60px var(--th-grail-shimmer-shadow); }
    }
    @keyframes architect-glow {
        0%, 100% { box-shadow: 0 0 40px var(--th-architect-glow-a); }
        50% { box-shadow: 0 0 80px var(--th-architect-glow-b); }
    }

    /* Sticky nav */
    nav.sticky {
        background: var(--th-nav-bg) !important;
    }

    /* sys-status color — Dreaming Flowers uses teal instead of emerald */
    body:not(.theme-prestige) #sys-status {
        color: var(--th-accent-teal) !important;
        text-decoration-color: color-mix(in srgb, var(--th-accent-teal) 20%, transparent) !important;
    }

    /* Dreaming Flowers — body border override (double border is zinc-950 in prestige) */
    body:not(.theme-prestige) {
        border-color: var(--th-bg-body-border) !important;
    }

    /* ============================================================
       DREAMING FLOWERS — BLACK BOX ELIMINATION
       Override every hardcoded black / near-black background that
       Tailwind or inline styles apply, so no black boxes appear.
       All rules are scoped to body:not(.theme-prestige) so
       Seraphim Prestige is completely unaffected.
       ============================================================ */

    /* Surface tokens — light mode values for Dreaming Flowers */
    :root {
        --th-surface-panel:   rgba(255, 250, 247, 0.97); /* warm white panel */
        --th-surface-input:   rgba(255, 252, 250, 0.99); /* near-white input */
        --th-surface-overlay: rgba(250, 245, 240, 0.95); /* cream overlay */
        --th-surface-deep:    rgba(245, 238, 232, 0.99); /* deeper cream */
        --th-surface-card:    rgba(255, 252, 249, 0.98); /* white card */
        --th-surface-subtle:  rgba(248, 242, 238, 0.80); /* subtle cream */
        --th-surface-mid2:    rgba(250, 244, 240, 0.90); /* mid cream */
        --th-border-subtle:   rgba(210, 155, 180, 0.28); /* rose border */
    }

    /* --- Sticky nav bar --- */
    body:not(.theme-prestige) nav.sticky,
    body:not(.theme-prestige) nav[class*="bg-black"] {
        background: var(--th-nav-bg) !important;
    }

    /* --- Codex / legend details panel --- */
    body:not(.theme-prestige) details > div[class*="bg-black"] {
        background: var(--th-surface-overlay) !important;
    }
    body:not(.theme-prestige) details summary {
        background: var(--th-surface-subtle) !important;
    }
    body:not(.theme-prestige) [class*="bg-zinc-900"],
    body:not(.theme-prestige) [class*="bg-zinc-800"] {
        background-color: var(--th-surface-subtle) !important;
    }
    body:not(.theme-prestige) [class*="bg-zinc-950"] {
        background-color: var(--th-surface-card) !important;
    }

    /* --- Vessel URL input --- */
    body:not(.theme-prestige) #vessel-url {
        background: var(--th-surface-input) !important;
    }

    /* --- Oracle chat box and inputs --- */
    body:not(.theme-prestige) #oracle-chat {
        background: var(--th-surface-overlay) !important;
    }
    body:not(.theme-prestige) #oracle-input {
        background: var(--th-surface-input) !important;
        color: var(--th-accent) !important;
        border-color: var(--th-border-subtle) !important;
    }
    body:not(.theme-prestige) #oracle-chat + div button {
        background: var(--th-surface-panel) !important;
        border-color: var(--th-border-subtle) !important;
    }

    /* --- Upload zone overlay --- */
    body:not(.theme-prestige) #upload-zone {
        background: var(--th-surface-deep) !important;
        border-color: color-mix(in srgb, var(--th-accent) 20%, transparent) !important;
    }

    /* --- Progress bar tracks --- */
    body:not(.theme-prestige) [class*="bg-zinc-9"][class*="h-\[6px\]"],
    body:not(.theme-prestige) .w-full.h-\[6px\].bg-zinc-900 {
        background: var(--th-surface-subtle) !important;
    }

    /* --- Copy Scan Log / New Scan buttons --- */
    body:not(.theme-prestige) [class*="bg-zinc-950"] {
        background: var(--th-surface-card) !important;
    }

    /* --- Image preview / aspect-square thumbnail --- */
    body:not(.theme-prestige) [class*="aspect-square"][class*="bg-black"],
    body:not(.theme-prestige) [class*="bg-black"][class*="border-zinc-9"] {
        background: var(--th-surface-panel) !important;
    }

    /* --- Forge overlay backdrop --- */
    body:not(.theme-prestige) #forge-overlay {
        background: var(--th-surface-deep) !important;
    }
    body:not(.theme-prestige) #forge-overlay [class*="bg-black"] {
        background: var(--th-surface-panel) !important;
    }
    body:not(.theme-prestige) #forge-overlay [class*="bg-zinc-950"] {
        background: var(--th-surface-card) !important;
    }

    /* --- Forge stat/attribute panels (bg-black/40) --- */
    body:not(.theme-prestige) [class*="bg-black\/40"] {
        background: color-mix(in srgb, var(--th-surface-panel) 70%, transparent) !important;
    }
    body:not(.theme-prestige) [class*="bg-black\/80"] {
        background: var(--th-surface-overlay) !important;
    }
    body:not(.theme-prestige) [class*="bg-black\/60"] {
        background: var(--th-surface-overlay) !important;
    }
    body:not(.theme-prestige) [class*="bg-black\/90"],
    body:not(.theme-prestige) [class*="bg-black\/88"],
    body:not(.theme-prestige) [class*="bg-black\/95"],
    body:not(.theme-prestige) [class*="bg-black\/98"],
    body:not(.theme-prestige) [class*="bg-black\/99"] {
        background: var(--th-surface-deep) !important;
    }

    /* --- Rosary matrix station cards (bg-[#020202]) --- */
    body:not(.theme-prestige) [class*="bg-\[#020202\]"],
    body:not(.theme-prestige) [style*="background: #020202"],
    body:not(.theme-prestige) [style*="background:#020202"] {
        background: var(--th-surface-panel) !important;
    }

    /* --- Status audit / avian / plant manifest panels (bg-black with border-l-4) --- */
    body:not(.theme-prestige) .p-10.bg-black,
    body:not(.theme-prestige) .p-8.bg-black,
    body:not(.theme-prestige) .p-8.md\:p-10.bg-black {
        background: var(--th-surface-panel) !important;
    }

    /* --- Vault list rows --- */
    body:not(.theme-prestige) #vault-list .glass {
        background: var(--th-glass-bg) !important;
    }
    body:not(.theme-prestige) #vault-list [class*="bg-black"] {
        background: var(--th-surface-panel) !important;
    }
    body:not(.theme-prestige) #vault-list [class*="hover:bg-zinc-9"]:hover {
        background: var(--th-surface-subtle) !important;
    }

    /* --- Rosary matrix panel header bar --- */
    body:not(.theme-prestige) [class*="bg-zinc-900\/70"] {
        background: var(--th-surface-mid2) !important;
    }

    /* --- Rosary hover overlay --- */
    body:not(.theme-prestige) [class*="bg-black\/90"] {
        background: var(--th-surface-deep) !important;
    }

    /* --- Triptych pillar bg-zinc-950 override --- */
    body:not(.theme-prestige) .triptych-pillar[class*="bg-zinc-950"] {
        background: var(--th-triptych-bg) !important;
    }

    /* --- Generic bg-black catch-all (last resort, low specificity) --- */
    body:not(.theme-prestige) .bg-black {
        background-color: var(--th-surface-panel) !important;
    }

    /* --- border-zinc-* in Dreaming Flowers → themed border color --- */
    body:not(.theme-prestige) [class*="border-zinc-9"],
    body:not(.theme-prestige) [class*="border-zinc-8"],
    body:not(.theme-prestige) [class*="border-zinc-7"] {
        border-color: var(--th-border-subtle) !important;
    }

    /* Dreaming Flowers — bright parchment background with soft floral blush */
    body:not(.theme-prestige)::before {
        content: '';
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background:
            radial-gradient(ellipse 65% 50% at 5% 10%,   rgba(212,104,138,0.08) 0%, transparent 55%),
            radial-gradient(ellipse 50% 40% at 95% 90%,  rgba(74,171,135,0.07) 0%, transparent 55%),
            radial-gradient(ellipse 40% 30% at 80% 15%,  rgba(155,126,200,0.05) 0%, transparent 50%),
            radial-gradient(ellipse 30% 25% at 20% 85%,  rgba(232,149,106,0.04) 0%, transparent 50%);
    }

    /* ============================================================
       DREAMING FLOWERS — FEMININE SOFTENING PASS
       Rounded corners, softer borders, gentle glows, warmer tones.
       All rules scoped to body:not(.theme-prestige).
       ============================================================ */

    /* --- Page border: rose instead of zinc --- */
    body:not(.theme-prestige) {
        border-color: var(--th-bg-body-border) !important;
        border-style: double !important;
    }

    /* --- Glass panels: white card, rose rim, warm drop shadow --- */
    body:not(.theme-prestige) .glass {
        border-radius: var(--th-radius-lg) !important;
        border-color: var(--th-glass-border) !important;
        background: var(--th-glass-bg) !important;
        box-shadow:
            0 2px 16px rgba(180, 100, 130, 0.10),
            0 8px 40px rgba(180, 100, 130, 0.07) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* --- Output terminal box: rounded top, softer border --- */
    body:not(.theme-prestige) .output-box {
        border-radius: var(--th-radius-md) !important;
        border-left-width: 4px !important;
        border-left-style: solid !important;
    }

    /* --- Triptych pillars: fully rounded --- */
    body:not(.theme-prestige) .triptych-pillar {
        border-radius: var(--th-radius-lg) !important;
        box-shadow: 0 2px 20px rgba(240,184,212,0.06) !important;
    }

    /* --- Vessel bay (YouTube scanner) --- */
    body:not(.theme-prestige) #vessel-bay {
        border-radius: var(--th-radius-lg) !important;
        border-width: 1px !important;
    }
    body:not(.theme-prestige) #vessel-url {
        border-radius: var(--th-radius-sm) !important;
    }
    body:not(.theme-prestige) #vessel-bay button {
        border-radius: var(--th-radius-sm) !important;
    }

    /* --- Tab nav: pill-shaped active indicator --- */
    body:not(.theme-prestige) nav.sticky {
        border-radius: 0 !important;
    }
    body:not(.theme-prestige) .tab-active {
        border-bottom-width: 3px !important;
        border-radius: 0 !important;
    }

    /* --- Scan results / oracle / vault panels --- */
    body:not(.theme-prestige) #tab-esoteric,
    body:not(.theme-prestige) #tab-oracle,
    body:not(.theme-prestige) #tab-vault {
        border-radius: var(--th-radius-lg) !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    /* --- Oracle chat input row --- */
    body:not(.theme-prestige) #oracle-input {
        border-radius: var(--th-radius-sm) !important;
    }
    body:not(.theme-prestige) #oracle-chat {
        border-radius: var(--th-radius-md) !important;
    }

    /* --- Onboarding strip steps --- */
    body:not(.theme-prestige) .onboarding-step {
        border-radius: var(--th-radius-md) !important;
        background: rgba(255, 250, 247, 0.97) !important;
        border-color: rgba(210,155,180,0.28) !important;
        box-shadow: 0 2px 16px rgba(180,100,130,0.09) !important;
    }
    body:not(.theme-prestige) .onboarding-step-number {
        border-radius: var(--th-radius-pill) !important;
    }
    /* Title and copy text: dark on light background */
    body:not(.theme-prestige) .onboarding-step-title {
        color: var(--th-text-primary) !important;   /* deep rose-brown */
    }
    body:not(.theme-prestige) .onboarding-step-copy {
        color: rgba(90, 45, 66, 0.62) !important;   /* muted rose-brown */
    }

    /* Active step: rose border glow + tinted background so it visibly "lights up" */
    body:not(.theme-prestige) .onboarding-step-active {
        border-color: var(--th-accent) !important;          /* solid deep rose */
        border-width: 2px !important;
        background: rgba(212, 104, 138, 0.08) !important;   /* blush tint */
        box-shadow:
            0 0 0 3px rgba(212, 104, 138, 0.18),
            0 4px 24px rgba(180, 100, 130, 0.18) !important;
    }
    /* Active step number badge: filled rose */
    body:not(.theme-prestige) .onboarding-step-active .onboarding-step-number {
        background: var(--th-accent) !important;
        border-color: var(--th-accent) !important;
        color: #fff !important;
    }
    /* Active step title: full rose accent color */
    body:not(.theme-prestige) .onboarding-step-active .onboarding-step-title {
        color: var(--th-accent) !important;
    }

    /* --- Intention button: pill shape --- */
    body:not(.theme-prestige) #intention-button-face {
        border-radius: var(--th-radius-pill) !important;
        border-width: 1.5px !important;
    }
    body:not(.theme-prestige) #intention-lock:checked + div {
        border-radius: var(--th-radius-pill) !important;
    }

    /* --- Progress panels --- */
    body:not(.theme-prestige) #scan-progress-panel,
    body:not(.theme-prestige) #batch-progress-panel {
        border-radius: var(--th-radius-md) !important;
    }
    body:not(.theme-prestige) [class*="h-\[6px\]"] {
        border-radius: var(--th-radius-pill) !important;
        overflow: hidden !important;
    }
    body:not(.theme-prestige) .progress-bar-inner {
        border-radius: var(--th-radius-pill) !important;
    }

    /* --- Scan gate overlay --- */
    body:not(.theme-prestige) #scan-gate-overlay {
        border-radius: var(--th-radius-lg) !important;
    }

    /* --- Forge overlay panels --- */
    /* ── FORGE OVERLAY MOBILE LAYOUT ─────────────────────────────────────────
       Ensure the overlay never causes horizontal overflow on small screens.
       The sticky exit bar stays pinned so it's always reachable.
    ──────────────────────────────────────────────────────────────────────── */
    #forge-overlay {
        -webkit-overflow-scrolling: touch;
    }
    /* Dreaming Flowers: forge exit button gets a clear light-mode style */
    body:not(.theme-prestige) #forge-overlay button[onclick="closeForge()"] {
        background: rgba(220, 38, 38, 0.12) !important;
        border-color: rgba(220, 38, 38, 0.55) !important;
        color: #b91c1c !important;
    }
    body:not(.theme-prestige) #forge-overlay button[onclick="closeForge()"]:hover {
        background: rgba(220, 38, 38, 0.85) !important;
        color: #fff !important;
    }
    /* Dreaming Flowers: forge sticky header bar */
    body:not(.theme-prestige) #forge-overlay .sticky {
        background: rgba(250, 245, 240, 0.97) !important;
        border-color: rgba(210, 155, 180, 0.4) !important;
    }
    body:not(.theme-prestige) #forge-overlay .sticky h2 {
        color: var(--th-accent-alt) !important;
    }

    body:not(.theme-prestige) #forge-overlay .glass {
        border-radius: var(--th-radius-lg) !important;
    }

    /* --- Vault list rows --- */
    body:not(.theme-prestige) #vault-list > div {
        border-radius: var(--th-radius-md) !important;
    }

    /* --- Buttons: rounded everywhere --- */
    body:not(.theme-prestige) button:not(#theme-toggle-btn):not([class*="rounded"]) {
        border-radius: var(--th-radius-sm) !important;
    }
    body:not(.theme-prestige) #btn-print-baraka {
        border-radius: var(--th-radius-md) !important;
    }

    /* --- Inputs: rounded --- */
    body:not(.theme-prestige) input[type="text"] {
        border-radius: var(--th-radius-sm) !important;
    }

    /* --- Theme toggle button: pill, rose on cream --- */
    body:not(.theme-prestige) #theme-toggle-btn {
        border-radius: var(--th-radius-pill) !important;
        border-color: var(--th-accent) !important;
        background: rgba(255, 250, 247, 0.96) !important;
        color: var(--th-accent) !important;
        box-shadow: 0 2px 16px rgba(180,100,130,0.18), 0 0 0 1px rgba(212,104,138,0.15) !important;
    }
    body:not(.theme-prestige) #theme-toggle-btn:hover {
        background: var(--th-accent) !important;
        color: #fff !important;
        box-shadow: 0 4px 24px rgba(180,100,130,0.35) !important;
    }

    /* --- Scan progress stage text: use accent-alt (mint) --- */
    body:not(.theme-prestige) #scan-progress-stage,
    body:not(.theme-prestige) #batch-progress-stage {
        color: var(--th-accent-teal) !important;
    }

    /* --- Stat readout: blush --- */
    body:not(.theme-prestige) .stat-readout {
        color: var(--th-accent) !important;
    }

    /* --- Nav buttons: rounded, softer --- */
    body:not(.theme-prestige) .nav-btn {
        border-radius: var(--th-radius-sm) !important;
    }

    /* --- Details / codex panel: rounded --- */
    body:not(.theme-prestige) details.glass {
        border-radius: var(--th-radius-lg) !important;
    }
    body:not(.theme-prestige) details summary {
        border-radius: var(--th-radius-md) !important;
    }

    /* --- Tier badge: pill --- */
    body:not(.theme-prestige) #tier-badge {
        border-radius: var(--th-radius-pill) !important;
    }

    /* --- Image preview: rounded --- */
    body:not(.theme-prestige) #image-preview {
        border-radius: var(--th-radius-md) !important;
    }

    /* --- Aspect-square thumbnail in sidebar --- */
    body:not(.theme-prestige) [class*="aspect-square"] {
        border-radius: var(--th-radius-md) !important;
    }

    /* --- Rosary matrix station cards: rounded --- */
    body:not(.theme-prestige) .rosary-matrix-panel [class*="flex"][class*="items-center"][class*="gap-4"] {
        border-radius: var(--th-radius-sm) !important;
    }

    /* --- Status audit / avian / plant panels: rounded left border --- */
    body:not(.theme-prestige) .p-10.bg-black,
    body:not(.theme-prestige) .p-8.bg-black,
    body:not(.theme-prestige) [class*="border-l-4"] {
        border-radius: var(--th-radius-md) !important;
    }

    /* --- Manifest seal glass box --- */
    body:not(.theme-prestige) [class*="glass"][class*="border"][class*="px-6"] {
        border-radius: var(--th-radius-md) !important;
    }

    /* --- Scrollbar: rounded thumb --- */
    body:not(.theme-prestige) ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }
    body:not(.theme-prestige) ::-webkit-scrollbar-track {
        background: var(--th-scrollbar-track);
        border-radius: var(--th-radius-pill);
    }
    body:not(.theme-prestige) ::-webkit-scrollbar-thumb {
        background: var(--th-scrollbar-thumb);
        border-radius: var(--th-radius-pill);
    }
    body:not(.theme-prestige) ::-webkit-scrollbar-thumb:hover {
        background: var(--th-accent);
    }

    /* --- Soft lift on glass hover --- */
    body:not(.theme-prestige) .glass:hover {
        border-color: rgba(212,104,138,0.55) !important;
        box-shadow:
            0 4px 24px rgba(180, 100, 130, 0.16),
            0 12px 48px rgba(180, 100, 130, 0.10) !important;
        transition: border-color 0.35s, box-shadow 0.35s;
    }

    /* --- Tailwind color remaps for light mode Dreaming Flowers --- */

    /* amber → deep rose */
    body:not(.theme-prestige) .text-amber-500,
    body:not(.theme-prestige) .text-amber-400,
    body:not(.theme-prestige) [class*="text-amber-"] {
        color: var(--th-accent) !important;
    }
    body:not(.theme-prestige) [class*="border-amber-"] {
        border-color: color-mix(in srgb, var(--th-accent) 55%, transparent) !important;
    }
    body:not(.theme-prestige) [class*="bg-amber-"] {
        background-color: rgba(212,104,138,0.10) !important;
    }
    body:not(.theme-prestige) [class*="hover:bg-amber-"]:hover {
        background-color: var(--th-accent) !important;
        color: #fff !important;
    }

    /* emerald → sage green */
    body:not(.theme-prestige) .text-emerald-500,
    body:not(.theme-prestige) .text-emerald-400,
    body:not(.theme-prestige) [class*="text-emerald-"] {
        color: var(--th-accent-alt) !important;
    }
    body:not(.theme-prestige) [class*="border-emerald-"] {
        border-color: color-mix(in srgb, var(--th-accent-alt) 55%, transparent) !important;
    }
    body:not(.theme-prestige) [class*="bg-emerald-"] {
        background-color: rgba(74,171,135,0.10) !important;
    }
    body:not(.theme-prestige) [class*="hover:bg-emerald-"]:hover {
        background-color: var(--th-accent-alt) !important;
        color: #fff !important;
    }

    /* hover:text-black → white (buttons flip to colored bg) */
    body:not(.theme-prestige) [class*="hover:text-black"]:hover {
        color: #fff !important;
    }

    /* fuchsia → violet */
    body:not(.theme-prestige) [class*="text-fuchsia-"] {
        color: var(--th-accent-lavender) !important;
    }
    body:not(.theme-prestige) [class*="border-fuchsia-"] {
        border-color: color-mix(in srgb, var(--th-accent-lavender) 50%, transparent) !important;
    }

    /* blue → dusty blue */
    body:not(.theme-prestige) [class*="text-blue-"] {
        color: var(--th-accent-blue) !important;
    }
    body:not(.theme-prestige) [class*="border-blue-"] {
        border-color: color-mix(in srgb, var(--th-accent-blue) 55%, transparent) !important;
    }

    /* red → warm red */
    body:not(.theme-prestige) [class*="text-red-"] {
        color: var(--th-red) !important;
    }
    body:not(.theme-prestige) [class*="border-red-"] {
        border-color: color-mix(in srgb, var(--th-red) 55%, transparent) !important;
    }
    body:not(.theme-prestige) [class*="hover:bg-red-"]:hover {
        background-color: var(--th-red) !important;
        color: #fff !important;
    }

    /* white text — flip to dark on light bg */
    body:not(.theme-prestige) .text-white {
        color: var(--th-text-primary) !important;
    }
    body:not(.theme-prestige) [class*="text-white\/"] {
        color: rgba(90,45,66,0.65) !important;
    }
    body:not(.theme-prestige) [class*="text-zinc-"],
    body:not(.theme-prestige) [class*="text-gray-"] {
        color: rgba(90,45,66,0.70) !important;
    }

    /* --- Vault title (Rehlik_Vault heading) --- */
    body:not(.theme-prestige) #tab-vault h2 {
        color: var(--th-accent) !important;
    }

    /* --- Wipe button: rose border --- */
    body:not(.theme-prestige) #tab-vault button[onclick="wipeVault()"] {
        border-color: color-mix(in srgb, var(--th-red) 60%, transparent) !important;
        color: var(--th-red) !important;
        border-radius: var(--th-radius-sm) !important;
    }

    /* --- Top border accent on tab panels — soften to 4px blush/mint --- */
    body:not(.theme-prestige) #tab-esoteric {
        border-top-color: color-mix(in srgb, var(--th-accent) 35%, transparent) !important;
        border-top-width: 4px !important;
    }
    body:not(.theme-prestige) #tab-vault {
        border-top-color: color-mix(in srgb, var(--th-accent-alt) 35%, transparent) !important;
        border-top-width: 4px !important;
    }
    body:not(.theme-prestige) #tab-oracle {
        border-top-color: var(--th-border-subtle) !important;
        border-top-width: 4px !important;
    }

    /* --- Scan progress fill bar: rose --- */
    body:not(.theme-prestige) #scan-progress-fill,
    body:not(.theme-prestige) #batch-progress-fill {
        background: var(--th-accent) !important;
        box-shadow: 0 0 10px rgba(212,104,138,0.35) !important;
        border-radius: var(--th-radius-pill) !important;
    }

    /* --- Sys status text: sage green on light bg --- */
    body:not(.theme-prestige) #sys-status {
        color: var(--th-accent-alt) !important;
        text-decoration-color: color-mix(in srgb, var(--th-accent-alt) 30%, transparent) !important;
    }

    /* --- Body text: dark rose-brown on parchment --- */
    body:not(.theme-prestige) {
        color: var(--th-text-primary) !important;
    }

    /* --- Mono / pre / scanner output: dark sage on cream --- */
    body:not(.theme-prestige) #scanner-output {
        color: rgba(46,107,84,0.75) !important;
        background: var(--th-output-bg) !important;
    }

    /* --- Oracle chat messages: dark text --- */
    body:not(.theme-prestige) #oracle-chat {
        color: var(--th-text-primary) !important;
    }

    /* --- Nav border: rose tint --- */
    body:not(.theme-prestige) nav.sticky {
        border-bottom-color: var(--th-border-subtle) !important;
        box-shadow: 0 2px 12px rgba(180,100,130,0.08) !important;
    }

    /* --- Vault list rows: warm shadow --- */
    body:not(.theme-prestige) #vault-list > div {
        box-shadow: 0 2px 12px rgba(180,100,130,0.08) !important;
    }

    /* --- Triptych pillars: warm card shadow --- */
    body:not(.theme-prestige) .triptych-pillar {
        box-shadow: 0 2px 16px rgba(180,100,130,0.09) !important;
    }

    /* --- Forge overlay: cream instead of black --- */
    body:not(.theme-prestige) #forge-overlay {
        background: rgba(250,245,240,0.99) !important;
    }

    /* --- Canvas element: NEVER restyle — it is a pixel buffer, not a DOM surface --- */
    body:not(.theme-prestige) canvas,
    body:not(.theme-prestige) #forgeCanvas {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* --- Upload zone: cream with rose dashed border --- */
    body:not(.theme-prestige) #upload-zone {
        background: rgba(255,250,247,0.97) !important;
        border-color: rgba(212,104,138,0.30) !important;
        color: var(--th-text-primary) !important;
    }

    /* --- Vessel bay: mint-tinted cream --- */
    body:not(.theme-prestige) #vessel-bay {
        background: var(--th-vessel-bg) !important;
        color: var(--th-vessel-color) !important;
    }
    body:not(.theme-prestige) #vessel-url {
        background: #fff !important;
        color: var(--th-text-secondary) !important;
        border-color: rgba(74,171,135,0.40) !important;
    }

    /* --- Oracle input: white with rose accent --- */
    body:not(.theme-prestige) #oracle-input {
        background: #fff !important;
        color: var(--th-text-primary) !important;
        border-color: rgba(212,104,138,0.30) !important;
    }

    /* --- Intention button face: visible on light bg --- */
    body:not(.theme-prestige) #intention-button-face {
        color: var(--th-accent) !important;
    }

    /* --- Font mono elements: dark sage --- */
    body:not(.theme-prestige) [class*="font-mono"] {
        color: var(--th-text-secondary) !important;
    }
    /* But let scanner output keep its own color */
    body:not(.theme-prestige) #scanner-output[class*="font-mono"] {
        color: rgba(46,107,84,0.75) !important;
    }

    /* 1. ANIMATION ARCHIVE - MAXIMUM FIDELITY */
    @keyframes scanline { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } }
    @keyframes divine-pulse { 0%, 100% { transform: scale(1); filter: brightness(1); opacity: 0.8; } 50% { transform: scale(1.02); filter: brightness(1.4); opacity: 1; } }
    @keyframes architect-glow { 0%, 100% { box-shadow: 0 0 40px rgba(251, 191, 36, 0.05); } 50% { box-shadow: 0 0 80px rgba(251, 191, 36, 0.4); } }
    @keyframes grail-shimmer { 0%, 100% { border-color: #fbbf24; } 50% { border-color: #fff; box-shadow: 0 0 60px rgba(251, 191, 36, 0.6); } }
    @keyframes glyph-spin { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } }


    @keyframes intention-shake {
  0% { transform: translateX(0); }
  15% { transform: translateX(-8px); }
  30% { transform: translateX(8px); }
  45% { transform: translateX(-6px); }
  60% { transform: translateX(6px); }
  75% { transform: translateX(-3px); }
  100% { transform: translateX(0); }
}

.intention-attention {
  animation: intention-shake 0.45s ease-in-out;
  box-shadow: 0 0 55px color-mix(in srgb, var(--th-accent) 75%, transparent) !important;
  border-color: var(--th-accent) !important;
}

/* STAT BOX ASCENSION FIX */
/* STAT BOX ASCENSION FIX - FONT SCALING */
.stat-label {
    font-size: 13pt !important; /* Increased from 10pt for export clarity */
    letter-spacing: 0.25em;
    margin-bottom: 10px;
    font-weight: 700;
}

.stat-readout {
    font-size: 20pt !important; /* Increased from 15pt to maximize Forge visibility */
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
    display: block;
    width: auto;
    overflow: visible;
}

/* Ensure the container has enough room for larger text */
.stat-box-container {
    min-height: 140px; /* Increased from 120px to prevent clipping */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#paypal-donate-container,
#paypal-donate-container * {
  letter-spacing: normal !important;
  text-transform: none !important;
  white-space: normal !important;
  word-break: normal !important;
}

#paypal-donate-container iframe {
  width: 100% !important;
  min-width: 280px !important;
  max-width: 420px !important;
  margin: 0 auto !important;
  display: block !important;
}

.onboarding-strip {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

@media (min-width: 768px) {
  .onboarding-strip {
    grid-template-columns: repeat(3, 1fr);
  }
}

.onboarding-step {
  background: rgba(5, 5, 5, 0.82);
  border: 1px solid rgba(251, 191, 36, 0.16);
  padding: 18px 16px;
  text-align: center;
  box-shadow: 0 20px 50px rgba(0,0,0,0.35);
}

.onboarding-step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(251, 191, 36, 0.12);
  border: 1px solid rgba(251, 191, 36, 0.35);
  color: #fbbf24;
  font-size: 11px;
  font-weight: 900;
}

.onboarding-step-title {
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.28em;
  margin-bottom: 8px;
}

.onboarding-step-copy {
  color: rgba(255,255,255,0.45);
  font-size: 11px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.onboarding-step-active {
  border-color: rgba(251, 191, 36, 0.5);
  box-shadow: 0 0 35px rgba(251, 191, 36, 0.08);
}


/* ============================================================
   EXAMPLE SCAN PREVIEW MODULE
   Lightweight front-end preview only; does not call scanner logic.
   ============================================================ */
.example-scan-panel {
  background: var(--th-glass-bg);
  border: 1px solid var(--th-glass-border);
  box-shadow: 0 24px 70px rgba(0,0,0,0.18);
  padding: 0;
  overflow: hidden;
}

.example-scan-header {
  text-align: left;
  max-width: none;
  margin: 0;
}

.example-scan-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  border: 0;
  border-bottom: 1px solid rgb(39 39 42);
  background: rgba(39, 39, 42, 0.50);
  color: inherit;
  padding: 1rem;
  cursor: pointer;
  text-align: left;
  user-select: none;
  transition: background 180ms ease, border-color 180ms ease;
}

.example-scan-toggle:hover,
.example-scan-toggle:focus-visible {
  background: rgb(39 39 42);
  outline: none;
}

.example-scan-arrow {
  flex: 0 0 auto;
  color: var(--th-text-primary);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  transition: transform 180ms ease;
}

.example-scan-panel[data-open="true"] .example-scan-arrow {
  transform: rotate(180deg);
}

.example-scan-content {
  display: none;
  padding: clamp(18px, 3vw, 34px);
}

.example-scan-panel[data-open="true"] .example-scan-content {
  display: block;
}

.example-kicker,
.example-card-kicker {
  color: var(--th-accent);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: clamp(0.18em, 1.5vw, 0.42em);
}

.example-scan-title {
  display: none;
}

.example-scan-header p,
.example-card-copy {
  color: var(--th-text-secondary);
  font-size: clamp(12px, 1.8vw, 14px);
  line-height: 1.65;
}

.example-scan-layout {
  display: grid;
  grid-template-columns: minmax(220px, 0.38fr) minmax(0, 1fr);
  gap: clamp(16px, 3vw, 28px);
  align-items: stretch;
}

.example-scan-tabs {
  display: grid;
  gap: 12px;
  align-content: start;
}

.example-scan-tab {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--th-glass-border);
  background: color-mix(in srgb, var(--th-surface-panel) 80%, transparent);
  color: var(--th-text-muted);
  padding: 16px 14px;
  text-align: left;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: clamp(10px, 1.8vw, 12px);
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: clamp(0.08em, 1.1vw, 0.22em);
  line-height: 1.25;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, color 180ms ease, background 180ms ease;
}

.example-scan-tab:hover,
.example-scan-tab:focus-visible,
.example-scan-tab.is-active {
  color: var(--th-text-primary);
  border-color: color-mix(in srgb, var(--th-accent) 55%, transparent);
  background: color-mix(in srgb, var(--th-accent) 11%, var(--th-surface-panel));
  outline: none;
  transform: translateY(-1px);
}

.example-scan-card {
  min-width: 0;
  border: 1px solid var(--th-glass-border);
  background: color-mix(in srgb, var(--th-surface-panel) 88%, transparent);
  padding: clamp(16px, 2.6vw, 26px);
  display: grid;
  gap: 16px;
}

.example-card-title {
  color: var(--th-text-primary);
  font-size: clamp(18px, 3vw, 30px);
  font-weight: 950;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  line-height: 1.05;
}

.example-scan-image-frame {
  width: 100%;
  min-width: 0;
  background: color-mix(in srgb, var(--th-surface-panel) 74%, transparent);
  border: 1px solid color-mix(in srgb, var(--th-glass-border) 76%, transparent);
  padding: clamp(8px, 1.5vw, 14px);
  overflow: hidden;
}

.example-scan-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.example-mini-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.example-mini-box {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--th-glass-border) 80%, transparent);
  background: color-mix(in srgb, var(--th-glass-bg) 80%, transparent);
  padding: 12px 10px;
  text-align: center;
}

.example-mini-label {
  color: var(--th-text-muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  margin-bottom: 6px;
}

.example-mini-value {
  color: var(--th-accent-alt);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: clamp(11px, 2vw, 14px);
  font-weight: 950;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

/* ============================================================
   EXAMPLE SCAN SYMBOL FONT + ORACLE COLOR LOCK
   Keeps glyph identity, font fallback, and Scouter/Oracle colors stable.
   ============================================================ */

.hiero-glyph {
  font-family: 'Noto Sans Egyptian Hieroglyphs', 'Noto Sans Symbols 2', 'Noto Sans Symbols', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-variant-emoji: text !important;
  display: inline-block;
  line-height: 1;
  vertical-align: -0.08em;
}

.astro-symbol {
  font-family: 'Noto Sans Symbols 2', 'Noto Sans Symbols', 'Apple Symbols', 'Arial Unicode MS', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-variant-emoji: text !important;
  display: inline-block;
  line-height: 1;
  vertical-align: -0.08em;
}

/* Scouter / Oracle glyph color classes */
.glyph-vessel {
  color: var(--glyph-primary-vessel) !important;
}

.glyph-legendary,
.glyph-signal {
  color: var(--glyph-legendary, var(--glyph-tier-legendary)) !important;
}

.glyph-common {
  color: var(--glyph-common) !important;
}

.glyph-rare {
  color: var(--glyph-rare) !important;
}

.glyph-mythic {
  color: var(--glyph-mythic) !important;
}

/* Match labels to the glyph color when desired */
.example-mini-value.value-vessel {
  color: var(--glyph-primary-vessel) !important;
}

.example-mini-value.value-legendary,
.example-mini-value.value-signal {
  color: var(--glyph-tier-legendary) !important;
}

/* Typography tuning */
.example-card-title .hiero-glyph {
  font-size: 0.92em;
  margin: 0 0.08em;
}

.example-mini-value .hiero-glyph,
.example-mini-value .astro-symbol {
  font-size: 1.05em;
  margin-right: 0.35em;
}

body:not(.theme-prestige) .example-scan-panel,
body:not(.theme-prestige) .example-scan-toggle,
body:not(.theme-prestige) .example-scan-card {
  border-radius: var(--th-radius-lg);
}

/* Dreaming Flowers: keep the preview bar light, clean, and legible instead of muddy grey. */
body:not(.theme-prestige) .example-scan-toggle {
  background: rgba(255, 250, 247, 0.985) !important;
  border-bottom: 1px solid rgba(210, 155, 180, 0.32) !important;
  box-shadow: 0 2px 16px rgba(180, 100, 130, 0.09) !important;
}

body:not(.theme-prestige) .example-scan-toggle:hover,
body:not(.theme-prestige) .example-scan-toggle:focus-visible {
  background: rgba(255, 245, 249, 0.995) !important;
  border-bottom-color: rgba(212, 104, 138, 0.48) !important;
}

body:not(.theme-prestige) .example-scan-toggle .example-kicker,
body:not(.theme-prestige) .example-scan-arrow {
  color: var(--th-accent) !important;
  opacity: 1 !important;
}

body:not(.theme-prestige) .example-scan-tab,
body:not(.theme-prestige) .example-mini-box,
body:not(.theme-prestige) .example-scan-arrow,
body:not(.theme-prestige) .example-scan-image-frame {
  border-radius: var(--th-radius-md);
}

/* ============================================================
   EXAMPLE SCAN RARITY MATRIX LEGEND
   Reinforces canonical tier glyph + Unicode + color rules.
   ============================================================ */

.example-rarity-matrix {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 2px;
}

.example-rarity-chip {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--th-glass-border) 82%, transparent);
  background: color-mix(in srgb, var(--th-glass-bg) 84%, transparent);
  padding: 12px 10px;
  text-align: center;
}

.example-rarity-glyph {
  display: block;
  font-family: 'Noto Sans Egyptian Hieroglyphs', 'Noto Sans Symbols 2', 'Noto Sans Symbols', sans-serif !important;
  font-size: clamp(24px, 4vw, 38px);
  line-height: 1;
  margin-bottom: 8px;
}

.example-rarity-name {
  display: block;
  color: var(--th-text-primary);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  line-height: 1.2;
}

.example-rarity-meta {
  display: block;
  color: var(--th-text-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: 5px;
}

.example-rarity-chip.common .example-rarity-glyph,
.example-rarity-chip.common .example-rarity-meta {
  color: var(--glyph-common) !important;
}

.example-rarity-chip.rare .example-rarity-glyph,
.example-rarity-chip.rare .example-rarity-meta {
  color: var(--glyph-rare) !important;
}

.example-rarity-chip.legendary .example-rarity-glyph,
.example-rarity-chip.legendary .example-rarity-meta {
  color: var(--glyph-legendary) !important;
}

.example-rarity-chip.mythic .example-rarity-glyph,
.example-rarity-chip.mythic .example-rarity-meta {
  color: var(--glyph-mythic) !important;
}

body:not(.theme-prestige) .example-rarity-chip {
  border-radius: var(--th-radius-md);
}

@media (max-width: 767px) {
  .example-rarity-matrix {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .example-rarity-matrix {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .example-scan-layout {
    grid-template-columns: 1fr;
  }

  .example-scan-tabs {
    grid-template-columns: 1fr;
  }

  .example-scan-tab {
    text-align: center;
    padding: 14px 12px;
  }

  .example-mini-grid {
    grid-template-columns: 1fr;
  }
}

.example-rarity-matrix.is-hidden {
  display: none !important;
}

/* Fix for Flex/Grid blowout on mobile */
.glass {
    min-width: 0; /* Allows the box to shrink smaller than its content */
}



/* Mobile-Specific Padding Reduction */
@media (max-width: 768px) {
    .stat-box-container {
        padding: 15px 5px !important;
        min-height: 100px;
    }
}

/* MOBILE FIDELITY OVERRIDE */
@media (max-width: 768px) {
    /* Force the grid into a single column stack */
    .stat-grid-v2 {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    .stat-box-container {
        width: 100% !important;
        min-height: 80px !important; /* Shorter for vertical stacking */
        padding: 12px !important;
    }

    .stat-readout {
        font-size: 22pt !important; /* Larger, readable size for mobile */
        white-space: normal !important; /* Allow wrapping if absolutely necessary */
        text-align: center !important;
        width: 100% !important;
        display: block !important;
        position: static !important; /* Ensures no absolute positioning overlap */
    }
}

/* BIPOLAR TERMINAL STATES — now driven by CSS variables */
.terminal-sanctified { color: var(--th-terminal-sanctified) !important; text-shadow: 0 0 5px color-mix(in srgb, var(--th-terminal-sanctified) 50%, transparent); }
.terminal-void { color: var(--th-red) !important; text-shadow: 2px 2px 0px #000, -1px -1px 0px #fff; filter: saturate(2) contrast(1.5); }
.progress-bar-inner { height: 2px; background: var(--th-progress-bar); width: 0%; transition: width 0.3s ease; box-shadow: 0 0 15px var(--th-progress-bar); }
@keyframes glitch-shake { 0% { transform: translate(0); } 20% { transform: translate(-2px, 2px); } 40% { transform: translate(-2px, -2px); } 60% { transform: translate(2px, 2px); } 80% { transform: translate(2px, -2px); } 100% { transform: translate(0); } }
.void-shake { animation: glitch-shake 0.1s infinite; }

    /* 2. ESOTERIC TYPOGRAPHY */
    .glyph-font { font-family: 'Noto Sans Egyptian Hieroglyphs', sans-serif !important; }
    .symbol-font { font-family: 'Noto Sans Symbols', 'Noto Sans Symbols 2', sans-serif !important; font-variant-emoji: text !important; }
    .divine-arabic {
    font-family: 'Amiri', serif !important;
    direction: rtl;
    unicode-bidi: bidi-override;
    font-weight: 700;
    line-height: 1.0;
    text-align: center;
}
    .glyph-font { display: inline-block; }
    /* 3. CORE UI & MOBILE ASCENSION */
    body { background: var(--th-bg); color: var(--th-text-primary); font-family: 'Space Grotesk', sans-serif; overflow-x: hidden; scroll-behavior: smooth; }
    .glass {
    background: var(--th-glass-bg);
    border: 1px solid var(--th-glass-border);
}
    .tab-active { border-bottom: 5px solid var(--th-tab-active-border) !important; color: var(--th-tab-active-border) !important; font-weight: 900 !important; background: linear-gradient(to top, var(--th-tab-active-bg), transparent); }

    /* Mobile tab navigation: prevent SCAN_RESULTS / ASK_ORACLE / SAVED_SCANS from squeezing into each other. */
    .main-tab-nav {
        display: flex;
        width: 100%;
        min-width: 0;
    }
    .main-tab-button {
        min-width: 0;
        text-align: center;
        white-space: nowrap;
        overflow: visible;
        line-height: 1.25;
    }
    @media (max-width: 640px) {
        .main-tab-nav {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            overflow-x: visible !important;
            align-items: stretch !important;
        }
        .main-tab-button {
            width: 100% !important;
            min-width: 0 !important;
            flex: none !important;
            flex-grow: 0 !important;
            padding: 18px 4px !important;
            font-size: clamp(8px, 2.35vw, 10px) !important;
            letter-spacing: clamp(0.045em, 1.2vw, 0.16em) !important;
            white-space: nowrap !important;
            overflow: visible !important;
            text-overflow: clip !important;
            line-height: 1.22 !important;
        }
    }
    @media (max-width: 360px) {
        .main-tab-button {
            font-size: 7.5px !important;
            letter-spacing: 0.025em !important;
            padding-left: 2px !important;
            padding-right: 2px !important;
        }
    }
    
    /* INTENTION LOCK PERSISTENCE */
#intention-lock:checked + div {
  background: var(--th-intention-locked-bg) !important;
  color: var(--th-intention-locked-color) !important;
  border-color: var(--th-intention-locked-border) !important;
  box-shadow: 0 0 50px var(--th-intention-locked-shadow) !important;
  font-weight: 900;
}

    .output-box { height: 750px; overflow-y: auto; background: var(--th-output-bg); border-left: 6px solid var(--th-output-border); position: relative; scrollbar-width: thin; scrollbar-color: var(--th-scrollbar-thumb) var(--th-scrollbar-track); }
    .scouter-scanline { position: absolute; width: 100%; height: 6px; background: var(--th-scanline); opacity: 0.35; animation: scanline 5s linear infinite; pointer-events: none; z-index: 30; }
    
    .triptych-pillar { border: 1px solid color-mix(in srgb, var(--th-accent) 15%, transparent); background: var(--th-triptych-bg); padding: 40px 15px; text-align: center; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; transition: 0.5s; }
    .triptych-pillar:hover { border-color: var(--th-accent); transform: translateY(-5px); }

    .stat-readout { white-space: nowrap; font-weight: 900; font-size: 14px; line-height: 1.2; color: var(--th-accent); display: block; width: 100%; overflow: hidden; margin: 10px 0; }
    

    .nav-btn { background: color-mix(in srgb, var(--th-accent) 5%, transparent); border: 1px solid color-mix(in srgb, var(--th-accent) 30%, transparent); padding: 15px 40px; font-size: 11px; font-weight: 900; color: var(--th-accent); text-transform: uppercase; transition: all 0.4s; }
    
    #vessel-bay { background: var(--th-vessel-bg); border: 1px solid var(--th-vessel-border); padding: 45px; margin-bottom: 45px; color: var(--th-vessel-color); }
    .terminal-bead {
  font-family: 'Noto Sans Symbols', 'Noto Sans Symbols 2', 'Apple Symbols', 'Arial Unicode MS', sans-serif !important;
  font-variant-emoji: text !important;
  display: inline-block;
  transition: 0.4s;
  cursor: pointer;
}
    .terminal-bead:hover { transform: scale(1.6) translateY(-5px); color: #fff; }

.rosary-line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 3px;
    width: 100%;
    max-width: 100%;
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.95rem;
    line-height: 1.2;
}

.rosary-line .terminal-bead {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    white-space: nowrap;
    line-height: 1.2;
    padding-top: 2px;
    padding-bottom: 2px;
}


   @media (max-width: 768px) {
    body { border-width: 12px !important; padding: 10px !important; }
    .output-box { height: 500px; }
    .triptych-pillar { padding: 20px 10px; }
    .nav-btn { padding: 10px 5px; font-size: 9px; flex: 1; }

    .rosary-line {
        justify-content: center;
        align-items: center;
        gap: 2px;
        font-size: 0.82rem;
        line-height: 1.2;
        max-width: 100%;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .rosary-line .terminal-bead {
        line-height: 1.2;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .divine-arabic {
        font-size: 3.5rem !important;
        word-break: break-word;
    }
}

/* ============================================================
   GLOBAL OVERFLOW PREVENTION — SAFE VERSION
   Prevents layout blowout without destroying scan-card typography.
   ============================================================ */

* {
    min-width: 0;
    box-sizing: border-box;
}

/* Do NOT force word-break globally.
   It destroys metadata labels and scan descriptions. */
body,
.glass {
    overflow-wrap: normal;
    word-break: normal;
}

/* Only long machine strings should break aggressively. */
pre,
code,
.font-mono,
.break-words,
.truncate,
#scanner-output,
#filename-display,
#forge-source-name,
#forge-export-stem {
    overflow-wrap: anywhere;
    word-break: normal;
}

/* Prestige / Seraphim Export Studio opacity fix: keep controls fully readable over all backgrounds. */
body.theme-prestige #forge-overlay,
body.theme-prestige #forge-overlay .glass,
body.theme-prestige #forge-overlay .bg-black\/40,
body.theme-prestige #forge-overlay .bg-black\/95,
body.theme-prestige #forge-overlay .bg-black\/99 {
    background: #000000 !important;
    background-color: #000000 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.theme-prestige #forge-overlay .border-emerald-500\/20,
body.theme-prestige #forge-overlay .border-zinc-900,
body.theme-prestige #forge-overlay .border-zinc-800,
body.theme-prestige #forge-overlay .border-zinc-800\/80 {
    background-color: #000000 !important;
}

/* Codex & Legend canonical color locks: owl/legendary remains gold in every theme. */
#scanner-codex-legend .codex-legendary,
#scanner-codex-legend .codex-legendary *,
#scanner-codex-legend .codex-owl,
#scanner-codex-legend .codex-owl * {
    color: var(--glyph-legendary, #fbbf24) !important;
}

#scanner-codex-legend .codex-legendary-card {
    border-color: color-mix(in srgb, var(--glyph-legendary, #fbbf24) 42%, transparent) !important;
    background: color-mix(in srgb, var(--glyph-legendary, #fbbf24) 9%, var(--th-surface-panel)) !important;
}

body:not(.theme-prestige) #scanner-codex-legend .codex-legendary-card {
    border-color: rgba(245, 158, 11, 0.42) !important;
    background: rgba(255, 246, 224, 0.72) !important;
}

/* Grid/flex children may shrink, but text should not shatter. */
[class*="grid-cols"] > *,
.flex > * {
    min-width: 0;
}

/* Prevent the theme toggle from ever pushing outside the viewport */
#theme-toggle-btn {
    max-width: calc(100vw - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Slider rows: label and value never overflow */
label,
[id^="val-"] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

/* ============================================================
   DREAMING FLOWERS — SCAN CARD MASTER FIX v2
   Goal:
   - metadata name block centered and full-width
   - no clipped glyph labels
   - no shattered wrapping
   - desktop/export layout matches desired reference
   ============================================================ */

body:not(.theme-prestige) #tab-esoteric {
  background: rgba(255, 252, 249, 0.985) !important;
  color: var(--th-text-primary) !important;
  overflow: visible !important;
}

body:not(.theme-prestige) #esoteric-ui-content {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

/* Stop the old "font-mono anywhere" rule from wrecking labels inside the scan card */
body:not(.theme-prestige) #tab-esoteric,
body:not(.theme-prestige) #tab-esoteric * {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

/* Only true machine/hash text may break */
body:not(.theme-prestige) #tab-esoteric pre,
body:not(.theme-prestige) #tab-esoteric code,
body:not(.theme-prestige) #tab-esoteric .break-all {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* ── TOP GLYPH ROW ───────────────────────────────────────── */

body:not(.theme-prestige) #tab-esoteric > #esoteric-ui-content > .grid:first-child {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  align-items: stretch !important;
  margin-bottom: 56px !important;
}

body:not(.theme-prestige) #tab-esoteric .triptych-pillar {
  min-height: 260px !important;
  padding: 34px 18px 30px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  background: rgba(255, 252, 249, 0.98) !important;
  border: 1px solid rgba(210, 155, 180, 0.28) !important;
  border-radius: 24px !important;
  box-shadow: 0 10px 34px rgba(180, 100, 130, 0.08) !important;
  overflow: visible !important;
}

/* headings like PRIMARY / TIER / SECONDARY */
body:not(.theme-prestige) #tab-esoteric .triptych-pillar > div:first-child {
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.36em !important;
  color: rgba(90, 45, 66, 0.45) !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}

/* glyphs */
body:not(.theme-prestige) #tab-esoteric .triptych-pillar .glyph-font,
body:not(.theme-prestige) #tab-esoteric .triptych-pillar .symbol-font {
  line-height: 1 !important;
  display: block !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/* large center tier glyph can breathe */
body:not(.theme-prestige) #tab-esoteric .triptych-pillar .text-7xl,
body:not(.theme-prestige) #tab-esoteric .triptych-pillar .text-8xl {
  font-size: 5.2rem !important;
  line-height: 1 !important;
}

/* VESSEL / LEGENDARY / SIGNAL */
body:not(.theme-prestige) #tab-esoteric .triptych-pillar .text-\[9px\],
body:not(.theme-prestige) #tab-esoteric .triptych-pillar .text-\[10px\],
body:not(.theme-prestige) #tab-esoteric .triptych-pillar .break-words {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  overflow: visible !important;
  text-align: center !important;
  white-space: normal !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.08em !important;
  color: rgba(90, 45, 66, 0.95) !important;
  opacity: 1 !important;
}

/* ── METADATA CARD: force full-width centered block ───────── */

/* This targets the metadata card by its inner heading text/classes without needing new IDs */
body:not(.theme-prestige) #tab-esoteric .border-fuchsia-500\/20:has(.text-fuchsia-500),
body:not(.theme-prestige) #tab-esoteric .border-amber-500\/20:has(.text-amber-400) {
  width: 100% !important;
}

/* The actual outer metadata card usually contains INTENTION_METADATA + the Latin motto */
body:not(.theme-prestige) #tab-esoteric .grid + .glass,
body:not(.theme-prestige) #tab-esoteric .grid + div.glass,
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  grid-column: 1 / -1 !important;
}

/* Stronger specific metadata-card styling */
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) {
  padding: 72px 72px 78px !important;
  border: 1px solid rgba(74, 171, 135, 0.42) !important;
  border-radius: 30px !important;
  background: rgba(255, 252, 249, 0.99) !important;
  box-shadow:
    0 14px 44px rgba(74, 171, 135, 0.08),
    0 4px 22px rgba(180, 100, 130, 0.07) !important;
  text-align: center !important;
  overflow: visible !important;
}

/* INTENTION_METADATA label */
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) > .text-\[10px\] {
  font-size: 12px !important;
  letter-spacing: 0.55em !important;
  color: rgba(90, 45, 66, 0.38) !important;
  opacity: 1 !important;
  white-space: nowrap !important;
  margin-bottom: 42px !important;
}

/* Latin motto title */
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) h2,
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) .text-4xl,
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) .md\:text-6xl {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  font-size: clamp(34px, 4.2vw, 58px) !important;
  line-height: 1.28 !important;
  letter-spacing: 0.12em !important;
  color: #7f5a6b !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* Motto gloss quote */
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) .italic {
  display: block !important;
  margin: 24px auto 50px !important;
  text-align: center !important;
  color: rgba(90, 45, 66, 0.72) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
}

/* The two name boxes row */
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) .grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  align-items: stretch !important;
}

/* Divine + esoteric boxes */
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) .grid > div {
  min-height: 150px !important;
  padding: 34px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  overflow: visible !important;
  border-radius: 0 !important;
}

/* Divine + Esoteric name boxes — Dreaming Flowers should stay parchment, not muddy grey */
body:not(.theme-prestige) #tab-esoteric .scan-name-box,
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) .scan-name-box,
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) .border-amber-500\/20,
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) .border-fuchsia-500\/20 {
  background: rgba(255, 252, 249, 0.99) !important;
  background-color: rgba(255, 252, 249, 0.99) !important;
  border: 1px solid rgba(210, 155, 180, 0.26) !important;
  box-shadow: 0 8px 28px rgba(180, 100, 130, 0.045) !important;
}

body:not(.theme-prestige) #tab-esoteric .scan-name-box-divine {
  border-color: rgba(212, 104, 138, 0.24) !important;
}

body:not(.theme-prestige) #tab-esoteric .scan-name-box-esoteric {
  border-color: rgba(155, 126, 200, 0.22) !important;
}

/* DIVINE_NAME / ESOTERIC_NAME labels */
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) .grid .text-\[9px\] {
  font-size: 11px !important;
  letter-spacing: 0.42em !important;
  line-height: 1.2 !important;
  color: rgba(90, 45, 66, 0.36) !important;
  opacity: 1 !important;
  margin-bottom: 18px !important;
  white-space: nowrap !important;
}

/* THE ALL-AWARE + INWARD HIDDENNESS / INTERIOR DEPTH */
body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) .grid .font-black {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  font-size: clamp(18px, 2.3vw, 28px) !important;
  line-height: 1.25 !important;
  letter-spacing: 0.02em !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* ── SCORE CARDS ─────────────────────────────────────────── */

body:not(.theme-prestige) #tab-esoteric .stat-box-container {
  min-height: 142px !important;
  padding: 34px 18px !important;
  background: rgba(255, 252, 249, 0.98) !important;
  border: 1px solid rgba(210, 155, 180, 0.26) !important;
  border-radius: 24px !important;
  box-shadow: 0 8px 30px rgba(180, 100, 130, 0.07) !important;
}

body:not(.theme-prestige) #tab-esoteric .stat-label {
  font-size: 11px !important;
  letter-spacing: 0.38em !important;
  color: rgba(46, 107, 84, 0.48) !important;
  opacity: 1 !important;
}

body:not(.theme-prestige) #tab-esoteric .stat-readout {
  font-size: clamp(28px, 3.2vw, 42px) !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

/* Small 5-card row: celestial / zodiac / phi / avian / plant */
body:not(.theme-prestige) #tab-esoteric .grid-cols-2.md\:grid-cols-5 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 26px !important;
}

/* Make avian/plant cards readable and stop forced clipping */
body:not(.theme-prestige) #tab-esoteric .grid-cols-2.md\:grid-cols-5 .triptych-pillar {
  min-height: 210px !important;
  padding: 30px 14px !important;
}

body:not(.theme-prestige) #tab-esoteric .grid-cols-2.md\:grid-cols-5 .triptych-pillar .font-black {
  max-height: none !important;
  overflow: visible !important;
  line-height: 1.22 !important;
  white-space: normal !important;
  font-size: clamp(13px, 1.3vw, 18px) !important;
}

/* ── LOWER MANIFEST AREA ─────────────────────────────────── */

body:not(.theme-prestige) #scan-gate-content {
  background: rgba(255, 252, 249, 0.99) !important;
  border-radius: 28px !important;
  overflow: visible !important;
}

body:not(.theme-prestige) #tab-esoteric .border-l-4 {
  background: rgba(255, 252, 249, 0.98) !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 34px rgba(180, 100, 130, 0.06) !important;
  overflow: visible !important;
}

body:not(.theme-prestige) #tab-esoteric p,
body:not(.theme-prestige) #tab-esoteric .italic {
  color: rgba(90, 45, 66, 0.78) !important;
  line-height: 1.6 !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* Bird / plant buttons should not letter-wrap */
body:not(.theme-prestige) #tab-esoteric button,
body:not(.theme-prestige) #tab-esoteric button * {
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}

/* Mobile: keep it stacked but still clean */
@media (max-width: 768px) {
  body:not(.theme-prestige) #tab-esoteric > #esoteric-ui-content > .grid:first-child {
    grid-template-columns: 1fr !important;
  }

  body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) {
    padding: 44px 22px 48px !important;
  }

  body:not(.theme-prestige) #tab-esoteric div:has(> .text-\[10px\].tracking-\[0\.8em\]) .grid {
    grid-template-columns: 1fr !important;
  }

  /* Dreaming Flowers mobile render cards should keep the same box proportions
     as Seraphim Prestige: Celestial spans a full row, then Zodiac/Phi and
     Avian/Plant sit in balanced two-column rows. A single-column override made
     the existing col-span-2 card create implicit narrow tracks on iPhone Safari,
     clipping the Zodiac and Avian boxes. */
  body:not(.theme-prestige) #tab-esoteric .grid-cols-2.md\:grid-cols-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body:not(.theme-prestige) #tab-esoteric .grid-cols-2.md\:grid-cols-5 > .triptych-pillar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 190px !important;
    padding: 24px 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body:not(.theme-prestige) #tab-esoteric .grid-cols-2.md\:grid-cols-5 > .triptych-pillar:first-child {
    grid-column: 1 / -1 !important;
  }

  body:not(.theme-prestige) #tab-esoteric .grid-cols-2.md\:grid-cols-5 > .triptych-pillar .symbol-font {
    font-size: clamp(2.7rem, 14vw, 3.75rem) !important;
    line-height: 1 !important;
  }

  body:not(.theme-prestige) #tab-esoteric .grid-cols-2.md\:grid-cols-5 > .triptych-pillar > div:first-child {
    letter-spacing: 0.18em !important;
    white-space: normal !important;
  }
}

/* ============================================================
   PLANT MANIFEST FINAL FIX
   Fixes plant button wrapping + symbolism text crushing.
   ============================================================ */

.plant-manifest-card {
  overflow: visible !important;
}

.plant-manifest-title {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.plant-manifest-grid {
  display: grid !important;
  grid-template-columns: minmax(320px, 0.7fr) minmax(0, 1.3fr) !important;
  gap: 48px !important;
  align-items: center !important;
  width: 100% !important;
}

.plant-ref-button {
  min-height: 112px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: visible !important;
  border-radius: 10px !important;
}

.plant-ref-name {
  font-size: 15px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.08em !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.plant-ref-helper {
  font-size: 10px !important;
  line-height: 1.45 !important;
  letter-spacing: 0.22em !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.plant-symbolism-text {
  max-width: 680px !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-style: italic !important;
  color: rgba(90, 45, 66, 0.78) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  overflow: visible !important;
}



/* ============================================================
   SCAN CARD TEXT FLOW FIX v5
   Prevents print/export text overlap, word shattering, and letter-spacing collisions.
   ============================================================ */
.scan-card-panel,
.status-audit-card,
.avian-manifest-card,
.plant-manifest-card {
  overflow: visible !important;
  contain: none !important;
}

.scan-card-panel-title,
.plant-manifest-title {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  line-height: 1.35 !important;
}

.status-audit-main,
.scan-card-geometry,
.avian-symbolism-text,
.plant-symbolism-text {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  overflow: visible !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-transform: none !important;
  line-height: 1.75 !important;
}

.scan-card-geometry {
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  line-height: 1.7 !important;
}

.avian-ref-button,
.plant-ref-button {
  height: auto !important;
  min-height: max-content !important;
  overflow: visible !important;
}

.avian-ref-name,
.plant-ref-name {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  line-height: 1.35 !important;
}

.avian-ref-helper,
.plant-ref-helper {
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  line-height: 1.55 !important;
  letter-spacing: 0.16em !important;
}

/* Dreaming Flowers color polish */
body:not(.theme-prestige) .plant-manifest-card {
  background: rgba(255, 252, 249, 0.98) !important;
  border-left-color: rgba(74, 171, 135, 0.55) !important;
}

body:not(.theme-prestige) .plant-ref-button {
  background: rgba(232, 248, 240, 0.72) !important;
  border-color: rgba(74, 171, 135, 0.28) !important;
}

body:not(.theme-prestige) .plant-ref-name {
  color: #5a2d42 !important;
}

body:not(.theme-prestige) .plant-ref-helper {
  color: rgba(74, 171, 135, 0.82) !important;
}
/* Seraphim Prestige manifest readability: plant symbolism uses gold on the black scanner surface. */
body.theme-prestige .plant-manifest-card .plant-symbolism-text,
body.theme-prestige .plant-manifest-card .print-manifest-copy,
body.theme-prestige #tab-esoteric .print-manifest-plant .print-manifest-copy {
  color: rgba(251, 191, 36, 0.92) !important;
  text-shadow: 0 0 12px rgba(251, 191, 36, 0.16) !important;
}

@media (max-width: 768px) {
  .plant-manifest-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .plant-symbolism-text {
    max-width: 100% !important;
    text-align: left !important;
  }
}

/* ============================================================
   AVIAN / PLANT MANIFEST ISOLATED PRINT RESCUE
   These classes intentionally target only the two manifest boxes.
   They give the export renderer extra room and force readable word spacing
   without changing scan statistics, status audit, seal, or other fields.
   ============================================================ */
.print-manifest-rescue {
  overflow: visible !important;
  contain: none !important;
  isolation: auto !important;
}

.print-manifest-copy {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  overflow: visible !important;
  letter-spacing: 0.01em !important;
  word-spacing: 0.18em !important;
  line-height: 1.95 !important;
  font-style: normal !important;
  text-rendering: optimizeLegibility !important;
}

.print-manifest-plant .print-manifest-grid {
  align-items: start !important;
}