/**
 * File: assets/css/theme-bio.css
 * Version: 2.0.2
 * Description: Production Chatting.im Bio theme system with 39 validated presets, three preserved originals, 36 new mobile-first themes, 30 original local SVG backgrounds, responsive local font stacks, theme-matched links/socials/chat surfaces, uniform selector cards, legacy-key compatibility and isolated public-page styling.
 */

/* CI_BIO_THEME_GLOBAL_TRANSPARENCY_V1
   Main Bio surface: 90% transparent. Embedded chat shell, message area and
   input surfaces: 70% transparent. Content opacity is never changed. */

/* --------------------------------------------------------------------------
   Theme token contract
   -------------------------------------------------------------------------- */

[data-bio-theme] {
    --bio-theme-font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --bio-theme-page-background:
        radial-gradient(circle at 15% 8%, rgba(243, 199, 164, 0.55), transparent 28rem),
        radial-gradient(circle at 90% 15%, rgba(223, 238, 232, 0.95), transparent 26rem),
        linear-gradient(135deg, #f7f3ea, #eee6d5);
    --bio-theme-page-pattern:
        linear-gradient(rgba(23, 20, 17, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(23, 20, 17, 0.035) 1px, transparent 1px);
    --bio-theme-page-pattern-size: 38px 38px;
    --bio-theme-page-pattern-opacity: 1;

    --bio-theme-text: #171411;
    --bio-theme-muted: #756f65;
    --bio-theme-accent: #174f3f;
    --bio-theme-accent-2: #226a55;
    --bio-theme-accent-soft: #dfeee8;
    --bio-theme-danger: #a33a2e;

    --bio-theme-surface-background: rgba(255, 255, 255, 0.10);
    --bio-theme-surface-border: rgba(255, 255, 255, 0.76);
    --bio-theme-surface-shadow: 0 10px 30px rgba(52, 39, 21, 0.065);
    --bio-theme-surface-backdrop: none;

    --bio-theme-cover-background:
        radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.34), transparent 24%),
        linear-gradient(135deg, #f3c7a4 0%, #dfeee8 54%, #f7f3ea 100%);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(23, 20, 17, 0.08));

    --bio-theme-avatar-background: linear-gradient(135deg, #174f3f, #d9a441);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.94);
    --bio-theme-avatar-shadow: 0 10px 28px rgba(23, 79, 63, 0.16);

    --bio-theme-link-background: rgba(255, 255, 255, 0.96);
    --bio-theme-link-hover-background: #ffffff;
    --bio-theme-link-border: rgba(31, 24, 17, 0.10);
    --bio-theme-link-hover-border: rgba(23, 79, 63, 0.20);
    --bio-theme-link-text: #171411;
    --bio-theme-link-icon-background: rgba(223, 238, 232, 0.88);
    --bio-theme-link-icon-text: #174f3f;
    --bio-theme-link-arrow: #174f3f;
    --bio-theme-link-shadow: 0 7px 20px rgba(52, 39, 21, 0.052);
    --bio-theme-link-hover-shadow: 0 13px 30px rgba(52, 39, 21, 0.11);
    --bio-theme-link-radius: 22px;

    --bio-theme-social-background: rgba(255, 255, 255, 0.90);
    --bio-theme-social-hover-background: rgba(255, 255, 255, 0.98);
    --bio-theme-social-border: rgba(31, 24, 17, 0.10);
    --bio-theme-social-text: #174f3f;
    --bio-theme-social-shadow:
        0 10px 24px rgba(52, 39, 21, 0.08),
        0 1px 0 rgba(255, 255, 255, 0.90) inset;

    --bio-theme-contact-background: rgba(255, 255, 255, 0.88);
    --bio-theme-contact-border: rgba(31, 24, 17, 0.10);
    --bio-theme-contact-text: #174f3f;
    --bio-theme-contact-shadow: 0 8px 22px rgba(52, 39, 21, 0.06);

    --bio-theme-action-text: #174f3f;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #226a55;

    --bio-theme-chat-background: rgba(255, 255, 255, 0.30);
    --bio-theme-chat-border: rgba(31, 24, 17, 0.12);
    --bio-theme-chat-shadow: 0 10px 30px rgba(52, 39, 21, 0.065);
    --bio-theme-chat-messages-background: rgba(251, 248, 241, 0.30);
    --bio-theme-chat-input-background: rgba(251, 248, 241, 0.30);
    --bio-theme-chat-input-focus-background: rgba(255, 255, 255, 0.30);
    --bio-theme-chat-input-border: rgba(31, 24, 17, 0.12);
    --bio-theme-chat-placeholder: #756f65;
    --bio-theme-chat-visitor-background: #ffffff;
    --bio-theme-chat-visitor-text: #171411;
    --bio-theme-chat-visitor-border: rgba(31, 24, 17, 0.10);
    --bio-theme-chat-owner-background:
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.18), transparent 26%),
        linear-gradient(135deg, #174f3f, #226a55);
    --bio-theme-chat-owner-text: #ffffff;
    --bio-theme-chat-owner-border: rgba(23, 79, 63, 0.10);
    --bio-theme-send-background:
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.24), transparent 26%),
        linear-gradient(135deg, #174f3f, #226a55);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 10px 22px rgba(23, 79, 63, 0.20);

    --bio-theme-footer-background: rgba(255, 255, 255, 0.88);
    --bio-theme-footer-text: #174f3f;
    --bio-theme-footer-border: rgba(31, 24, 17, 0.10);
    --bio-theme-footer-shadow:
        0 14px 34px rgba(52, 39, 21, 0.12),
        0 1px 0 rgba(255, 255, 255, 0.92) inset;
    --bio-theme-mobile-footer-fade:
        linear-gradient(
            180deg,
            rgba(7, 15, 18, 0) 0%,
            rgba(7, 15, 18, 0.08) 28%,
            rgba(7, 15, 18, 0.42) 68%,
            rgba(7, 15, 18, 0.76) 100%
        );

    --bio-theme-focus-ring: rgba(23, 79, 63, 0.28);

    /* Bridge the current Bio/Public CSS variables without affecting dashboard UI. */
    --text: var(--bio-theme-text);
    --muted: var(--bio-theme-muted);
    --primary: var(--bio-theme-accent);
    --primary-2: var(--bio-theme-accent-2);
    --primary-soft: var(--bio-theme-accent-soft);
    --danger: var(--bio-theme-danger);
    --surface-solid: var(--bio-theme-chat-background);
    --surface-soft: var(--bio-theme-chat-messages-background);
    --line: var(--bio-theme-chat-border);
}

/* --------------------------------------------------------------------------
   Theme presets
   -------------------------------------------------------------------------- */

/* CI_BIO_THEME_COLLECTION_39_V1
   Three existing themes are preserved. The remaining 36 themes are a new local,
   mobile-first collection; 30 use original SVG backgrounds generated by run.sh. */

[data-bio-theme="chatting_classic"] {
    color-scheme: light;
}

[data-bio-theme="mineral_lime"] {
    color-scheme: dark;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(1, 30, 29, 0.06), rgba(0, 16, 18, 0.30)),
        url("/assets/img/bio-themes/mineral-lime.svg") center center / cover no-repeat;
    --bio-theme-page-pattern: none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #ccff00;
    --bio-theme-muted: #addc26;
    --bio-theme-accent: #ccff00;
    --bio-theme-accent-2: #91db00;
    --bio-theme-accent-soft: rgba(204, 255, 0, 0.16);
    --bio-theme-surface-background: rgba(0, 27, 29, 0.10);
--bio-theme-surface-border: transparent;
--bio-theme-surface-shadow: none;
--bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        linear-gradient(145deg, rgba(204, 255, 0, 0.20), rgba(0, 92, 82, 0.54)),
        url("/assets/img/bio-themes/mineral-lime.svg") center 35% / cover no-repeat;
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(0, 20, 20, 0.02), rgba(0, 20, 20, 0.30));
    --bio-theme-avatar-background: linear-gradient(135deg, #ccff00, #82cf00);
    --bio-theme-avatar-color: #062a24;
    --bio-theme-avatar-border: rgba(225, 255, 114, 0.92);
    --bio-theme-avatar-shadow:
        0 14px 36px rgba(0, 21, 22, 0.34),
        0 0 28px rgba(204, 255, 0, 0.16);
    --bio-theme-link-background: linear-gradient(135deg, #caff00 0%, #a7e900 100%);
    --bio-theme-link-hover-background: linear-gradient(135deg, #dcff44 0%, #b9f719 100%);
    --bio-theme-link-border: rgba(219, 255, 67, 0.82);
    --bio-theme-link-hover-border: rgba(239, 255, 153, 0.96);
    --bio-theme-link-text: #07322a;
    --bio-theme-link-icon-background: rgba(3, 54, 45, 0.12);
    --bio-theme-link-icon-text: #07322a;
    --bio-theme-link-arrow: #07322a;
    --bio-theme-link-shadow:
        0 12px 28px rgba(0, 26, 25, 0.22),
        0 1px 0 rgba(255, 255, 255, 0.45) inset;
    --bio-theme-link-hover-shadow:
        0 18px 40px rgba(0, 26, 25, 0.30),
        0 0 28px rgba(204, 255, 0, 0.18);
    --bio-theme-link-radius: 26px;
    --bio-theme-social-background: rgba(0, 34, 32, 0.50);
    --bio-theme-social-hover-background: rgba(8, 61, 52, 0.74);
    --bio-theme-social-border: rgba(204, 255, 0, 0.30);
    --bio-theme-social-text: #ccff00;
    --bio-theme-social-shadow: 0 12px 30px rgba(0, 18, 20, 0.28);
    --bio-theme-contact-background: rgba(0, 34, 32, 0.58);
    --bio-theme-contact-border: rgba(204, 255, 0, 0.30);
    --bio-theme-contact-text: #ccff00;
    --bio-theme-contact-shadow: 0 12px 30px rgba(0, 18, 20, 0.28);
    --bio-theme-action-text: #ccff00;
    --bio-theme-action-hover: #efffa8;
    --bio-theme-chat-background: rgba(0, 27, 29, 0.30);
    --bio-theme-chat-border: rgba(204, 255, 0, 0.24);
    --bio-theme-chat-shadow: 0 22px 56px rgba(0, 12, 15, 0.34);
    --bio-theme-chat-messages-background: rgba(0, 20, 23, 0.30);
    --bio-theme-chat-input-background: rgba(0, 34, 35, 0.30);
    --bio-theme-chat-input-focus-background: rgba(1, 47, 44, 0.30);
    --bio-theme-chat-input-border: rgba(204, 255, 0, 0.22);
    --bio-theme-chat-placeholder: #9bc56a;
    --bio-theme-chat-visitor-background: rgba(10, 59, 53, 0.90);
    --bio-theme-chat-visitor-text: #efffd2;
    --bio-theme-chat-visitor-border: rgba(204, 255, 0, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #caff00, #8bd600);
    --bio-theme-chat-owner-text: #07322a;
    --bio-theme-chat-owner-border: rgba(229, 255, 128, 0.42);
    --bio-theme-send-background: linear-gradient(135deg, #caff00, #8bd600);
    --bio-theme-send-text: #07322a;
    --bio-theme-send-shadow: 0 12px 28px rgba(0, 18, 20, 0.32), 0 0 22px rgba(204, 255, 0, 0.16);
    --bio-theme-footer-background: rgba(0, 34, 32, 0.70);
    --bio-theme-footer-text: #ccff00;
    --bio-theme-footer-border: rgba(204, 255, 0, 0.28);
    --bio-theme-footer-shadow: 0 16px 40px rgba(0, 16, 18, 0.34);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(0, 14, 16, 0), rgba(0, 14, 16, 0.94));
    --bio-theme-focus-ring: rgba(204, 255, 0, 0.44);
}

[data-bio-theme="on_air_red"] {
    color-scheme: dark;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(52, 0, 0, 0.10), rgba(18, 0, 0, 0.48)),
        url("/assets/img/bio-themes/on-air-red.svg") center center / cover no-repeat;
    --bio-theme-page-pattern: none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #fff0eb;
    --bio-theme-muted: #e7aaa0;
    --bio-theme-accent: #ff4b33;
    --bio-theme-accent-2: #d5160b;
    --bio-theme-accent-soft: rgba(255, 75, 51, 0.16);
    --bio-theme-surface-background: rgba(55, 2, 2, 0.10);
    --bio-theme-surface-border: rgba(255, 104, 83, 0.26);
    --bio-theme-surface-shadow:
        0 26px 72px rgba(20, 0, 0, 0.48),
        0 0 44px rgba(255, 44, 25, 0.08);
    --bio-theme-surface-backdrop: blur(8px) saturate(1.12);
    --bio-theme-cover-background:
        linear-gradient(135deg, rgba(255, 61, 37, 0.34), rgba(81, 0, 0, 0.72)),
        url("/assets/img/bio-themes/on-air-red.svg") center 28% / cover no-repeat;
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(34, 0, 0, 0.02), rgba(34, 0, 0, 0.40));
    --bio-theme-avatar-background: linear-gradient(135deg, #ff684f, #b40d08);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 218, 210, 0.88);
    --bio-theme-avatar-shadow: 0 14px 36px rgba(22, 0, 0, 0.42), 0 0 26px rgba(255, 58, 38, 0.18);
    --bio-theme-link-background:
        linear-gradient(180deg, rgba(121, 16, 10, 0.88), rgba(78, 5, 3, 0.92));
    --bio-theme-link-hover-background:
        linear-gradient(180deg, rgba(151, 22, 14, 0.96), rgba(96, 7, 4, 0.98));
    --bio-theme-link-border: rgba(255, 103, 84, 0.30);
    --bio-theme-link-hover-border: rgba(255, 151, 136, 0.62);
    --bio-theme-link-text: #fff0eb;
    --bio-theme-link-icon-background: rgba(255, 94, 72, 0.12);
    --bio-theme-link-icon-text: #ffb2a5;
    --bio-theme-link-arrow: #ff8b78;
    --bio-theme-link-shadow:
        0 12px 30px rgba(28, 0, 0, 0.34),
        0 1px 0 rgba(255, 255, 255, 0.08) inset;
    --bio-theme-link-hover-shadow:
        0 18px 42px rgba(28, 0, 0, 0.44),
        0 0 26px rgba(255, 43, 26, 0.16);
    --bio-theme-link-radius: 12px;
    --bio-theme-social-background: rgba(91, 7, 4, 0.72);
    --bio-theme-social-hover-background: rgba(132, 13, 8, 0.88);
    --bio-theme-social-border: rgba(255, 103, 84, 0.28);
    --bio-theme-social-text: #ffb2a5;
    --bio-theme-social-shadow: 0 12px 30px rgba(24, 0, 0, 0.34);
    --bio-theme-contact-background: rgba(91, 7, 4, 0.76);
    --bio-theme-contact-border: rgba(255, 103, 84, 0.28);
    --bio-theme-contact-text: #ffb2a5;
    --bio-theme-contact-shadow: 0 12px 30px rgba(24, 0, 0, 0.34);
    --bio-theme-action-text: #ffad9f;
    --bio-theme-action-hover: #ffffff;
    --bio-theme-chat-background: rgba(55, 2, 2, 0.30);
    --bio-theme-chat-border: rgba(255, 103, 84, 0.25);
    --bio-theme-chat-shadow: 0 24px 60px rgba(20, 0, 0, 0.42);
    --bio-theme-chat-messages-background: rgba(33, 0, 0, 0.30);
    --bio-theme-chat-input-background: rgba(61, 3, 2, 0.30);
    --bio-theme-chat-input-focus-background: rgba(86, 6, 4, 0.30);
    --bio-theme-chat-input-border: rgba(255, 103, 84, 0.24);
    --bio-theme-chat-placeholder: #c8897e;
    --bio-theme-chat-visitor-background: rgba(99, 13, 8, 0.92);
    --bio-theme-chat-visitor-text: #fff0eb;
    --bio-theme-chat-visitor-border: rgba(255, 103, 84, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #ff4b33, #b70e08);
    --bio-theme-chat-owner-text: #ffffff;
    --bio-theme-chat-owner-border: rgba(255, 171, 158, 0.22);
    --bio-theme-send-background: linear-gradient(135deg, #ff4b33, #b70e08);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(26, 0, 0, 0.42), 0 0 22px rgba(255, 58, 38, 0.14);
    --bio-theme-footer-background: rgba(72, 4, 2, 0.82);
    --bio-theme-footer-text: #ffb2a5;
    --bio-theme-footer-border: rgba(255, 103, 84, 0.27);
    --bio-theme-footer-shadow: 0 16px 40px rgba(20, 0, 0, 0.40);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(20, 0, 0, 0), rgba(20, 0, 0, 0.96));
    --bio-theme-focus-ring: rgba(255, 75, 51, 0.46);
}

[data-bio-theme="polar_glass"] {
    color-scheme: light;
    --bio-theme-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(223, 248, 255, 0.03), rgba(223, 248, 255, 0.13)),
        url("/assets/img/bio-themes/polar-glass.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #102a35;
    --bio-theme-muted: #52727d;
    --bio-theme-accent: #087f9c;
    --bio-theme-accent-2: #3ab8cd;
    --bio-theme-accent-soft: #d1f5fb;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(235, 251, 255, 0.10);
    --bio-theme-surface-border: rgba(16, 42, 53, 0.11);
    --bio-theme-surface-shadow: 0 22px 58px rgba(16, 42, 53, 0.14);
    --bio-theme-surface-backdrop: blur(12px) saturate(1.08);
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #087f9c, #3ab8cd 58%, #8ed9ea);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #087f9c, #3ab8cd);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(8, 127, 156, 0.22);
    --bio-theme-link-background: #eefcff;
    --bio-theme-link-hover-background: #e9fbfe;
    --bio-theme-link-border: rgba(8, 127, 156, 0.20);
    --bio-theme-link-hover-border: rgba(58, 184, 205, 0.38);
    --bio-theme-link-text: #102a35;
    --bio-theme-link-icon-background: #c3f2fa;
    --bio-theme-link-icon-text: #087f9c;
    --bio-theme-link-arrow: #087f9c;
    --bio-theme-link-shadow: 0 10px 26px rgba(16, 42, 53, 0.13);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(16, 42, 53, 0.24);
    --bio-theme-link-radius: 28px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 999px;
    --bio-theme-social-background: #e1f9fe;
    --bio-theme-social-hover-background: #ddf8fd;
    --bio-theme-social-border: rgba(8, 127, 156, 0.20);
    --bio-theme-social-text: #087f9c;
    --bio-theme-social-shadow: 0 10px 26px rgba(16, 42, 53, 0.13);
    --bio-theme-social-radius: 999px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #e1f9fe;
    --bio-theme-contact-border: rgba(8, 127, 156, 0.20);
    --bio-theme-contact-text: #087f9c;
    --bio-theme-contact-shadow: 0 10px 26px rgba(16, 42, 53, 0.13);
    --bio-theme-contact-radius: 999px;
    --bio-theme-action-text: #087f9c;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #3ab8cd;
    --bio-theme-chat-background: rgba(235, 251, 255, 0.30);
    --bio-theme-chat-border: rgba(16, 42, 53, 0.11);
    --bio-theme-chat-shadow: 0 22px 58px rgba(16, 42, 53, 0.14);
    --bio-theme-chat-radius: 30px;
    --bio-theme-chat-messages-background: rgba(218, 245, 251, 0.30);
    --bio-theme-chat-input-background: rgba(226, 249, 254, 0.30);
    --bio-theme-chat-input-focus-background: rgba(231, 250, 254, 0.30);
    --bio-theme-chat-input-border: rgba(8, 127, 156, 0.26);
    --bio-theme-chat-placeholder: #52727d;
    --bio-theme-chat-visitor-background: #effcff;
    --bio-theme-chat-visitor-text: #102a35;
    --bio-theme-chat-visitor-border: rgba(8, 127, 156, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #087f9c, #3ab8cd);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(58, 184, 205, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #087f9c, #3ab8cd);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(8, 127, 156, 0.30);
    --bio-theme-footer-background: #edfcff;
    --bio-theme-footer-text: #087f9c;
    --bio-theme-footer-border: rgba(8, 127, 156, 0.20);
    --bio-theme-footer-shadow: 0 16px 38px rgba(16, 42, 53, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(223, 248, 255, 0.00), rgba(223, 248, 255, 0.94));
    --bio-theme-focus-ring: rgba(8, 127, 156, 0.42);
}

[data-bio-theme="velvet_night"] {
    color-scheme: dark;
    --bio-theme-font-family: Optima, Candara, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 700;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(9, 6, 16, 0.04), rgba(9, 6, 16, 0.36)),
        url("/assets/img/bio-themes/velvet-night.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #fff3fb;
    --bio-theme-muted: #c9a9c8;
    --bio-theme-accent: #ef77c8;
    --bio-theme-accent-2: #9b5cff;
    --bio-theme-accent-soft: #331a38;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(22, 13, 27, 0.10);
    --bio-theme-surface-border: rgba(239, 119, 200, 0.00);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #ef77c8, #9b5cff 58%, #25102c);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #ef77c8, #9b5cff);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #1b101f;
    --bio-theme-link-hover-background: #392f3c;
    --bio-theme-link-border: rgba(239, 119, 200, 0.00);
    --bio-theme-link-hover-border: rgba(155, 92, 255, 0.18);
    --bio-theme-link-text: #fff3fb;
    --bio-theme-link-icon-background: #3a193b;
    --bio-theme-link-icon-text: #ff9cda;
    --bio-theme-link-arrow: #ff9cda;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 6px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 6px;
    --bio-theme-social-background: #241327;
    --bio-theme-social-hover-background: #27152b;
    --bio-theme-social-border: rgba(239, 119, 200, 0.00);
    --bio-theme-social-text: #ff9cda;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 8px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #241327;
    --bio-theme-contact-border: rgba(239, 119, 200, 0.00);
    --bio-theme-contact-text: #ff9cda;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 8px;
    --bio-theme-action-text: #ff9cda;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #9b5cff;
    --bio-theme-chat-background: rgba(22, 13, 27, 0.30);
    --bio-theme-chat-border: rgba(239, 119, 200, 0.00);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 12px;
    --bio-theme-chat-messages-background: rgba(25, 14, 30, 0.30);
    --bio-theme-chat-input-background: rgba(30, 16, 34, 0.30);
    --bio-theme-chat-input-focus-background: rgba(29, 16, 33, 0.30);
    --bio-theme-chat-input-border: rgba(239, 119, 200, 0.26);
    --bio-theme-chat-placeholder: #c9a9c8;
    --bio-theme-chat-visitor-background: #190e1e;
    --bio-theme-chat-visitor-text: #fff3fb;
    --bio-theme-chat-visitor-border: rgba(239, 119, 200, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #ef77c8, #9b5cff);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(155, 92, 255, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #ef77c8, #9b5cff);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(239, 119, 200, 0.30);
    --bio-theme-footer-background: #1a0f1e;
    --bio-theme-footer-text: #ff9cda;
    --bio-theme-footer-border: rgba(239, 119, 200, 0.00);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(9, 6, 16, 0.00), rgba(9, 6, 16, 0.94));
    --bio-theme-focus-ring: rgba(239, 119, 200, 0.42);
}

[data-bio-theme="candy_static"] {
    color-scheme: light;
    --bio-theme-font-family: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
    --bio-theme-heading-font-family: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(255, 242, 251, 0.03), rgba(255, 242, 251, 0.13)),
        url("/assets/img/bio-themes/candy-static.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #37142d;
    --bio-theme-muted: #76536d;
    --bio-theme-accent: #d51b8e;
    --bio-theme-accent-2: #7047db;
    --bio-theme-accent-soft: #ffe0f4;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(255, 246, 253, 0.10);
    --bio-theme-surface-border: rgba(55, 20, 45, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(55, 20, 45, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #d51b8e, #7047db 58%, #ff83cf);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #d51b8e, #7047db);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(213, 27, 142, 0.22);
    --bio-theme-link-background: #fff7fd;
    --bio-theme-link-hover-background: #fff3fb;
    --bio-theme-link-border: rgba(213, 27, 142, 0.52);
    --bio-theme-link-hover-border: rgba(112, 71, 219, 0.70);
    --bio-theme-link-text: #37142d;
    --bio-theme-link-icon-background: #ffd5ef;
    --bio-theme-link-icon-text: #c21680;
    --bio-theme-link-arrow: #c21680;
    --bio-theme-link-shadow: 0 10px 26px rgba(55, 20, 45, 0.13);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(55, 20, 45, 0.24);
    --bio-theme-link-radius: 30px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 14px;
    --bio-theme-social-background: #ffedf9;
    --bio-theme-social-hover-background: #ffeaf8;
    --bio-theme-social-border: rgba(213, 27, 142, 0.52);
    --bio-theme-social-text: #c21680;
    --bio-theme-social-shadow: 0 10px 26px rgba(55, 20, 45, 0.13);
    --bio-theme-social-radius: 999px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #ffedf9;
    --bio-theme-contact-border: rgba(213, 27, 142, 0.52);
    --bio-theme-contact-text: #c21680;
    --bio-theme-contact-shadow: 0 10px 26px rgba(55, 20, 45, 0.13);
    --bio-theme-contact-radius: 999px;
    --bio-theme-action-text: #c21680;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #7047db;
    --bio-theme-chat-background: rgba(255, 246, 253, 0.30);
    --bio-theme-chat-border: rgba(55, 20, 45, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(55, 20, 45, 0.14);
    --bio-theme-chat-radius: 28px;
    --bio-theme-chat-messages-background: rgba(255, 225, 245, 0.30);
    --bio-theme-chat-input-background: rgba(255, 239, 250, 0.30);
    --bio-theme-chat-input-focus-background: rgba(255, 242, 251, 0.30);
    --bio-theme-chat-input-border: rgba(213, 27, 142, 0.26);
    --bio-theme-chat-placeholder: #76536d;
    --bio-theme-chat-visitor-background: #fff8fd;
    --bio-theme-chat-visitor-text: #37142d;
    --bio-theme-chat-visitor-border: rgba(213, 27, 142, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #d51b8e, #7047db);
    --bio-theme-chat-owner-text: #ffffff;
    --bio-theme-chat-owner-border: rgba(112, 71, 219, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #d51b8e, #7047db);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(213, 27, 142, 0.30);
    --bio-theme-footer-background: #fff7fd;
    --bio-theme-footer-text: #c21680;
    --bio-theme-footer-border: rgba(213, 27, 142, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(55, 20, 45, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(255, 242, 251, 0.00), rgba(255, 242, 251, 0.94));
    --bio-theme-focus-ring: rgba(213, 27, 142, 0.42);
}

[data-bio-theme="ocean_circuit"] {
    color-scheme: dark;
    --bio-theme-font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --bio-theme-heading-font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(4, 25, 35, 0.04), rgba(4, 25, 35, 0.36)),
        url("/assets/img/bio-themes/ocean-circuit.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #e9fdff;
    --bio-theme-muted: #8ebbc2;
    --bio-theme-accent: #27e6d2;
    --bio-theme-accent-2: #28a8ff;
    --bio-theme-accent-soft: #0a3a43;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(7, 37, 48, 0.10);
    --bio-theme-surface-border: rgba(39, 230, 210, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #27e6d2, #28a8ff 58%, #06384a);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #27e6d2, #28a8ff);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #082a35;
    --bio-theme-link-hover-background: #28464f;
    --bio-theme-link-border: rgba(39, 230, 210, 0.52);
    --bio-theme-link-hover-border: rgba(40, 168, 255, 0.70);
    --bio-theme-link-text: #e9fdff;
    --bio-theme-link-icon-background: #0d4853;
    --bio-theme-link-icon-text: #34f3df;
    --bio-theme-link-arrow: #34f3df;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 10px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 4px;
    --bio-theme-social-background: #0a333e;
    --bio-theme-social-hover-background: #0a353f;
    --bio-theme-social-border: rgba(39, 230, 210, 0.52);
    --bio-theme-social-text: #34f3df;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 10px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #0a333e;
    --bio-theme-contact-border: rgba(39, 230, 210, 0.52);
    --bio-theme-contact-text: #34f3df;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 10px;
    --bio-theme-action-text: #34f3df;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #28a8ff;
    --bio-theme-chat-background: rgba(7, 37, 48, 0.30);
    --bio-theme-chat-border: rgba(39, 230, 210, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 14px;
    --bio-theme-chat-messages-background: rgba(7, 40, 53, 0.30);
    --bio-theme-chat-input-background: rgba(8, 45, 56, 0.30);
    --bio-theme-chat-input-focus-background: rgba(8, 44, 55, 0.30);
    --bio-theme-chat-input-border: rgba(39, 230, 210, 0.26);
    --bio-theme-chat-placeholder: #8ebbc2;
    --bio-theme-chat-visitor-background: #072835;
    --bio-theme-chat-visitor-text: #e9fdff;
    --bio-theme-chat-visitor-border: rgba(39, 230, 210, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #27e6d2, #28a8ff);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(40, 168, 255, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #27e6d2, #28a8ff);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(39, 230, 210, 0.30);
    --bio-theme-footer-background: #082934;
    --bio-theme-footer-text: #34f3df;
    --bio-theme-footer-border: rgba(39, 230, 210, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(4, 25, 35, 0.00), rgba(4, 25, 35, 0.94));
    --bio-theme-focus-ring: rgba(39, 230, 210, 0.42);
}

[data-bio-theme="paper_moon"] {
    color-scheme: light;
    --bio-theme-font-family: Georgia, "Times New Roman", Times, serif;
    --bio-theme-heading-font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
    --bio-theme-heading-font-style: italic;
    --bio-theme-heading-font-weight: 700;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.52), transparent 26rem),
        radial-gradient(circle at 88% 16%, rgba(63, 70, 82, 0.24), transparent 28rem),
        linear-gradient(145deg, #f5f1e8, #ddd7ca 56%, #fbfaf6);
    --bio-theme-page-pattern:
        linear-gradient(rgba(35, 33, 31, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(35, 33, 31, 0.04) 1px, transparent 1px);
    --bio-theme-page-pattern-size: 34px 34px;
    --bio-theme-page-pattern-opacity: 1;
    --bio-theme-text: #23211f;
    --bio-theme-muted: #716c64;
    --bio-theme-accent: #3f4652;
    --bio-theme-accent-2: #8b7760;
    --bio-theme-accent-soft: #e8e2d7;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(253, 251, 245, 0.10);
    --bio-theme-surface-border: rgba(35, 33, 31, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(35, 33, 31, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #3f4652, #8b7760 58%, #ddd7ca);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #3f4652, #8b7760);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(63, 70, 82, 0.22);
    --bio-theme-link-background: #fffdf8;
    --bio-theme-link-hover-background: #fbf8f2;
    --bio-theme-link-border: rgba(63, 70, 82, 0.52);
    --bio-theme-link-hover-border: rgba(139, 119, 96, 0.70);
    --bio-theme-link-text: #23211f;
    --bio-theme-link-icon-background: #ebe5da;
    --bio-theme-link-icon-text: #3f4652;
    --bio-theme-link-arrow: #3f4652;
    --bio-theme-link-shadow: none;
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(35, 33, 31, 0.24);
    --bio-theme-link-radius: 2px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 2px;
    --bio-theme-social-background: #f9f6ef;
    --bio-theme-social-hover-background: #f5f2ea;
    --bio-theme-social-border: rgba(63, 70, 82, 0.52);
    --bio-theme-social-text: #3f4652;
    --bio-theme-social-shadow: none;
    --bio-theme-social-radius: 2px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #f9f6ef;
    --bio-theme-contact-border: rgba(63, 70, 82, 0.52);
    --bio-theme-contact-text: #3f4652;
    --bio-theme-contact-shadow: none;
    --bio-theme-contact-radius: 2px;
    --bio-theme-action-text: #3f4652;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #8b7760;
    --bio-theme-chat-background: rgba(253, 251, 245, 0.30);
    --bio-theme-chat-border: rgba(35, 33, 31, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(35, 33, 31, 0.14);
    --bio-theme-chat-radius: 4px;
    --bio-theme-chat-messages-background: rgba(247, 245, 237, 0.30);
    --bio-theme-chat-input-background: rgba(249, 246, 239, 0.30);
    --bio-theme-chat-input-focus-background: rgba(250, 248, 242, 0.30);
    --bio-theme-chat-input-border: rgba(63, 70, 82, 0.26);
    --bio-theme-chat-placeholder: #716c64;
    --bio-theme-chat-visitor-background: #fdfcf7;
    --bio-theme-chat-visitor-text: #23211f;
    --bio-theme-chat-visitor-border: rgba(63, 70, 82, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #3f4652, #8b7760);
    --bio-theme-chat-owner-text: #ffffff;
    --bio-theme-chat-owner-border: rgba(139, 119, 96, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #3f4652, #8b7760);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(63, 70, 82, 0.30);
    --bio-theme-footer-background: #fffdf7;
    --bio-theme-footer-text: #3f4652;
    --bio-theme-footer-border: rgba(63, 70, 82, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(35, 33, 31, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(245, 241, 232, 0.00), rgba(245, 241, 232, 0.94));
    --bio-theme-focus-ring: rgba(63, 70, 82, 0.42);
}

[data-bio-theme="solar_flare"] {
    color-scheme: light;
    --bio-theme-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 900;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(255, 237, 140, 0.03), rgba(255, 237, 140, 0.13)),
        url("/assets/img/bio-themes/solar-flare.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #321507;
    --bio-theme-muted: #7a4323;
    --bio-theme-accent: #b92f0a;
    --bio-theme-accent-2: #ff7b00;
    --bio-theme-accent-soft: #ffe1a6;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(255, 240, 176, 0.10);
    --bio-theme-surface-border: rgba(50, 21, 7, 0.00);
    --bio-theme-surface-shadow: 0 22px 58px rgba(50, 21, 7, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #b92f0a, #ff7b00 58%, #ff9828);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #b92f0a, #ff7b00);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(185, 47, 10, 0.22);
    --bio-theme-link-background: #fff1b8;
    --bio-theme-link-hover-background: #ffeeb5;
    --bio-theme-link-border: rgba(185, 47, 10, 0.00);
    --bio-theme-link-hover-border: rgba(255, 123, 0, 0.18);
    --bio-theme-link-text: #321507;
    --bio-theme-link-icon-background: #ffca51;
    --bio-theme-link-icon-text: #7a2300;
    --bio-theme-link-arrow: #7a2300;
    --bio-theme-link-shadow: 0 10px 26px rgba(50, 21, 7, 0.13);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(50, 21, 7, 0.24);
    --bio-theme-link-radius: 999px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 999px;
    --bio-theme-social-background: #ffe599;
    --bio-theme-social-hover-background: #ffe49c;
    --bio-theme-social-border: rgba(185, 47, 10, 0.00);
    --bio-theme-social-text: #7a2300;
    --bio-theme-social-shadow: 0 10px 26px rgba(50, 21, 7, 0.13);
    --bio-theme-social-radius: 999px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #ffe599;
    --bio-theme-contact-border: rgba(185, 47, 10, 0.00);
    --bio-theme-contact-text: #7a2300;
    --bio-theme-contact-shadow: 0 10px 26px rgba(50, 21, 7, 0.13);
    --bio-theme-contact-radius: 999px;
    --bio-theme-action-text: #7a2300;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #ff7b00;
    --bio-theme-chat-background: rgba(255, 240, 176, 0.30);
    --bio-theme-chat-border: rgba(50, 21, 7, 0.00);
    --bio-theme-chat-shadow: 0 22px 58px rgba(50, 21, 7, 0.14);
    --bio-theme-chat-radius: 32px;
    --bio-theme-chat-messages-background: rgba(255, 224, 152, 0.30);
    --bio-theme-chat-input-background: rgba(255, 232, 155, 0.30);
    --bio-theme-chat-input-focus-background: rgba(255, 236, 173, 0.30);
    --bio-theme-chat-input-border: rgba(185, 47, 10, 0.26);
    --bio-theme-chat-placeholder: #7a4323;
    --bio-theme-chat-visitor-background: #fff3be;
    --bio-theme-chat-visitor-text: #321507;
    --bio-theme-chat-visitor-border: rgba(185, 47, 10, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #b92f0a, #ff7b00);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(255, 123, 0, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #b92f0a, #ff7b00);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(185, 47, 10, 0.30);
    --bio-theme-footer-background: #fff1b7;
    --bio-theme-footer-text: #7a2300;
    --bio-theme-footer-border: rgba(185, 47, 10, 0.00);
    --bio-theme-footer-shadow: 0 16px 38px rgba(50, 21, 7, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(255, 237, 140, 0.00), rgba(255, 237, 140, 0.94));
    --bio-theme-focus-ring: rgba(185, 47, 10, 0.42);
}

[data-bio-theme="chrome_pulse"] {
    color-scheme: dark;
    --bio-theme-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(9, 12, 19, 0.04), rgba(9, 12, 19, 0.36)),
        url("/assets/img/bio-themes/chrome-pulse.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #f5fbff;
    --bio-theme-muted: #a9bac9;
    --bio-theme-accent: #70d6ff;
    --bio-theme-accent-2: #778bff;
    --bio-theme-accent-soft: #1b2b3a;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(20, 29, 40, 0.10);
    --bio-theme-surface-border: rgba(112, 214, 255, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #70d6ff, #778bff 58%, #293849);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #70d6ff, #778bff);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #182330;
    --bio-theme-link-hover-background: #36404b;
    --bio-theme-link-border: rgba(112, 214, 255, 0.52);
    --bio-theme-link-hover-border: rgba(119, 139, 255, 0.70);
    --bio-theme-link-text: #f5fbff;
    --bio-theme-link-icon-background: #2b3f50;
    --bio-theme-link-icon-text: #8ee1ff;
    --bio-theme-link-arrow: #8ee1ff;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 14px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 8px;
    --bio-theme-social-background: #1e2b3a;
    --bio-theme-social-hover-background: #1d2b3a;
    --bio-theme-social-border: rgba(112, 214, 255, 0.52);
    --bio-theme-social-text: #8ee1ff;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 14px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #1e2b3a;
    --bio-theme-contact-border: rgba(112, 214, 255, 0.52);
    --bio-theme-contact-text: #8ee1ff;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 14px;
    --bio-theme-action-text: #8ee1ff;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #778bff;
    --bio-theme-chat-background: rgba(20, 29, 40, 0.30);
    --bio-theme-chat-border: rgba(112, 214, 255, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 18px;
    --bio-theme-chat-messages-background: rgba(24, 34, 46, 0.30);
    --bio-theme-chat-input-background: rgba(25, 36, 49, 0.30);
    --bio-theme-chat-input-focus-background: rgba(25, 36, 49, 0.30);
    --bio-theme-chat-input-border: rgba(112, 214, 255, 0.26);
    --bio-theme-chat-placeholder: #a9bac9;
    --bio-theme-chat-visitor-background: #18222e;
    --bio-theme-chat-visitor-text: #f5fbff;
    --bio-theme-chat-visitor-border: rgba(112, 214, 255, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #70d6ff, #778bff);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(119, 139, 255, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #70d6ff, #778bff);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(112, 214, 255, 0.30);
    --bio-theme-footer-background: #17222f;
    --bio-theme-footer-text: #8ee1ff;
    --bio-theme-footer-border: rgba(112, 214, 255, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(9, 12, 19, 0.00), rgba(9, 12, 19, 0.94));
    --bio-theme-focus-ring: rgba(112, 214, 255, 0.42);
}

[data-bio-theme="moss_temple"] {
    color-scheme: dark;
    --bio-theme-font-family: Optima, Candara, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: Georgia, "Times New Roman", Times, serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 700;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(13, 26, 19, 0.04), rgba(13, 26, 19, 0.36)),
        url("/assets/img/bio-themes/moss-temple.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #f1f3df;
    --bio-theme-muted: #b7bea1;
    --bio-theme-accent: #b8d15d;
    --bio-theme-accent-2: #6e9b6c;
    --bio-theme-accent-soft: #283a29;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(20, 34, 25, 0.10);
    --bio-theme-surface-border: rgba(184, 209, 93, 0.11);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: blur(12px) saturate(1.08);
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #b8d15d, #6e9b6c 58%, #264530);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #b8d15d, #6e9b6c);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #17251b;
    --bio-theme-link-hover-background: #354139;
    --bio-theme-link-border: rgba(184, 209, 93, 0.20);
    --bio-theme-link-hover-border: rgba(110, 155, 108, 0.38);
    --bio-theme-link-text: #f1f3df;
    --bio-theme-link-icon-background: #30452f;
    --bio-theme-link-icon-text: #cae06f;
    --bio-theme-link-arrow: #cae06f;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 4px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 2px;
    --bio-theme-social-background: #1e2f21;
    --bio-theme-social-hover-background: #203123;
    --bio-theme-social-border: rgba(184, 209, 93, 0.20);
    --bio-theme-social-text: #cae06f;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 4px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #1e2f21;
    --bio-theme-contact-border: rgba(184, 209, 93, 0.20);
    --bio-theme-contact-text: #cae06f;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 4px;
    --bio-theme-action-text: #cae06f;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #6e9b6c;
    --bio-theme-chat-background: rgba(20, 34, 25, 0.30);
    --bio-theme-chat-border: rgba(184, 209, 93, 0.11);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 8px;
    --bio-theme-chat-messages-background: rgba(23, 40, 29, 0.30);
    --bio-theme-chat-input-background: rgba(26, 42, 30, 0.30);
    --bio-theme-chat-input-focus-background: rgba(25, 41, 29, 0.30);
    --bio-theme-chat-input-border: rgba(184, 209, 93, 0.26);
    --bio-theme-chat-placeholder: #b7bea1;
    --bio-theme-chat-visitor-background: #17281d;
    --bio-theme-chat-visitor-text: #f1f3df;
    --bio-theme-chat-visitor-border: rgba(184, 209, 93, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #b8d15d, #6e9b6c);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(110, 155, 108, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #b8d15d, #6e9b6c);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(184, 209, 93, 0.30);
    --bio-theme-footer-background: #16241b;
    --bio-theme-footer-text: #cae06f;
    --bio-theme-footer-border: rgba(184, 209, 93, 0.20);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(13, 26, 19, 0.00), rgba(13, 26, 19, 0.94));
    --bio-theme-focus-ring: rgba(184, 209, 93, 0.42);
}

[data-bio-theme="pixel_sunset"] {
    color-scheme: dark;
    --bio-theme-font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --bio-theme-heading-font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 900;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: uppercase;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(36, 16, 71, 0.04), rgba(36, 16, 71, 0.36)),
        url("/assets/img/bio-themes/pixel-sunset.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #fff8ef;
    --bio-theme-muted: #d7b7d3;
    --bio-theme-accent: #ffcf4a;
    --bio-theme-accent-2: #ff4b97;
    --bio-theme-accent-soft: #42204d;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(48, 22, 68, 0.10);
    --bio-theme-surface-border: rgba(255, 207, 74, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #ffcf4a, #ff4b97 58%, #cf3f88);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #ffcf4a, #ff4b97);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #351843;
    --bio-theme-link-hover-background: #4f365b;
    --bio-theme-link-border: rgba(255, 207, 74, 0.52);
    --bio-theme-link-hover-border: rgba(255, 75, 151, 0.70);
    --bio-theme-link-text: #fff8ef;
    --bio-theme-link-icon-background: #5b2355;
    --bio-theme-link-icon-text: #ffd85f;
    --bio-theme-link-arrow: #ffd85f;
    --bio-theme-link-shadow: none;
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 0px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 0px;
    --bio-theme-social-background: #401b48;
    --bio-theme-social-hover-background: #401c49;
    --bio-theme-social-border: rgba(255, 207, 74, 0.52);
    --bio-theme-social-text: #ffd85f;
    --bio-theme-social-shadow: none;
    --bio-theme-social-radius: 0px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #401b48;
    --bio-theme-contact-border: rgba(255, 207, 74, 0.52);
    --bio-theme-contact-text: #ffd85f;
    --bio-theme-contact-shadow: none;
    --bio-theme-contact-radius: 0px;
    --bio-theme-action-text: #ffd85f;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #ff4b97;
    --bio-theme-chat-background: rgba(48, 22, 68, 0.30);
    --bio-theme-chat-border: rgba(255, 207, 74, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 0px;
    --bio-theme-chat-messages-background: rgba(77, 29, 80, 0.30);
    --bio-theme-chat-input-background: rgba(57, 25, 72, 0.30);
    --bio-theme-chat-input-focus-background: rgba(56, 25, 71, 0.30);
    --bio-theme-chat-input-border: rgba(255, 207, 74, 0.26);
    --bio-theme-chat-placeholder: #d7b7d3;
    --bio-theme-chat-visitor-background: #4d1d50;
    --bio-theme-chat-visitor-text: #fff8ef;
    --bio-theme-chat-visitor-border: rgba(255, 207, 74, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #ffcf4a, #ff4b97);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(255, 75, 151, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #ffcf4a, #ff4b97);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(255, 207, 74, 0.30);
    --bio-theme-footer-background: #341843;
    --bio-theme-footer-text: #ffd85f;
    --bio-theme-footer-border: rgba(255, 207, 74, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(36, 16, 71, 0.00), rgba(36, 16, 71, 0.94));
    --bio-theme-focus-ring: rgba(255, 207, 74, 0.42);
}

[data-bio-theme="ink_blossom"] {
    color-scheme: light;
    --bio-theme-font-family: Georgia, "Times New Roman", Times, serif;
    --bio-theme-heading-font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
    --bio-theme-heading-font-style: italic;
    --bio-theme-heading-font-weight: 700;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(251, 245, 239, 0.03), rgba(251, 245, 239, 0.13)),
        url("/assets/img/bio-themes/ink-blossom.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #2b1d22;
    --bio-theme-muted: #776269;
    --bio-theme-accent: #7c2948;
    --bio-theme-accent-2: #b4657f;
    --bio-theme-accent-soft: #f0dce3;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(254, 249, 246, 0.10);
    --bio-theme-surface-border: rgba(43, 29, 34, 0.00);
    --bio-theme-surface-shadow: 0 22px 58px rgba(43, 29, 34, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #7c2948, #b4657f 58%, #e7d8d1);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #7c2948, #b4657f);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(124, 41, 72, 0.22);
    --bio-theme-link-background: #fffaf7;
    --bio-theme-link-hover-background: #fcf5f3;
    --bio-theme-link-border: rgba(124, 41, 72, 0.00);
    --bio-theme-link-hover-border: rgba(180, 101, 127, 0.18);
    --bio-theme-link-text: #2b1d22;
    --bio-theme-link-icon-background: #f0d5df;
    --bio-theme-link-icon-text: #7c2948;
    --bio-theme-link-arrow: #7c2948;
    --bio-theme-link-shadow: 0 10px 26px rgba(43, 29, 34, 0.13);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(43, 29, 34, 0.24);
    --bio-theme-link-radius: 18px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 999px;
    --bio-theme-social-background: #faeff0;
    --bio-theme-social-hover-background: #f8ebed;
    --bio-theme-social-border: rgba(124, 41, 72, 0.00);
    --bio-theme-social-text: #7c2948;
    --bio-theme-social-shadow: 0 10px 26px rgba(43, 29, 34, 0.13);
    --bio-theme-social-radius: 999px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #faeff0;
    --bio-theme-contact-border: rgba(124, 41, 72, 0.00);
    --bio-theme-contact-text: #7c2948;
    --bio-theme-contact-shadow: 0 10px 26px rgba(43, 29, 34, 0.13);
    --bio-theme-contact-radius: 999px;
    --bio-theme-action-text: #7c2948;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #b4657f;
    --bio-theme-chat-background: rgba(254, 249, 246, 0.30);
    --bio-theme-chat-border: rgba(43, 29, 34, 0.00);
    --bio-theme-chat-shadow: 0 22px 58px rgba(43, 29, 34, 0.14);
    --bio-theme-chat-radius: 22px;
    --bio-theme-chat-messages-background: rgba(250, 243, 239, 0.30);
    --bio-theme-chat-input-background: rgba(251, 241, 241, 0.30);
    --bio-theme-chat-input-focus-background: rgba(252, 244, 244, 0.30);
    --bio-theme-chat-input-border: rgba(124, 41, 72, 0.26);
    --bio-theme-chat-placeholder: #776269;
    --bio-theme-chat-visitor-background: #fefaf8;
    --bio-theme-chat-visitor-text: #2b1d22;
    --bio-theme-chat-visitor-border: rgba(124, 41, 72, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #7c2948, #b4657f);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(180, 101, 127, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #7c2948, #b4657f);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(124, 41, 72, 0.30);
    --bio-theme-footer-background: #fffaf7;
    --bio-theme-footer-text: #7c2948;
    --bio-theme-footer-border: rgba(124, 41, 72, 0.00);
    --bio-theme-footer-shadow: 0 16px 38px rgba(43, 29, 34, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(251, 245, 239, 0.00), rgba(251, 245, 239, 0.94));
    --bio-theme-focus-ring: rgba(124, 41, 72, 0.42);
}

[data-bio-theme="arctic_signal"] {
    color-scheme: light;
    --bio-theme-font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", Arial, sans-serif;
    --bio-theme-heading-font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", Arial, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 900;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.52), transparent 26rem),
        radial-gradient(circle at 88% 16%, rgba(23, 111, 156, 0.24), transparent 28rem),
        linear-gradient(145deg, #f6fbff, #dcecf5 56%, #b7d5e6);
    --bio-theme-page-pattern:
        linear-gradient(rgba(17, 39, 52, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 39, 52, 0.04) 1px, transparent 1px);
    --bio-theme-page-pattern-size: 34px 34px;
    --bio-theme-page-pattern-opacity: 1;
    --bio-theme-text: #112734;
    --bio-theme-muted: #58717f;
    --bio-theme-accent: #176f9c;
    --bio-theme-accent-2: #64bfe6;
    --bio-theme-accent-soft: #d9f1fb;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(253, 254, 255, 0.10);
    --bio-theme-surface-border: rgba(17, 39, 52, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(17, 39, 52, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #176f9c, #64bfe6 58%, #dcecf5);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #176f9c, #64bfe6);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(23, 111, 156, 0.22);
    --bio-theme-link-background: #ffffff;
    --bio-theme-link-hover-background: #f8fcfe;
    --bio-theme-link-border: rgba(23, 111, 156, 0.52);
    --bio-theme-link-hover-border: rgba(100, 191, 230, 0.70);
    --bio-theme-link-text: #112734;
    --bio-theme-link-icon-background: #d9f1fb;
    --bio-theme-link-icon-text: #176f9c;
    --bio-theme-link-arrow: #176f9c;
    --bio-theme-link-shadow: 0 10px 26px rgba(17, 39, 52, 0.13);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(17, 39, 52, 0.24);
    --bio-theme-link-radius: 12px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 6px;
    --bio-theme-social-background: #f4fbfe;
    --bio-theme-social-hover-background: #eef9fd;
    --bio-theme-social-border: rgba(23, 111, 156, 0.52);
    --bio-theme-social-text: #176f9c;
    --bio-theme-social-shadow: 0 10px 26px rgba(17, 39, 52, 0.13);
    --bio-theme-social-radius: 12px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #f4fbfe;
    --bio-theme-contact-border: rgba(23, 111, 156, 0.52);
    --bio-theme-contact-text: #176f9c;
    --bio-theme-contact-shadow: 0 10px 26px rgba(17, 39, 52, 0.13);
    --bio-theme-contact-radius: 12px;
    --bio-theme-action-text: #176f9c;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #64bfe6;
    --bio-theme-chat-background: rgba(253, 254, 255, 0.30);
    --bio-theme-chat-border: rgba(17, 39, 52, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(17, 39, 52, 0.14);
    --bio-theme-chat-radius: 16px;
    --bio-theme-chat-messages-background: rgba(247, 251, 253, 0.30);
    --bio-theme-chat-input-background: rgba(245, 251, 254, 0.30);
    --bio-theme-chat-input-focus-background: rgba(247, 252, 254, 0.30);
    --bio-theme-chat-input-border: rgba(23, 111, 156, 0.26);
    --bio-theme-chat-placeholder: #58717f;
    --bio-theme-chat-visitor-background: #fdfeff;
    --bio-theme-chat-visitor-text: #112734;
    --bio-theme-chat-visitor-border: rgba(23, 111, 156, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #176f9c, #64bfe6);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(100, 191, 230, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #176f9c, #64bfe6);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(23, 111, 156, 0.30);
    --bio-theme-footer-background: #ffffff;
    --bio-theme-footer-text: #176f9c;
    --bio-theme-footer-border: rgba(23, 111, 156, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(17, 39, 52, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(246, 251, 255, 0.00), rgba(246, 251, 255, 0.94));
    --bio-theme-focus-ring: rgba(23, 111, 156, 0.42);
}

[data-bio-theme="neon_harbor"] {
    color-scheme: dark;
    --bio-theme-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", Arial, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 900;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(2, 11, 22, 0.04), rgba(2, 11, 22, 0.36)),
        url("/assets/img/bio-themes/neon-harbor.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #f0fdff;
    --bio-theme-muted: #8fb5c2;
    --bio-theme-accent: #20f2dc;
    --bio-theme-accent-2: #ff4dc4;
    --bio-theme-accent-soft: #0c3342;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(5, 24, 37, 0.10);
    --bio-theme-surface-border: rgba(32, 242, 220, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #20f2dc, #ff4dc4 58%, #062d44);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #20f2dc, #ff4dc4);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #061d2b;
    --bio-theme-link-hover-background: #263a47;
    --bio-theme-link-border: rgba(32, 242, 220, 0.52);
    --bio-theme-link-hover-border: rgba(255, 77, 196, 0.70);
    --bio-theme-link-text: #f0fdff;
    --bio-theme-link-icon-background: #0c4050;
    --bio-theme-link-icon-text: #33ffe8;
    --bio-theme-link-arrow: #33ffe8;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 26px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 999px;
    --bio-theme-social-background: #082836;
    --bio-theme-social-hover-background: #092a39;
    --bio-theme-social-border: rgba(32, 242, 220, 0.52);
    --bio-theme-social-text: #33ffe8;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 999px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #082836;
    --bio-theme-contact-border: rgba(32, 242, 220, 0.52);
    --bio-theme-contact-text: #33ffe8;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 999px;
    --bio-theme-action-text: #33ffe8;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #ff4dc4;
    --bio-theme-chat-background: rgba(5, 24, 37, 0.30);
    --bio-theme-chat-border: rgba(32, 242, 220, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 28px;
    --bio-theme-chat-messages-background: rgba(5, 28, 43, 0.30);
    --bio-theme-chat-input-background: rgba(7, 33, 46, 0.30);
    --bio-theme-chat-input-focus-background: rgba(7, 32, 45, 0.30);
    --bio-theme-chat-input-border: rgba(32, 242, 220, 0.26);
    --bio-theme-chat-placeholder: #8fb5c2;
    --bio-theme-chat-visitor-background: #051c2b;
    --bio-theme-chat-visitor-text: #f0fdff;
    --bio-theme-chat-visitor-border: rgba(32, 242, 220, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #20f2dc, #ff4dc4);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(255, 77, 196, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #20f2dc, #ff4dc4);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(32, 242, 220, 0.30);
    --bio-theme-footer-background: #061c2a;
    --bio-theme-footer-text: #33ffe8;
    --bio-theme-footer-border: rgba(32, 242, 220, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(2, 11, 22, 0.00), rgba(2, 11, 22, 0.94));
    --bio-theme-focus-ring: rgba(32, 242, 220, 0.42);
}

[data-bio-theme="rose_quartz"] {
    color-scheme: light;
    --bio-theme-font-family: Optima, Candara, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
    --bio-theme-heading-font-style: italic;
    --bio-theme-heading-font-weight: 700;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(255, 244, 246, 0.03), rgba(255, 244, 246, 0.13)),
        url("/assets/img/bio-themes/rose-quartz.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #44232f;
    --bio-theme-muted: #86606d;
    --bio-theme-accent: #a53d66;
    --bio-theme-accent-2: #d57b96;
    --bio-theme-accent-soft: #f8dce4;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(255, 247, 249, 0.10);
    --bio-theme-surface-border: rgba(68, 35, 47, 0.00);
    --bio-theme-surface-shadow: 0 22px 58px rgba(68, 35, 47, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #a53d66, #d57b96 58%, #f1b8c5);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #a53d66, #d57b96);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(165, 61, 102, 0.22);
    --bio-theme-link-background: #fff8fa;
    --bio-theme-link-hover-background: #fef3f6;
    --bio-theme-link-border: rgba(165, 61, 102, 0.00);
    --bio-theme-link-hover-border: rgba(213, 123, 150, 0.18);
    --bio-theme-link-text: #44232f;
    --bio-theme-link-icon-background: #f7d3de;
    --bio-theme-link-icon-text: #a53d66;
    --bio-theme-link-arrow: #a53d66;
    --bio-theme-link-shadow: 0 10px 26px rgba(68, 35, 47, 0.13);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(68, 35, 47, 0.24);
    --bio-theme-link-radius: 24px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 999px;
    --bio-theme-social-background: #fdedf2;
    --bio-theme-social-hover-background: #fce9ef;
    --bio-theme-social-border: rgba(165, 61, 102, 0.00);
    --bio-theme-social-text: #a53d66;
    --bio-theme-social-shadow: 0 10px 26px rgba(68, 35, 47, 0.13);
    --bio-theme-social-radius: 999px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #fdedf2;
    --bio-theme-contact-border: rgba(165, 61, 102, 0.00);
    --bio-theme-contact-text: #a53d66;
    --bio-theme-contact-shadow: 0 10px 26px rgba(68, 35, 47, 0.13);
    --bio-theme-contact-radius: 999px;
    --bio-theme-action-text: #a53d66;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #d57b96;
    --bio-theme-chat-background: rgba(255, 247, 249, 0.30);
    --bio-theme-chat-border: rgba(68, 35, 47, 0.00);
    --bio-theme-chat-shadow: 0 22px 58px rgba(68, 35, 47, 0.14);
    --bio-theme-chat-radius: 28px;
    --bio-theme-chat-messages-background: rgba(252, 236, 240, 0.30);
    --bio-theme-chat-input-background: rgba(253, 239, 243, 0.30);
    --bio-theme-chat-input-focus-background: rgba(253, 242, 245, 0.30);
    --bio-theme-chat-input-border: rgba(165, 61, 102, 0.26);
    --bio-theme-chat-placeholder: #86606d;
    --bio-theme-chat-visitor-background: #fff8fa;
    --bio-theme-chat-visitor-text: #44232f;
    --bio-theme-chat-visitor-border: rgba(165, 61, 102, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #a53d66, #d57b96);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(213, 123, 150, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #a53d66, #d57b96);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(165, 61, 102, 0.30);
    --bio-theme-footer-background: #fff8fa;
    --bio-theme-footer-text: #a53d66;
    --bio-theme-footer-border: rgba(165, 61, 102, 0.00);
    --bio-theme-footer-shadow: 0 16px 38px rgba(68, 35, 47, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(255, 244, 246, 0.00), rgba(255, 244, 246, 0.94));
    --bio-theme-focus-ring: rgba(165, 61, 102, 0.42);
}

[data-bio-theme="copper_echo"] {
    color-scheme: dark;
    --bio-theme-font-family: Rockwell, "Roboto Slab", "Courier New", Georgia, serif;
    --bio-theme-heading-font-family: Rockwell, "Roboto Slab", "Courier New", Georgia, serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 700;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(19, 14, 11, 0.04), rgba(19, 14, 11, 0.36)),
        url("/assets/img/bio-themes/copper-echo.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #fff2e7;
    --bio-theme-muted: #c9a38c;
    --bio-theme-accent: #f0a15d;
    --bio-theme-accent-2: #c86c3b;
    --bio-theme-accent-soft: #402419;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(33, 20, 15, 0.10);
    --bio-theme-surface-border: rgba(240, 161, 93, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #f0a15d, #c86c3b 58%, #3b2116);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #f0a15d, #c86c3b);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #271710;
    --bio-theme-link-hover-background: #43352f;
    --bio-theme-link-border: rgba(240, 161, 93, 0.52);
    --bio-theme-link-hover-border: rgba(200, 108, 59, 0.70);
    --bio-theme-link-text: #fff2e7;
    --bio-theme-link-icon-background: #50301e;
    --bio-theme-link-icon-text: #ffc07c;
    --bio-theme-link-arrow: #ffc07c;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 8px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 4px;
    --bio-theme-social-background: #331e14;
    --bio-theme-social-hover-background: #361f15;
    --bio-theme-social-border: rgba(240, 161, 93, 0.52);
    --bio-theme-social-text: #ffc07c;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 8px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #331e14;
    --bio-theme-contact-border: rgba(240, 161, 93, 0.52);
    --bio-theme-contact-text: #ffc07c;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 8px;
    --bio-theme-action-text: #ffc07c;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #c86c3b;
    --bio-theme-chat-background: rgba(33, 20, 15, 0.30);
    --bio-theme-chat-border: rgba(240, 161, 93, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 12px;
    --bio-theme-chat-messages-background: rgba(38, 22, 16, 0.30);
    --bio-theme-chat-input-background: rgba(43, 26, 18, 0.30);
    --bio-theme-chat-input-focus-background: rgba(42, 25, 18, 0.30);
    --bio-theme-chat-input-border: rgba(240, 161, 93, 0.26);
    --bio-theme-chat-placeholder: #c9a38c;
    --bio-theme-chat-visitor-background: #261610;
    --bio-theme-chat-visitor-text: #fff2e7;
    --bio-theme-chat-visitor-border: rgba(240, 161, 93, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #f0a15d, #c86c3b);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(200, 108, 59, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #f0a15d, #c86c3b);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(240, 161, 93, 0.30);
    --bio-theme-footer-background: #261610;
    --bio-theme-footer-text: #ffc07c;
    --bio-theme-footer-border: rgba(240, 161, 93, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(19, 14, 11, 0.00), rgba(19, 14, 11, 0.94));
    --bio-theme-focus-ring: rgba(240, 161, 93, 0.42);
}

[data-bio-theme="cloud_milk"] {
    color-scheme: light;
    --bio-theme-font-family: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
    --bio-theme-heading-font-family: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.52), transparent 26rem),
        radial-gradient(circle at 88% 16%, rgba(101, 125, 164, 0.24), transparent 28rem),
        linear-gradient(145deg, #fbfdff, #e8eef6 56%, #d9e0eb);
    --bio-theme-page-pattern:
        linear-gradient(rgba(47, 56, 69, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(47, 56, 69, 0.04) 1px, transparent 1px);
    --bio-theme-page-pattern-size: 34px 34px;
    --bio-theme-page-pattern-opacity: 1;
    --bio-theme-text: #2f3845;
    --bio-theme-muted: #728092;
    --bio-theme-accent: #657da4;
    --bio-theme-accent-2: #9eacc7;
    --bio-theme-accent-soft: #e6edf7;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(254, 255, 255, 0.10);
    --bio-theme-surface-border: rgba(47, 56, 69, 0.00);
    --bio-theme-surface-shadow: 0 22px 58px rgba(47, 56, 69, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #657da4, #9eacc7 58%, #e8eef6);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #657da4, #9eacc7);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(101, 125, 164, 0.22);
    --bio-theme-link-background: #ffffff;
    --bio-theme-link-hover-background: #fbfcfe;
    --bio-theme-link-border: rgba(101, 125, 164, 0.00);
    --bio-theme-link-hover-border: rgba(158, 172, 199, 0.18);
    --bio-theme-link-text: #2f3845;
    --bio-theme-link-icon-background: #e7edf6;
    --bio-theme-link-icon-text: #657da4;
    --bio-theme-link-arrow: #657da4;
    --bio-theme-link-shadow: 0 10px 26px rgba(47, 56, 69, 0.13);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(47, 56, 69, 0.24);
    --bio-theme-link-radius: 32px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 999px;
    --bio-theme-social-background: #f8fafc;
    --bio-theme-social-hover-background: #f4f7fb;
    --bio-theme-social-border: rgba(101, 125, 164, 0.00);
    --bio-theme-social-text: #657da4;
    --bio-theme-social-shadow: 0 10px 26px rgba(47, 56, 69, 0.13);
    --bio-theme-social-radius: 999px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #f8fafc;
    --bio-theme-contact-border: rgba(101, 125, 164, 0.00);
    --bio-theme-contact-text: #657da4;
    --bio-theme-contact-shadow: 0 10px 26px rgba(47, 56, 69, 0.13);
    --bio-theme-contact-radius: 999px;
    --bio-theme-action-text: #657da4;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #9eacc7;
    --bio-theme-chat-background: rgba(254, 255, 255, 0.30);
    --bio-theme-chat-border: rgba(47, 56, 69, 0.00);
    --bio-theme-chat-shadow: 0 22px 58px rgba(47, 56, 69, 0.14);
    --bio-theme-chat-radius: 32px;
    --bio-theme-chat-messages-background: rgba(250, 252, 253, 0.30);
    --bio-theme-chat-input-background: rgba(249, 251, 253, 0.30);
    --bio-theme-chat-input-focus-background: rgba(250, 252, 253, 0.30);
    --bio-theme-chat-input-border: rgba(101, 125, 164, 0.26);
    --bio-theme-chat-placeholder: #728092;
    --bio-theme-chat-visitor-background: #feffff;
    --bio-theme-chat-visitor-text: #2f3845;
    --bio-theme-chat-visitor-border: rgba(101, 125, 164, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #657da4, #9eacc7);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(158, 172, 199, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #657da4, #9eacc7);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(101, 125, 164, 0.30);
    --bio-theme-footer-background: #ffffff;
    --bio-theme-footer-text: #657da4;
    --bio-theme-footer-border: rgba(101, 125, 164, 0.00);
    --bio-theme-footer-shadow: 0 16px 38px rgba(47, 56, 69, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(251, 253, 255, 0.00), rgba(251, 253, 255, 0.94));
    --bio-theme-focus-ring: rgba(101, 125, 164, 0.42);
}

[data-bio-theme="electric_plum"] {
    color-scheme: dark;
    --bio-theme-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(11, 6, 21, 0.04), rgba(11, 6, 21, 0.36)),
        url("/assets/img/bio-themes/electric-plum.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #fff3ff;
    --bio-theme-muted: #c5a3d0;
    --bio-theme-accent: #dc67ff;
    --bio-theme-accent-2: #7f72ff;
    --bio-theme-accent-soft: #361542;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(26, 13, 38, 0.10);
    --bio-theme-surface-border: rgba(220, 103, 255, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #dc67ff, #7f72ff 58%, #35104c);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #dc67ff, #7f72ff);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #20102c;
    --bio-theme-link-hover-background: #3d2f47;
    --bio-theme-link-border: rgba(220, 103, 255, 0.52);
    --bio-theme-link-hover-border: rgba(127, 114, 255, 0.70);
    --bio-theme-link-text: #fff3ff;
    --bio-theme-link-icon-background: #451c5a;
    --bio-theme-link-icon-text: #ea8cff;
    --bio-theme-link-arrow: #ea8cff;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 16px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 8px;
    --bio-theme-social-background: #2b143a;
    --bio-theme-social-hover-background: #2d143c;
    --bio-theme-social-border: rgba(220, 103, 255, 0.52);
    --bio-theme-social-text: #ea8cff;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 16px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #2b143a;
    --bio-theme-contact-border: rgba(220, 103, 255, 0.52);
    --bio-theme-contact-text: #ea8cff;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 16px;
    --bio-theme-action-text: #ea8cff;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #7f72ff;
    --bio-theme-chat-background: rgba(26, 13, 38, 0.30);
    --bio-theme-chat-border: rgba(220, 103, 255, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 20px;
    --bio-theme-chat-messages-background: rgba(31, 14, 45, 0.30);
    --bio-theme-chat-input-background: rgba(35, 16, 49, 0.30);
    --bio-theme-chat-input-focus-background: rgba(34, 16, 48, 0.30);
    --bio-theme-chat-input-border: rgba(220, 103, 255, 0.26);
    --bio-theme-chat-placeholder: #c5a3d0;
    --bio-theme-chat-visitor-background: #1f0e2d;
    --bio-theme-chat-visitor-text: #fff3ff;
    --bio-theme-chat-visitor-border: rgba(220, 103, 255, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #dc67ff, #7f72ff);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(127, 114, 255, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #dc67ff, #7f72ff);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(220, 103, 255, 0.30);
    --bio-theme-footer-background: #1f0f2b;
    --bio-theme-footer-text: #ea8cff;
    --bio-theme-footer-border: rgba(220, 103, 255, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(11, 6, 21, 0.00), rgba(11, 6, 21, 0.94));
    --bio-theme-focus-ring: rgba(220, 103, 255, 0.42);
}

[data-bio-theme="desert_radio"] {
    color-scheme: light;
    --bio-theme-font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --bio-theme-heading-font-family: Rockwell, "Roboto Slab", "Courier New", Georgia, serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 700;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(242, 211, 154, 0.03), rgba(242, 211, 154, 0.13)),
        url("/assets/img/bio-themes/desert-radio.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #3a2117;
    --bio-theme-muted: #735342;
    --bio-theme-accent: #8d3f24;
    --bio-theme-accent-2: #d7843d;
    --bio-theme-accent-soft: #ead0aa;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(247, 224, 180, 0.10);
    --bio-theme-surface-border: rgba(58, 33, 23, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(58, 33, 23, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #8d3f24, #d7843d 58%, #c77c46);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #8d3f24, #d7843d);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(141, 63, 36, 0.22);
    --bio-theme-link-background: #f8e3ba;
    --bio-theme-link-hover-background: #f5e0b7;
    --bio-theme-link-border: rgba(141, 63, 36, 0.52);
    --bio-theme-link-hover-border: rgba(215, 132, 61, 0.70);
    --bio-theme-link-text: #3a2117;
    --bio-theme-link-icon-background: #dfb979;
    --bio-theme-link-icon-text: #71311d;
    --bio-theme-link-arrow: #71311d;
    --bio-theme-link-shadow: none;
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(58, 33, 23, 0.24);
    --bio-theme-link-radius: 3px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 1px;
    --bio-theme-social-background: #f0d6a6;
    --bio-theme-social-hover-background: #efd5a7;
    --bio-theme-social-border: rgba(141, 63, 36, 0.52);
    --bio-theme-social-text: #71311d;
    --bio-theme-social-shadow: none;
    --bio-theme-social-radius: 3px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #f0d6a6;
    --bio-theme-contact-border: rgba(141, 63, 36, 0.52);
    --bio-theme-contact-text: #71311d;
    --bio-theme-contact-shadow: none;
    --bio-theme-contact-radius: 3px;
    --bio-theme-action-text: #71311d;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #d7843d;
    --bio-theme-chat-background: rgba(247, 224, 180, 0.30);
    --bio-theme-chat-border: rgba(58, 33, 23, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(58, 33, 23, 0.14);
    --bio-theme-chat-radius: 6px;
    --bio-theme-chat-messages-background: rgba(238, 206, 160, 0.30);
    --bio-theme-chat-input-background: rgba(242, 215, 167, 0.30);
    --bio-theme-chat-input-focus-background: rgba(244, 222, 183, 0.30);
    --bio-theme-chat-input-border: rgba(141, 63, 36, 0.26);
    --bio-theme-chat-placeholder: #735342;
    --bio-theme-chat-visitor-background: #f8e6c2;
    --bio-theme-chat-visitor-text: #3a2117;
    --bio-theme-chat-visitor-border: rgba(141, 63, 36, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #8d3f24, #d7843d);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(215, 132, 61, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #8d3f24, #d7843d);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(141, 63, 36, 0.30);
    --bio-theme-footer-background: #f8e2b9;
    --bio-theme-footer-text: #71311d;
    --bio-theme-footer-border: rgba(141, 63, 36, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(58, 33, 23, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(242, 211, 154, 0.00), rgba(242, 211, 154, 0.94));
    --bio-theme-focus-ring: rgba(141, 63, 36, 0.42);
}

[data-bio-theme="midnight_foam"] {
    color-scheme: dark;
    --bio-theme-font-family: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
    --bio-theme-heading-font-family: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(3, 11, 28, 0.04), rgba(3, 11, 28, 0.36)),
        url("/assets/img/bio-themes/midnight-foam.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #f2fbff;
    --bio-theme-muted: #9eb9ca;
    --bio-theme-accent: #a8eaff;
    --bio-theme-accent-2: #6aaeff;
    --bio-theme-accent-soft: #15354d;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(11, 30, 52, 0.10);
    --bio-theme-surface-border: rgba(168, 234, 255, 0.00);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #a8eaff, #6aaeff 58%, #0c2b4f);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #a8eaff, #6aaeff);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #0e263d;
    --bio-theme-link-hover-background: #2d4256;
    --bio-theme-link-border: rgba(168, 234, 255, 0.00);
    --bio-theme-link-hover-border: rgba(106, 174, 255, 0.18);
    --bio-theme-link-text: #f2fbff;
    --bio-theme-link-icon-background: #214b67;
    --bio-theme-link-icon-text: #b7eeff;
    --bio-theme-link-arrow: #b7eeff;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 34px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 999px;
    --bio-theme-social-background: #14314a;
    --bio-theme-social-hover-background: #14324b;
    --bio-theme-social-border: rgba(168, 234, 255, 0.00);
    --bio-theme-social-text: #b7eeff;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 999px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #14314a;
    --bio-theme-contact-border: rgba(168, 234, 255, 0.00);
    --bio-theme-contact-text: #b7eeff;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 999px;
    --bio-theme-action-text: #b7eeff;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #6aaeff;
    --bio-theme-chat-background: rgba(11, 30, 52, 0.30);
    --bio-theme-chat-border: rgba(168, 234, 255, 0.00);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 34px;
    --bio-theme-chat-messages-background: rgba(11, 32, 57, 0.30);
    --bio-theme-chat-input-background: rgba(16, 40, 63, 0.30);
    --bio-theme-chat-input-focus-background: rgba(16, 40, 63, 0.30);
    --bio-theme-chat-input-border: rgba(168, 234, 255, 0.26);
    --bio-theme-chat-placeholder: #9eb9ca;
    --bio-theme-chat-visitor-background: #0b2039;
    --bio-theme-chat-visitor-text: #f2fbff;
    --bio-theme-chat-visitor-border: rgba(168, 234, 255, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #a8eaff, #6aaeff);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(106, 174, 255, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #a8eaff, #6aaeff);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(168, 234, 255, 0.30);
    --bio-theme-footer-background: #0d253b;
    --bio-theme-footer-text: #b7eeff;
    --bio-theme-footer-border: rgba(168, 234, 255, 0.00);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(3, 11, 28, 0.00), rgba(3, 11, 28, 0.94));
    --bio-theme-focus-ring: rgba(168, 234, 255, 0.42);
}

[data-bio-theme="lava_bloom"] {
    color-scheme: dark;
    --bio-theme-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 900;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(9, 4, 4, 0.04), rgba(9, 4, 4, 0.36)),
        url("/assets/img/bio-themes/lava-bloom.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #fff5ed;
    --bio-theme-muted: #d3aaa0;
    --bio-theme-accent: #ff6a35;
    --bio-theme-accent-2: #ffbd3b;
    --bio-theme-accent-soft: #42140d;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(29, 8, 7, 0.10);
    --bio-theme-surface-border: rgba(255, 106, 53, 0.00);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #ff6a35, #ffbd3b 58%, #4f0808);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #ff6a35, #ffbd3b);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #250a08;
    --bio-theme-link-hover-background: #412a28;
    --bio-theme-link-border: rgba(255, 106, 53, 0.00);
    --bio-theme-link-hover-border: rgba(255, 189, 59, 0.18);
    --bio-theme-link-text: #fff5ed;
    --bio-theme-link-icon-background: #55170f;
    --bio-theme-link-icon-text: #ff934f;
    --bio-theme-link-arrow: #ff934f;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 20px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 10px;
    --bio-theme-social-background: #330e0a;
    --bio-theme-social-hover-background: #360f0b;
    --bio-theme-social-border: rgba(255, 106, 53, 0.00);
    --bio-theme-social-text: #ff934f;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 20px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #330e0a;
    --bio-theme-contact-border: rgba(255, 106, 53, 0.00);
    --bio-theme-contact-text: #ff934f;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 20px;
    --bio-theme-action-text: #ff934f;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #ffbd3b;
    --bio-theme-chat-background: rgba(29, 8, 7, 0.30);
    --bio-theme-chat-border: rgba(255, 106, 53, 0.00);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 24px;
    --bio-theme-chat-messages-background: rgba(38, 8, 7, 0.30);
    --bio-theme-chat-input-background: rgba(41, 11, 9, 0.30);
    --bio-theme-chat-input-focus-background: rgba(40, 11, 9, 0.30);
    --bio-theme-chat-input-border: rgba(255, 106, 53, 0.26);
    --bio-theme-chat-placeholder: #d3aaa0;
    --bio-theme-chat-visitor-background: #260807;
    --bio-theme-chat-visitor-text: #fff5ed;
    --bio-theme-chat-visitor-border: rgba(255, 106, 53, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #ff6a35, #ffbd3b);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(255, 189, 59, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #ff6a35, #ffbd3b);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(255, 106, 53, 0.30);
    --bio-theme-footer-background: #240a08;
    --bio-theme-footer-text: #ff934f;
    --bio-theme-footer-border: rgba(255, 106, 53, 0.00);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(9, 4, 4, 0.00), rgba(9, 4, 4, 0.94));
    --bio-theme-focus-ring: rgba(255, 106, 53, 0.42);
}

[data-bio-theme="mint_arcade"] {
    color-scheme: light;
    --bio-theme-font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --bio-theme-heading-font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 900;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(217, 255, 233, 0.03), rgba(217, 255, 233, 0.13)),
        url("/assets/img/bio-themes/mint-arcade.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #092d22;
    --bio-theme-muted: #397463;
    --bio-theme-accent: #0b6f52;
    --bio-theme-accent-2: #19b77d;
    --bio-theme-accent-soft: #c5f5dc;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(233, 255, 243, 0.10);
    --bio-theme-surface-border: rgba(9, 45, 34, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(9, 45, 34, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #0b6f52, #19b77d 58%, #77e8b1);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #0b6f52, #19b77d);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(11, 111, 82, 0.22);
    --bio-theme-link-background: #edfff5;
    --bio-theme-link-hover-background: #e6fdf0;
    --bio-theme-link-border: rgba(11, 111, 82, 0.52);
    --bio-theme-link-hover-border: rgba(25, 183, 125, 0.70);
    --bio-theme-link-text: #092d22;
    --bio-theme-link-icon-background: #b9f1d3;
    --bio-theme-link-icon-text: #075c46;
    --bio-theme-link-arrow: #075c46;
    --bio-theme-link-shadow: none;
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(9, 45, 34, 0.24);
    --bio-theme-link-radius: 4px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 0px;
    --bio-theme-social-background: #ddfbeb;
    --bio-theme-social-hover-background: #d8fae8;
    --bio-theme-social-border: rgba(11, 111, 82, 0.52);
    --bio-theme-social-text: #075c46;
    --bio-theme-social-shadow: none;
    --bio-theme-social-radius: 4px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #ddfbeb;
    --bio-theme-contact-border: rgba(11, 111, 82, 0.52);
    --bio-theme-contact-text: #075c46;
    --bio-theme-contact-shadow: none;
    --bio-theme-contact-radius: 4px;
    --bio-theme-action-text: #075c46;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #19b77d;
    --bio-theme-chat-background: rgba(233, 255, 243, 0.30);
    --bio-theme-chat-border: rgba(9, 45, 34, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(9, 45, 34, 0.14);
    --bio-theme-chat-radius: 8px;
    --bio-theme-chat-messages-background: rgba(212, 251, 231, 0.30);
    --bio-theme-chat-input-background: rgba(222, 252, 236, 0.30);
    --bio-theme-chat-input-focus-background: rgba(228, 253, 239, 0.30);
    --bio-theme-chat-input-border: rgba(11, 111, 82, 0.26);
    --bio-theme-chat-placeholder: #397463;
    --bio-theme-chat-visitor-background: #edfff5;
    --bio-theme-chat-visitor-text: #092d22;
    --bio-theme-chat-visitor-border: rgba(11, 111, 82, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #0b6f52, #19b77d);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(25, 183, 125, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #0b6f52, #19b77d);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(11, 111, 82, 0.30);
    --bio-theme-footer-background: #ecfff5;
    --bio-theme-footer-text: #075c46;
    --bio-theme-footer-border: rgba(11, 111, 82, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(9, 45, 34, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(217, 255, 233, 0.00), rgba(217, 255, 233, 0.94));
    --bio-theme-focus-ring: rgba(11, 111, 82, 0.42);
}

[data-bio-theme="golden_static"] {
    color-scheme: dark;
    --bio-theme-font-family: Georgia, "Times New Roman", Times, serif;
    --bio-theme-heading-font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 700;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(8, 7, 4, 0.04), rgba(8, 7, 4, 0.36)),
        url("/assets/img/bio-themes/golden-static.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #fff8dc;
    --bio-theme-muted: #c9bb8c;
    --bio-theme-accent: #ffd75a;
    --bio-theme-accent-2: #b9902d;
    --bio-theme-accent-soft: #382f15;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(22, 19, 10, 0.10);
    --bio-theme-surface-border: rgba(255, 215, 90, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #ffd75a, #b9902d 58%, #3b2d0d);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #ffd75a, #b9902d);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #1c180c;
    --bio-theme-link-hover-background: #3a362c;
    --bio-theme-link-border: rgba(255, 215, 90, 0.52);
    --bio-theme-link-hover-border: rgba(185, 144, 45, 0.70);
    --bio-theme-link-text: #fff8dc;
    --bio-theme-link-icon-background: #493b16;
    --bio-theme-link-icon-text: #ffdc69;
    --bio-theme-link-arrow: #ffdc69;
    --bio-theme-link-shadow: none;
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 0px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 0px;
    --bio-theme-social-background: #2a220f;
    --bio-theme-social-hover-background: #2d2510;
    --bio-theme-social-border: rgba(255, 215, 90, 0.52);
    --bio-theme-social-text: #ffdc69;
    --bio-theme-social-shadow: none;
    --bio-theme-social-radius: 0px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #2a220f;
    --bio-theme-contact-border: rgba(255, 215, 90, 0.52);
    --bio-theme-contact-text: #ffdc69;
    --bio-theme-contact-shadow: none;
    --bio-theme-contact-radius: 0px;
    --bio-theme-action-text: #ffdc69;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #b9902d;
    --bio-theme-chat-background: rgba(22, 19, 10, 0.30);
    --bio-theme-chat-border: rgba(255, 215, 90, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 0px;
    --bio-theme-chat-messages-background: rgba(29, 24, 11, 0.30);
    --bio-theme-chat-input-background: rgba(33, 28, 13, 0.30);
    --bio-theme-chat-input-focus-background: rgba(32, 27, 13, 0.30);
    --bio-theme-chat-input-border: rgba(255, 215, 90, 0.26);
    --bio-theme-chat-placeholder: #c9bb8c;
    --bio-theme-chat-visitor-background: #1d180b;
    --bio-theme-chat-visitor-text: #fff8dc;
    --bio-theme-chat-visitor-border: rgba(255, 215, 90, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #ffd75a, #b9902d);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(185, 144, 45, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #ffd75a, #b9902d);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(255, 215, 90, 0.30);
    --bio-theme-footer-background: #1b170c;
    --bio-theme-footer-text: #ffdc69;
    --bio-theme-footer-border: rgba(255, 215, 90, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(8, 7, 4, 0.00), rgba(8, 7, 4, 0.94));
    --bio-theme-focus-ring: rgba(255, 215, 90, 0.42);
}

[data-bio-theme="blue_mirage"] {
    color-scheme: light;
    --bio-theme-font-family: Optima, Candara, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(233, 251, 255, 0.03), rgba(233, 251, 255, 0.13)),
        url("/assets/img/bio-themes/blue-mirage.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #0d2c43;
    --bio-theme-muted: #4f7187;
    --bio-theme-accent: #176aa5;
    --bio-theme-accent-2: #32b2d5;
    --bio-theme-accent-soft: #d3f3fb;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(243, 253, 255, 0.10);
    --bio-theme-surface-border: rgba(13, 44, 67, 0.00);
    --bio-theme-surface-shadow: 0 22px 58px rgba(13, 44, 67, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #176aa5, #32b2d5 58%, #65cce8);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #176aa5, #32b2d5);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(23, 106, 165, 0.22);
    --bio-theme-link-background: #f5fdff;
    --bio-theme-link-hover-background: #effbfe;
    --bio-theme-link-border: rgba(23, 106, 165, 0.00);
    --bio-theme-link-hover-border: rgba(50, 178, 213, 0.18);
    --bio-theme-link-text: #0d2c43;
    --bio-theme-link-icon-background: #c9eff8;
    --bio-theme-link-icon-text: #176aa5;
    --bio-theme-link-arrow: #176aa5;
    --bio-theme-link-shadow: 0 10px 26px rgba(13, 44, 67, 0.13);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(13, 44, 67, 0.24);
    --bio-theme-link-radius: 999px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 999px;
    --bio-theme-social-background: #e8f9fd;
    --bio-theme-social-hover-background: #e3f8fd;
    --bio-theme-social-border: rgba(23, 106, 165, 0.00);
    --bio-theme-social-text: #176aa5;
    --bio-theme-social-shadow: 0 10px 26px rgba(13, 44, 67, 0.13);
    --bio-theme-social-radius: 999px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #e8f9fd;
    --bio-theme-contact-border: rgba(23, 106, 165, 0.00);
    --bio-theme-contact-text: #176aa5;
    --bio-theme-contact-shadow: 0 10px 26px rgba(13, 44, 67, 0.13);
    --bio-theme-contact-radius: 999px;
    --bio-theme-action-text: #176aa5;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #32b2d5;
    --bio-theme-chat-background: rgba(243, 253, 255, 0.30);
    --bio-theme-chat-border: rgba(13, 44, 67, 0.00);
    --bio-theme-chat-shadow: 0 22px 58px rgba(13, 44, 67, 0.14);
    --bio-theme-chat-radius: 32px;
    --bio-theme-chat-messages-background: rgba(217, 244, 251, 0.30);
    --bio-theme-chat-input-background: rgba(234, 250, 253, 0.30);
    --bio-theme-chat-input-focus-background: rgba(238, 251, 253, 0.30);
    --bio-theme-chat-input-border: rgba(23, 106, 165, 0.26);
    --bio-theme-chat-placeholder: #4f7187;
    --bio-theme-chat-visitor-background: #f5fdff;
    --bio-theme-chat-visitor-text: #0d2c43;
    --bio-theme-chat-visitor-border: rgba(23, 106, 165, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #176aa5, #32b2d5);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(50, 178, 213, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #176aa5, #32b2d5);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(23, 106, 165, 0.30);
    --bio-theme-footer-background: #f5fdff;
    --bio-theme-footer-text: #176aa5;
    --bio-theme-footer-border: rgba(23, 106, 165, 0.00);
    --bio-theme-footer-shadow: 0 16px 38px rgba(13, 44, 67, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(233, 251, 255, 0.00), rgba(233, 251, 255, 0.94));
    --bio-theme-focus-ring: rgba(23, 106, 165, 0.42);
}

[data-bio-theme="soft_concrete"] {
    color-scheme: light;
    --bio-theme-font-family: Optima, Candara, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", Arial, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 900;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.52), transparent 26rem),
        radial-gradient(circle at 88% 16%, rgba(78, 90, 90, 0.24), transparent 28rem),
        linear-gradient(145deg, #eeeeeb, #cfcfca 56%, #a9aaa6);
    --bio-theme-page-pattern:
        linear-gradient(rgba(41, 43, 43, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(41, 43, 43, 0.04) 1px, transparent 1px);
    --bio-theme-page-pattern-size: 34px 34px;
    --bio-theme-page-pattern-opacity: 1;
    --bio-theme-text: #292b2b;
    --bio-theme-muted: #696d6c;
    --bio-theme-accent: #4e5a5a;
    --bio-theme-accent-2: #818b89;
    --bio-theme-accent-soft: #dfe2df;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(246, 246, 243, 0.10);
    --bio-theme-surface-border: rgba(41, 43, 43, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(41, 43, 43, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #4e5a5a, #818b89 58%, #cfcfca);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #4e5a5a, #818b89);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(78, 90, 90, 0.22);
    --bio-theme-link-background: #f8f8f5;
    --bio-theme-link-hover-background: #f4f4f1;
    --bio-theme-link-border: rgba(78, 90, 90, 0.52);
    --bio-theme-link-hover-border: rgba(129, 139, 137, 0.70);
    --bio-theme-link-text: #292b2b;
    --bio-theme-link-icon-background: #e2e4e1;
    --bio-theme-link-icon-text: #4e5a5a;
    --bio-theme-link-arrow: #4e5a5a;
    --bio-theme-link-shadow: 0 10px 26px rgba(41, 43, 43, 0.13);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(41, 43, 43, 0.24);
    --bio-theme-link-radius: 8px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 4px;
    --bio-theme-social-background: #f1f2ef;
    --bio-theme-social-hover-background: #edeeeb;
    --bio-theme-social-border: rgba(78, 90, 90, 0.52);
    --bio-theme-social-text: #4e5a5a;
    --bio-theme-social-shadow: 0 10px 26px rgba(41, 43, 43, 0.13);
    --bio-theme-social-radius: 8px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #f1f2ef;
    --bio-theme-contact-border: rgba(78, 90, 90, 0.52);
    --bio-theme-contact-text: #4e5a5a;
    --bio-theme-contact-shadow: 0 10px 26px rgba(41, 43, 43, 0.13);
    --bio-theme-contact-radius: 8px;
    --bio-theme-action-text: #4e5a5a;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #818b89;
    --bio-theme-chat-background: rgba(246, 246, 243, 0.30);
    --bio-theme-chat-border: rgba(41, 43, 43, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(41, 43, 43, 0.14);
    --bio-theme-chat-radius: 12px;
    --bio-theme-chat-messages-background: rgba(239, 239, 236, 0.30);
    --bio-theme-chat-input-background: rgba(242, 242, 239, 0.30);
    --bio-theme-chat-input-focus-background: rgba(244, 244, 242, 0.30);
    --bio-theme-chat-input-border: rgba(78, 90, 90, 0.26);
    --bio-theme-chat-placeholder: #696d6c;
    --bio-theme-chat-visitor-background: #f8f8f5;
    --bio-theme-chat-visitor-text: #292b2b;
    --bio-theme-chat-visitor-border: rgba(78, 90, 90, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #4e5a5a, #818b89);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(129, 139, 137, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #4e5a5a, #818b89);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(78, 90, 90, 0.30);
    --bio-theme-footer-background: #f8f8f5;
    --bio-theme-footer-text: #4e5a5a;
    --bio-theme-footer-border: rgba(78, 90, 90, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(41, 43, 43, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(238, 238, 235, 0.00), rgba(238, 238, 235, 0.94));
    --bio-theme-focus-ring: rgba(78, 90, 90, 0.42);
}

[data-bio-theme="violet_current"] {
    color-scheme: dark;
    --bio-theme-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(8, 7, 27, 0.04), rgba(8, 7, 27, 0.36)),
        url("/assets/img/bio-themes/violet-current.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #f7f3ff;
    --bio-theme-muted: #b9add5;
    --bio-theme-accent: #ad8cff;
    --bio-theme-accent-2: #5ee0ff;
    --bio-theme-accent-soft: #291d4b;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(20, 16, 44, 0.10);
    --bio-theme-surface-border: rgba(173, 140, 255, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #ad8cff, #5ee0ff 58%, #2a1858);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #ad8cff, #5ee0ff);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #191433;
    --bio-theme-link-hover-background: #37334e;
    --bio-theme-link-border: rgba(173, 140, 255, 0.52);
    --bio-theme-link-hover-border: rgba(94, 224, 255, 0.70);
    --bio-theme-link-text: #f7f3ff;
    --bio-theme-link-icon-background: #35265e;
    --bio-theme-link-icon-text: #bea6ff;
    --bio-theme-link-arrow: #bea6ff;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 18px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 9px;
    --bio-theme-social-background: #211940;
    --bio-theme-social-hover-background: #231a42;
    --bio-theme-social-border: rgba(173, 140, 255, 0.52);
    --bio-theme-social-text: #bea6ff;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 18px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #211940;
    --bio-theme-contact-border: rgba(173, 140, 255, 0.52);
    --bio-theme-contact-text: #bea6ff;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 18px;
    --bio-theme-action-text: #bea6ff;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #5ee0ff;
    --bio-theme-chat-background: rgba(20, 16, 44, 0.30);
    --bio-theme-chat-border: rgba(173, 140, 255, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 22px;
    --bio-theme-chat-messages-background: rgba(24, 17, 52, 0.30);
    --bio-theme-chat-input-background: rgba(27, 21, 55, 0.30);
    --bio-theme-chat-input-focus-background: rgba(27, 21, 54, 0.30);
    --bio-theme-chat-input-border: rgba(173, 140, 255, 0.26);
    --bio-theme-chat-placeholder: #b9add5;
    --bio-theme-chat-visitor-background: #181134;
    --bio-theme-chat-visitor-text: #f7f3ff;
    --bio-theme-chat-visitor-border: rgba(173, 140, 255, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #ad8cff, #5ee0ff);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(94, 224, 255, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #ad8cff, #5ee0ff);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(173, 140, 255, 0.30);
    --bio-theme-footer-background: #181332;
    --bio-theme-footer-text: #bea6ff;
    --bio-theme-footer-border: rgba(173, 140, 255, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(8, 7, 27, 0.00), rgba(8, 7, 27, 0.94));
    --bio-theme-focus-ring: rgba(173, 140, 255, 0.42);
}

[data-bio-theme="cherry_chrome"] {
    color-scheme: dark;
    --bio-theme-font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", Arial, sans-serif;
    --bio-theme-heading-font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 900;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(16, 5, 8, 0.04), rgba(16, 5, 8, 0.36)),
        url("/assets/img/bio-themes/cherry-chrome.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #fff3f5;
    --bio-theme-muted: #d3a8b2;
    --bio-theme-accent: #ff668a;
    --bio-theme-accent-2: #c4d2dc;
    --bio-theme-accent-soft: #471222;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(35, 11, 19, 0.10);
    --bio-theme-surface-border: rgba(255, 102, 138, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #ff668a, #c4d2dc 58%, #5b0d26);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #ff668a, #c4d2dc);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #2b0d17;
    --bio-theme-link-hover-background: #472c35;
    --bio-theme-link-border: rgba(255, 102, 138, 0.52);
    --bio-theme-link-hover-border: rgba(196, 210, 220, 0.70);
    --bio-theme-link-text: #fff3f5;
    --bio-theme-link-icon-background: #5e1730;
    --bio-theme-link-icon-text: #ff86a3;
    --bio-theme-link-arrow: #ff86a3;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 12px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 6px;
    --bio-theme-social-background: #3a101e;
    --bio-theme-social-hover-background: #3d101f;
    --bio-theme-social-border: rgba(255, 102, 138, 0.52);
    --bio-theme-social-text: #ff86a3;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 12px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #3a101e;
    --bio-theme-contact-border: rgba(255, 102, 138, 0.52);
    --bio-theme-contact-text: #ff86a3;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 12px;
    --bio-theme-action-text: #ff86a3;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #c4d2dc;
    --bio-theme-chat-background: rgba(35, 11, 19, 0.30);
    --bio-theme-chat-border: rgba(255, 102, 138, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 16px;
    --bio-theme-chat-messages-background: rgba(45, 11, 22, 0.30);
    --bio-theme-chat-input-background: rgba(48, 14, 25, 0.30);
    --bio-theme-chat-input-focus-background: rgba(47, 14, 25, 0.30);
    --bio-theme-chat-input-border: rgba(255, 102, 138, 0.26);
    --bio-theme-chat-placeholder: #d3a8b2;
    --bio-theme-chat-visitor-background: #2d0b16;
    --bio-theme-chat-visitor-text: #fff3f5;
    --bio-theme-chat-visitor-border: rgba(255, 102, 138, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #ff668a, #c4d2dc);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(196, 210, 220, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #ff668a, #c4d2dc);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(255, 102, 138, 0.30);
    --bio-theme-footer-background: #2a0d16;
    --bio-theme-footer-text: #ff86a3;
    --bio-theme-footer-border: rgba(255, 102, 138, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(16, 5, 8, 0.00), rgba(16, 5, 8, 0.94));
    --bio-theme-focus-ring: rgba(255, 102, 138, 0.42);
}

[data-bio-theme="forest_signal"] {
    color-scheme: dark;
    --bio-theme-font-family: Optima, Candara, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", Arial, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 900;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(6, 18, 12, 0.04), rgba(6, 18, 12, 0.36)),
        url("/assets/img/bio-themes/forest-signal.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #f0faef;
    --bio-theme-muted: #9fbea3;
    --bio-theme-accent: #7de572;
    --bio-theme-accent-2: #3bbf7c;
    --bio-theme-accent-soft: #183b24;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(13, 35, 22, 0.10);
    --bio-theme-surface-border: rgba(125, 229, 114, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #7de572, #3bbf7c 58%, #173e27);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #7de572, #3bbf7c);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #102a1a;
    --bio-theme-link-hover-background: #2f4638;
    --bio-theme-link-border: rgba(125, 229, 114, 0.52);
    --bio-theme-link-hover-border: rgba(59, 191, 124, 0.70);
    --bio-theme-link-text: #f0faef;
    --bio-theme-link-icon-background: #245333;
    --bio-theme-link-icon-text: #95ef88;
    --bio-theme-link-arrow: #95ef88;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 5px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 2px;
    --bio-theme-social-background: #163622;
    --bio-theme-social-hover-background: #163722;
    --bio-theme-social-border: rgba(125, 229, 114, 0.52);
    --bio-theme-social-text: #95ef88;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 5px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #163622;
    --bio-theme-contact-border: rgba(125, 229, 114, 0.52);
    --bio-theme-contact-text: #95ef88;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 5px;
    --bio-theme-action-text: #95ef88;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #3bbf7c;
    --bio-theme-chat-background: rgba(13, 35, 22, 0.30);
    --bio-theme-chat-border: rgba(125, 229, 114, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 10px;
    --bio-theme-chat-messages-background: rgba(15, 40, 25, 0.30);
    --bio-theme-chat-input-background: rgba(18, 46, 28, 0.30);
    --bio-theme-chat-input-focus-background: rgba(18, 45, 28, 0.30);
    --bio-theme-chat-input-border: rgba(125, 229, 114, 0.26);
    --bio-theme-chat-placeholder: #9fbea3;
    --bio-theme-chat-visitor-background: #0f2819;
    --bio-theme-chat-visitor-text: #f0faef;
    --bio-theme-chat-visitor-border: rgba(125, 229, 114, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #7de572, #3bbf7c);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(59, 191, 124, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #7de572, #3bbf7c);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(125, 229, 114, 0.30);
    --bio-theme-footer-background: #0f2919;
    --bio-theme-footer-text: #95ef88;
    --bio-theme-footer-border: rgba(125, 229, 114, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(6, 18, 12, 0.00), rgba(6, 18, 12, 0.94));
    --bio-theme-focus-ring: rgba(125, 229, 114, 0.42);
}

[data-bio-theme="ivory_frame"] {
    color-scheme: light;
    --bio-theme-font-family: Georgia, "Times New Roman", Times, serif;
    --bio-theme-heading-font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 700;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.52), transparent 26rem),
        radial-gradient(circle at 88% 16%, rgba(117, 97, 61, 0.24), transparent 28rem),
        linear-gradient(145deg, #fffdf4, #ece4d1 56%, #cdbf9f);
    --bio-theme-page-pattern:
        linear-gradient(rgba(45, 41, 32, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(45, 41, 32, 0.04) 1px, transparent 1px);
    --bio-theme-page-pattern-size: 34px 34px;
    --bio-theme-page-pattern-opacity: 1;
    --bio-theme-text: #2d2920;
    --bio-theme-muted: #756e5d;
    --bio-theme-accent: #75613d;
    --bio-theme-accent-2: #ae9360;
    --bio-theme-accent-soft: #eee6d5;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(255, 254, 248, 0.10);
    --bio-theme-surface-border: rgba(45, 41, 32, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(45, 41, 32, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #75613d, #ae9360 58%, #ece4d1);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #75613d, #ae9360);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(117, 97, 61, 0.22);
    --bio-theme-link-background: #fffef9;
    --bio-theme-link-hover-background: #fcfaf3;
    --bio-theme-link-border: rgba(117, 97, 61, 0.52);
    --bio-theme-link-hover-border: rgba(174, 147, 96, 0.70);
    --bio-theme-link-text: #2d2920;
    --bio-theme-link-icon-background: #eee6d5;
    --bio-theme-link-icon-text: #75613d;
    --bio-theme-link-arrow: #75613d;
    --bio-theme-link-shadow: none;
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(45, 41, 32, 0.24);
    --bio-theme-link-radius: 0px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 0px;
    --bio-theme-social-background: #faf7ee;
    --bio-theme-social-hover-background: #f7f3e8;
    --bio-theme-social-border: rgba(117, 97, 61, 0.52);
    --bio-theme-social-text: #75613d;
    --bio-theme-social-shadow: none;
    --bio-theme-social-radius: 0px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #faf7ee;
    --bio-theme-contact-border: rgba(117, 97, 61, 0.52);
    --bio-theme-contact-text: #75613d;
    --bio-theme-contact-shadow: none;
    --bio-theme-contact-radius: 0px;
    --bio-theme-action-text: #75613d;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #ae9360;
    --bio-theme-chat-background: rgba(255, 254, 248, 0.30);
    --bio-theme-chat-border: rgba(45, 41, 32, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(45, 41, 32, 0.14);
    --bio-theme-chat-radius: 0px;
    --bio-theme-chat-messages-background: rgba(252, 249, 241, 0.30);
    --bio-theme-chat-input-background: rgba(251, 249, 240, 0.30);
    --bio-theme-chat-input-focus-background: rgba(252, 250, 243, 0.30);
    --bio-theme-chat-input-border: rgba(117, 97, 61, 0.26);
    --bio-theme-chat-placeholder: #756e5d;
    --bio-theme-chat-visitor-background: #fffef9;
    --bio-theme-chat-visitor-text: #2d2920;
    --bio-theme-chat-visitor-border: rgba(117, 97, 61, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #75613d, #ae9360);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(174, 147, 96, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #75613d, #ae9360);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(117, 97, 61, 0.30);
    --bio-theme-footer-background: #fffef9;
    --bio-theme-footer-text: #75613d;
    --bio-theme-footer-border: rgba(117, 97, 61, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(45, 41, 32, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(255, 253, 244, 0.00), rgba(255, 253, 244, 0.94));
    --bio-theme-focus-ring: rgba(117, 97, 61, 0.42);
}

[data-bio-theme="digital_coral"] {
    color-scheme: light;
    --bio-theme-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(255, 240, 232, 0.03), rgba(255, 240, 232, 0.13)),
        url("/assets/img/bio-themes/digital-coral.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #401c25;
    --bio-theme-muted: #805761;
    --bio-theme-accent: #c5325c;
    --bio-theme-accent-2: #ff785f;
    --bio-theme-accent-soft: #ffdcd5;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(255, 246, 240, 0.10);
    --bio-theme-surface-border: rgba(64, 28, 37, 0.00);
    --bio-theme-surface-shadow: 0 22px 58px rgba(64, 28, 37, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #c5325c, #ff785f 58%, #ff8f7d);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #c5325c, #ff785f);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(197, 50, 92, 0.22);
    --bio-theme-link-background: #fff7f2;
    --bio-theme-link-hover-background: #fff2ed;
    --bio-theme-link-border: rgba(197, 50, 92, 0.00);
    --bio-theme-link-hover-border: rgba(255, 120, 95, 0.18);
    --bio-theme-link-text: #401c25;
    --bio-theme-link-icon-background: #ffd2ca;
    --bio-theme-link-icon-text: #b72b52;
    --bio-theme-link-arrow: #b72b52;
    --bio-theme-link-shadow: 0 10px 26px rgba(64, 28, 37, 0.13);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(64, 28, 37, 0.24);
    --bio-theme-link-radius: 22px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 999px;
    --bio-theme-social-background: #ffece6;
    --bio-theme-social-hover-background: #ffe8e2;
    --bio-theme-social-border: rgba(197, 50, 92, 0.00);
    --bio-theme-social-text: #b72b52;
    --bio-theme-social-shadow: 0 10px 26px rgba(64, 28, 37, 0.13);
    --bio-theme-social-radius: 999px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #ffece6;
    --bio-theme-contact-border: rgba(197, 50, 92, 0.00);
    --bio-theme-contact-text: #b72b52;
    --bio-theme-contact-shadow: 0 10px 26px rgba(64, 28, 37, 0.13);
    --bio-theme-contact-radius: 999px;
    --bio-theme-action-text: #b72b52;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #ff785f;
    --bio-theme-chat-background: rgba(255, 246, 240, 0.30);
    --bio-theme-chat-border: rgba(64, 28, 37, 0.00);
    --bio-theme-chat-shadow: 0 22px 58px rgba(64, 28, 37, 0.14);
    --bio-theme-chat-radius: 26px;
    --bio-theme-chat-messages-background: rgba(255, 227, 219, 0.30);
    --bio-theme-chat-input-background: rgba(255, 238, 232, 0.30);
    --bio-theme-chat-input-focus-background: rgba(255, 241, 236, 0.30);
    --bio-theme-chat-input-border: rgba(197, 50, 92, 0.26);
    --bio-theme-chat-placeholder: #805761;
    --bio-theme-chat-visitor-background: #fff8f3;
    --bio-theme-chat-visitor-text: #401c25;
    --bio-theme-chat-visitor-border: rgba(197, 50, 92, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #c5325c, #ff785f);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(255, 120, 95, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #c5325c, #ff785f);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(197, 50, 92, 0.30);
    --bio-theme-footer-background: #fff7f2;
    --bio-theme-footer-text: #b72b52;
    --bio-theme-footer-border: rgba(197, 50, 92, 0.00);
    --bio-theme-footer-shadow: 0 16px 38px rgba(64, 28, 37, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(255, 240, 232, 0.00), rgba(255, 240, 232, 0.94));
    --bio-theme-focus-ring: rgba(197, 50, 92, 0.42);
}

[data-bio-theme="night_aquarium"] {
    color-scheme: dark;
    --bio-theme-font-family: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
    --bio-theme-heading-font-family: Optima, Candara, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(2, 10, 19, 0.04), rgba(2, 10, 19, 0.36)),
        url("/assets/img/bio-themes/night-aquarium.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #edffff;
    --bio-theme-muted: #8ebfc2;
    --bio-theme-accent: #5cf7dc;
    --bio-theme-accent-2: #4aa8ff;
    --bio-theme-accent-soft: #0c3841;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(7, 30, 41, 0.10);
    --bio-theme-surface-border: rgba(92, 247, 220, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #5cf7dc, #4aa8ff 58%, #07314b);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #5cf7dc, #4aa8ff);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #092632;
    --bio-theme-link-hover-background: #29424d;
    --bio-theme-link-border: rgba(92, 247, 220, 0.52);
    --bio-theme-link-hover-border: rgba(74, 168, 255, 0.70);
    --bio-theme-link-text: #edffff;
    --bio-theme-link-icon-background: #104a53;
    --bio-theme-link-icon-text: #76ffe5;
    --bio-theme-link-arrow: #76ffe5;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 28px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 999px;
    --bio-theme-social-background: #0b313c;
    --bio-theme-social-hover-background: #0b333d;
    --bio-theme-social-border: rgba(92, 247, 220, 0.52);
    --bio-theme-social-text: #76ffe5;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 999px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #0b313c;
    --bio-theme-contact-border: rgba(92, 247, 220, 0.52);
    --bio-theme-contact-text: #76ffe5;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 999px;
    --bio-theme-action-text: #76ffe5;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #4aa8ff;
    --bio-theme-chat-background: rgba(7, 30, 41, 0.30);
    --bio-theme-chat-border: rgba(92, 247, 220, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 30px;
    --bio-theme-chat-messages-background: rgba(7, 33, 47, 0.30);
    --bio-theme-chat-input-background: rgba(9, 40, 50, 0.30);
    --bio-theme-chat-input-focus-background: rgba(9, 40, 50, 0.30);
    --bio-theme-chat-input-border: rgba(92, 247, 220, 0.26);
    --bio-theme-chat-placeholder: #8ebfc2;
    --bio-theme-chat-visitor-background: #07212f;
    --bio-theme-chat-visitor-text: #edffff;
    --bio-theme-chat-visitor-border: rgba(92, 247, 220, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #5cf7dc, #4aa8ff);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(74, 168, 255, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #5cf7dc, #4aa8ff);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(92, 247, 220, 0.30);
    --bio-theme-footer-background: #092530;
    --bio-theme-footer-text: #76ffe5;
    --bio-theme-footer-border: rgba(92, 247, 220, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(2, 10, 19, 0.00), rgba(2, 10, 19, 0.94));
    --bio-theme-focus-ring: rgba(92, 247, 220, 0.42);
}

[data-bio-theme="silver_dust"] {
    color-scheme: light;
    --bio-theme-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(244, 246, 248, 0.03), rgba(244, 246, 248, 0.13)),
        url("/assets/img/bio-themes/silver-dust.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #202933;
    --bio-theme-muted: #606d7a;
    --bio-theme-accent: #526579;
    --bio-theme-accent-2: #8ea1b5;
    --bio-theme-accent-soft: #e1e6eb;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(250, 251, 252, 0.10);
    --bio-theme-surface-border: rgba(32, 41, 51, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(32, 41, 51, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #526579, #8ea1b5 58%, #bbc3cd);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #526579, #8ea1b5);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(82, 101, 121, 0.22);
    --bio-theme-link-background: #fbfcfd;
    --bio-theme-link-hover-background: #f6f8fa;
    --bio-theme-link-border: rgba(82, 101, 121, 0.52);
    --bio-theme-link-hover-border: rgba(142, 161, 181, 0.70);
    --bio-theme-link-text: #202933;
    --bio-theme-link-icon-background: #dce2e8;
    --bio-theme-link-icon-text: #526579;
    --bio-theme-link-arrow: #526579;
    --bio-theme-link-shadow: 0 10px 26px rgba(32, 41, 51, 0.13);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(32, 41, 51, 0.24);
    --bio-theme-link-radius: 10px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 5px;
    --bio-theme-social-background: #f2f4f7;
    --bio-theme-social-hover-background: #eef1f4;
    --bio-theme-social-border: rgba(82, 101, 121, 0.52);
    --bio-theme-social-text: #526579;
    --bio-theme-social-shadow: 0 10px 26px rgba(32, 41, 51, 0.13);
    --bio-theme-social-radius: 10px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #f2f4f7;
    --bio-theme-contact-border: rgba(82, 101, 121, 0.52);
    --bio-theme-contact-text: #526579;
    --bio-theme-contact-shadow: 0 10px 26px rgba(32, 41, 51, 0.13);
    --bio-theme-contact-radius: 10px;
    --bio-theme-action-text: #526579;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #8ea1b5;
    --bio-theme-chat-background: rgba(250, 251, 252, 0.30);
    --bio-theme-chat-border: rgba(32, 41, 51, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(32, 41, 51, 0.14);
    --bio-theme-chat-radius: 14px;
    --bio-theme-chat-messages-background: rgba(239, 241, 244, 0.30);
    --bio-theme-chat-input-background: rgba(243, 246, 248, 0.30);
    --bio-theme-chat-input-focus-background: rgba(245, 248, 249, 0.30);
    --bio-theme-chat-input-border: rgba(82, 101, 121, 0.26);
    --bio-theme-chat-placeholder: #606d7a;
    --bio-theme-chat-visitor-background: #fbfcfd;
    --bio-theme-chat-visitor-text: #202933;
    --bio-theme-chat-visitor-border: rgba(82, 101, 121, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #526579, #8ea1b5);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(142, 161, 181, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #526579, #8ea1b5);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(82, 101, 121, 0.30);
    --bio-theme-footer-background: #fbfcfd;
    --bio-theme-footer-text: #526579;
    --bio-theme-footer-border: rgba(82, 101, 121, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(32, 41, 51, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(244, 246, 248, 0.00), rgba(244, 246, 248, 0.94));
    --bio-theme-focus-ring: rgba(82, 101, 121, 0.42);
}

[data-bio-theme="acid_bloom"] {
    color-scheme: dark;
    --bio-theme-font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    --bio-theme-heading-font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 900;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: uppercase;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(9, 3, 19, 0.04), rgba(9, 3, 19, 0.36)),
        url("/assets/img/bio-themes/acid-bloom.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #f9ffe9;
    --bio-theme-muted: #c4d0a4;
    --bio-theme-accent: #b9ff35;
    --bio-theme-accent-2: #ff4dcc;
    --bio-theme-accent-soft: #273718;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(18, 12, 28, 0.10);
    --bio-theme-surface-border: rgba(185, 255, 53, 0.00);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #b9ff35, #ff4dcc 58%, #36104c);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #b9ff35, #ff4dcc);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #161020;
    --bio-theme-link-hover-background: #342f3d;
    --bio-theme-link-border: rgba(185, 255, 53, 0.00);
    --bio-theme-link-hover-border: rgba(255, 77, 204, 0.18);
    --bio-theme-link-text: #f9ffe9;
    --bio-theme-link-icon-background: #31431d;
    --bio-theme-link-icon-text: #c9ff58;
    --bio-theme-link-arrow: #c9ff58;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 30px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 999px;
    --bio-theme-social-background: #1e1f1f;
    --bio-theme-social-hover-background: #20241d;
    --bio-theme-social-border: rgba(185, 255, 53, 0.00);
    --bio-theme-social-text: #c9ff58;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 999px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #1e1f1f;
    --bio-theme-contact-border: rgba(185, 255, 53, 0.00);
    --bio-theme-contact-text: #c9ff58;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 999px;
    --bio-theme-action-text: #c9ff58;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #ff4dcc;
    --bio-theme-chat-background: rgba(18, 12, 28, 0.30);
    --bio-theme-chat-border: rgba(185, 255, 53, 0.00);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 32px;
    --bio-theme-chat-messages-background: rgba(24, 13, 37, 0.30);
    --bio-theme-chat-input-background: rgba(25, 24, 28, 0.30);
    --bio-theme-chat-input-focus-background: rgba(24, 23, 29, 0.30);
    --bio-theme-chat-input-border: rgba(185, 255, 53, 0.26);
    --bio-theme-chat-placeholder: #c4d0a4;
    --bio-theme-chat-visitor-background: #180d25;
    --bio-theme-chat-visitor-text: #f9ffe9;
    --bio-theme-chat-visitor-border: rgba(185, 255, 53, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #b9ff35, #ff4dcc);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(255, 77, 204, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #b9ff35, #ff4dcc);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(185, 255, 53, 0.30);
    --bio-theme-footer-background: #150f1f;
    --bio-theme-footer-text: #c9ff58;
    --bio-theme-footer-border: rgba(185, 255, 53, 0.00);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(9, 3, 19, 0.00), rgba(9, 3, 19, 0.94));
    --bio-theme-focus-ring: rgba(185, 255, 53, 0.42);
}

[data-bio-theme="retro_terminal"] {
    color-scheme: dark;
    --bio-theme-font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --bio-theme-heading-font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: uppercase;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(1, 5, 2, 0.04), rgba(1, 5, 2, 0.36)),
        url("/assets/img/bio-themes/retro-terminal.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #c9ffd5;
    --bio-theme-muted: #75a982;
    --bio-theme-accent: #45ff75;
    --bio-theme-accent-2: #19b952;
    --bio-theme-accent-soft: #0b2d16;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(2, 14, 6, 0.10);
    --bio-theme-surface-border: rgba(69, 255, 117, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #45ff75, #19b952 58%, #05200d);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #45ff75, #19b952);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #031208;
    --bio-theme-link-hover-background: #243128;
    --bio-theme-link-border: rgba(69, 255, 117, 0.52);
    --bio-theme-link-hover-border: rgba(25, 185, 82, 0.70);
    --bio-theme-link-text: #c9ffd5;
    --bio-theme-link-icon-background: #0b3217;
    --bio-theme-link-icon-text: #5aff84;
    --bio-theme-link-arrow: #5aff84;
    --bio-theme-link-shadow: none;
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 0px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 0px;
    --bio-theme-social-background: #051c0c;
    --bio-theme-social-hover-background: #06200e;
    --bio-theme-social-border: rgba(69, 255, 117, 0.52);
    --bio-theme-social-text: #5aff84;
    --bio-theme-social-shadow: none;
    --bio-theme-social-radius: 0px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #051c0c;
    --bio-theme-contact-border: rgba(69, 255, 117, 0.52);
    --bio-theme-contact-text: #5aff84;
    --bio-theme-contact-shadow: none;
    --bio-theme-contact-radius: 0px;
    --bio-theme-action-text: #5aff84;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #19b952;
    --bio-theme-chat-background: rgba(2, 14, 6, 0.30);
    --bio-theme-chat-border: rgba(69, 255, 117, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 0px;
    --bio-theme-chat-messages-background: rgba(3, 17, 7, 0.30);
    --bio-theme-chat-input-background: rgba(4, 22, 10, 0.30);
    --bio-theme-chat-input-focus-background: rgba(4, 21, 10, 0.30);
    --bio-theme-chat-input-border: rgba(69, 255, 117, 0.26);
    --bio-theme-chat-placeholder: #75a982;
    --bio-theme-chat-visitor-background: #031107;
    --bio-theme-chat-visitor-text: #c9ffd5;
    --bio-theme-chat-visitor-border: rgba(69, 255, 117, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #45ff75, #19b952);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(25, 185, 82, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #45ff75, #19b952);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(69, 255, 117, 0.30);
    --bio-theme-footer-background: #031108;
    --bio-theme-footer-text: #5aff84;
    --bio-theme-footer-border: rgba(69, 255, 117, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(1, 5, 2, 0.00), rgba(1, 5, 2, 0.94));
    --bio-theme-focus-ring: rgba(69, 255, 117, 0.42);
}

[data-bio-theme="peach_cinema"] {
    color-scheme: light;
    --bio-theme-font-family: Georgia, "Times New Roman", Times, serif;
    --bio-theme-heading-font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
    --bio-theme-heading-font-style: italic;
    --bio-theme-heading-font-weight: 700;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.52), transparent 26rem),
        radial-gradient(circle at 88% 16%, rgba(157, 76, 67, 0.24), transparent 28rem),
        linear-gradient(145deg, #fff1e5, #f3b28f 56%, #a85852);
    --bio-theme-page-pattern:
        linear-gradient(rgba(67, 37, 33, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(67, 37, 33, 0.04) 1px, transparent 1px);
    --bio-theme-page-pattern-size: 34px 34px;
    --bio-theme-page-pattern-opacity: 1;
    --bio-theme-text: #432521;
    --bio-theme-muted: #815f58;
    --bio-theme-accent: #9d4c43;
    --bio-theme-accent-2: #d77a5e;
    --bio-theme-accent-soft: #f6d9c9;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(255, 247, 240, 0.10);
    --bio-theme-surface-border: rgba(67, 37, 33, 0.00);
    --bio-theme-surface-shadow: 0 22px 58px rgba(67, 37, 33, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #9d4c43, #d77a5e 58%, #f3b28f);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #9d4c43, #d77a5e);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(157, 76, 67, 0.22);
    --bio-theme-link-background: #fff8f2;
    --bio-theme-link-hover-background: #fdf2eb;
    --bio-theme-link-border: rgba(157, 76, 67, 0.00);
    --bio-theme-link-hover-border: rgba(215, 122, 94, 0.18);
    --bio-theme-link-text: #432521;
    --bio-theme-link-icon-background: #f3d2c2;
    --bio-theme-link-icon-text: #9d4c43;
    --bio-theme-link-arrow: #9d4c43;
    --bio-theme-link-shadow: 0 10px 26px rgba(67, 37, 33, 0.13);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(67, 37, 33, 0.24);
    --bio-theme-link-radius: 16px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 8px;
    --bio-theme-social-background: #fbede4;
    --bio-theme-social-hover-background: #fae9de;
    --bio-theme-social-border: rgba(157, 76, 67, 0.00);
    --bio-theme-social-text: #9d4c43;
    --bio-theme-social-shadow: 0 10px 26px rgba(67, 37, 33, 0.13);
    --bio-theme-social-radius: 16px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #fbede4;
    --bio-theme-contact-border: rgba(157, 76, 67, 0.00);
    --bio-theme-contact-text: #9d4c43;
    --bio-theme-contact-shadow: 0 10px 26px rgba(67, 37, 33, 0.13);
    --bio-theme-contact-radius: 16px;
    --bio-theme-action-text: #9d4c43;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #d77a5e;
    --bio-theme-chat-background: rgba(255, 247, 240, 0.30);
    --bio-theme-chat-border: rgba(67, 37, 33, 0.00);
    --bio-theme-chat-shadow: 0 22px 58px rgba(67, 37, 33, 0.14);
    --bio-theme-chat-radius: 20px;
    --bio-theme-chat-messages-background: rgba(253, 235, 223, 0.30);
    --bio-theme-chat-input-background: rgba(252, 239, 230, 0.30);
    --bio-theme-chat-input-focus-background: rgba(253, 242, 235, 0.30);
    --bio-theme-chat-input-border: rgba(157, 76, 67, 0.26);
    --bio-theme-chat-placeholder: #815f58;
    --bio-theme-chat-visitor-background: #fff8f3;
    --bio-theme-chat-visitor-text: #432521;
    --bio-theme-chat-visitor-border: rgba(157, 76, 67, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #9d4c43, #d77a5e);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(215, 122, 94, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #9d4c43, #d77a5e);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(157, 76, 67, 0.30);
    --bio-theme-footer-background: #fff8f2;
    --bio-theme-footer-text: #9d4c43;
    --bio-theme-footer-border: rgba(157, 76, 67, 0.00);
    --bio-theme-footer-shadow: 0 16px 38px rgba(67, 37, 33, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(255, 241, 229, 0.00), rgba(255, 241, 229, 0.94));
    --bio-theme-focus-ring: rgba(157, 76, 67, 0.42);
}

[data-bio-theme="cosmic_marble"] {
    color-scheme: dark;
    --bio-theme-font-family: Georgia, "Times New Roman", Times, serif;
    --bio-theme-heading-font-family: Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;
    --bio-theme-heading-font-style: italic;
    --bio-theme-heading-font-weight: 700;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(5, 7, 20, 0.04), rgba(5, 7, 20, 0.36)),
        url("/assets/img/bio-themes/cosmic-marble.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #fbf6ff;
    --bio-theme-muted: #b9afd0;
    --bio-theme-accent: #c99cff;
    --bio-theme-accent-2: #70d8ff;
    --bio-theme-accent-soft: #272047;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(17, 18, 37, 0.10);
    --bio-theme-surface-border: rgba(201, 156, 255, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #c99cff, #70d8ff 58%, #1b2458);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #c99cff, #70d8ff);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #15162b;
    --bio-theme-link-hover-background: #333447;
    --bio-theme-link-border: rgba(201, 156, 255, 0.52);
    --bio-theme-link-hover-border: rgba(112, 216, 255, 0.70);
    --bio-theme-link-text: #fbf6ff;
    --bio-theme-link-icon-background: #302852;
    --bio-theme-link-icon-text: #d9b8ff;
    --bio-theme-link-arrow: #d9b8ff;
    --bio-theme-link-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 24px;
    --bio-theme-link-clip-path: none;
    --bio-theme-icon-radius: 999px;
    --bio-theme-social-background: #1d1b37;
    --bio-theme-social-hover-background: #1f1c3b;
    --bio-theme-social-border: rgba(201, 156, 255, 0.52);
    --bio-theme-social-text: #d9b8ff;
    --bio-theme-social-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-social-radius: 999px;
    --bio-theme-social-clip-path: none;
    --bio-theme-contact-background: #1d1b37;
    --bio-theme-contact-border: rgba(201, 156, 255, 0.52);
    --bio-theme-contact-text: #d9b8ff;
    --bio-theme-contact-shadow: 0 10px 26px rgba(7, 16, 20, 0.32);
    --bio-theme-contact-radius: 999px;
    --bio-theme-action-text: #d9b8ff;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #70d8ff;
    --bio-theme-chat-background: rgba(17, 18, 37, 0.30);
    --bio-theme-chat-border: rgba(201, 156, 255, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 28px;
    --bio-theme-chat-messages-background: rgba(19, 21, 46, 0.30);
    --bio-theme-chat-input-background: rgba(24, 23, 47, 0.30);
    --bio-theme-chat-input-focus-background: rgba(23, 23, 46, 0.30);
    --bio-theme-chat-input-border: rgba(201, 156, 255, 0.26);
    --bio-theme-chat-placeholder: #b9afd0;
    --bio-theme-chat-visitor-background: #13152e;
    --bio-theme-chat-visitor-text: #fbf6ff;
    --bio-theme-chat-visitor-border: rgba(201, 156, 255, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #c99cff, #70d8ff);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(112, 216, 255, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #c99cff, #70d8ff);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(201, 156, 255, 0.30);
    --bio-theme-footer-background: #14152a;
    --bio-theme-footer-text: #d9b8ff;
    --bio-theme-footer-border: rgba(201, 156, 255, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(5, 7, 20, 0.00), rgba(5, 7, 20, 0.94));
    --bio-theme-focus-ring: rgba(201, 156, 255, 0.42);
}

[data-bio-theme="prism_tide"] {
    color-scheme: light;
    --bio-theme-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-family: "Avenir Next", Avenir, "Century Gothic", Futura, Montserrat, ui-sans-serif, system-ui, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 800;
    --bio-theme-heading-letter-spacing: -0.025em;
    --bio-theme-heading-text-transform: none;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(234, 252, 255, 0.03), rgba(234, 252, 255, 0.13)),
        url("/assets/img/bio-themes/prism-tide.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #142c38;
    --bio-theme-muted: #58727d;
    --bio-theme-accent: #176f83;
    --bio-theme-accent-2: #7457d9;
    --bio-theme-accent-soft: #d7f5f3;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(242, 254, 255, 0.10);
    --bio-theme-surface-border: rgba(20, 44, 56, 0.00);
    --bio-theme-surface-shadow: 0 22px 58px rgba(20, 44, 56, 0.14);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #176f83, #7457d9 58%, #76e1d2);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.08));
    --bio-theme-avatar-background: linear-gradient(135deg, #176f83, #7457d9);
    --bio-theme-avatar-color: #ffffff;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.96);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(23, 111, 131, 0.22);
    --bio-theme-link-background: #f4ffff;
    --bio-theme-link-hover-background: #effdfd;
    --bio-theme-link-border: rgba(23, 111, 131, 0.00);
    --bio-theme-link-hover-border: rgba(116, 87, 217, 0.18);
    --bio-theme-link-text: #142c38;
    --bio-theme-link-icon-background: #c9f0ed;
    --bio-theme-link-icon-text: #176f83;
    --bio-theme-link-arrow: #176f83;
    --bio-theme-link-shadow: 0 10px 26px rgba(20, 44, 56, 0.13);
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(20, 44, 56, 0.24);
    --bio-theme-link-radius: 0px;
    --bio-theme-link-clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
    --bio-theme-icon-radius: 0px;
    --bio-theme-social-background: #e7fafa;
    --bio-theme-social-hover-background: #e3f9f8;
    --bio-theme-social-border: rgba(23, 111, 131, 0.00);
    --bio-theme-social-text: #176f83;
    --bio-theme-social-shadow: 0 10px 26px rgba(20, 44, 56, 0.13);
    --bio-theme-social-radius: 0px;
    --bio-theme-social-clip-path: polygon(28% 0, 72% 0, 100% 28%, 100% 72%, 72% 100%, 28% 100%, 0 72%, 0 28%);
    --bio-theme-contact-background: #e7fafa;
    --bio-theme-contact-border: rgba(23, 111, 131, 0.00);
    --bio-theme-contact-text: #176f83;
    --bio-theme-contact-shadow: 0 10px 26px rgba(20, 44, 56, 0.13);
    --bio-theme-contact-radius: 0px;
    --bio-theme-action-text: #176f83;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #7457d9;
    --bio-theme-chat-background: rgba(242, 254, 255, 0.30);
    --bio-theme-chat-border: rgba(20, 44, 56, 0.00);
    --bio-theme-chat-shadow: 0 22px 58px rgba(20, 44, 56, 0.14);
    --bio-theme-chat-radius: 8px;
    --bio-theme-chat-messages-background: rgba(220, 249, 247, 0.30);
    --bio-theme-chat-input-background: rgba(233, 251, 251, 0.30);
    --bio-theme-chat-input-focus-background: rgba(237, 252, 252, 0.30);
    --bio-theme-chat-input-border: rgba(23, 111, 131, 0.26);
    --bio-theme-chat-placeholder: #58727d;
    --bio-theme-chat-visitor-background: #f4feff;
    --bio-theme-chat-visitor-text: #142c38;
    --bio-theme-chat-visitor-border: rgba(23, 111, 131, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #176f83, #7457d9);
    --bio-theme-chat-owner-text: #ffffff;
    --bio-theme-chat-owner-border: rgba(116, 87, 217, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #176f83, #7457d9);
    --bio-theme-send-text: #ffffff;
    --bio-theme-send-shadow: 0 12px 28px rgba(23, 111, 131, 0.30);
    --bio-theme-footer-background: #f4ffff;
    --bio-theme-footer-text: #176f83;
    --bio-theme-footer-border: rgba(23, 111, 131, 0.00);
    --bio-theme-footer-shadow: 0 16px 38px rgba(20, 44, 56, 0.14);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(234, 252, 255, 0.00), rgba(234, 252, 255, 0.94));
    --bio-theme-focus-ring: rgba(23, 111, 131, 0.42);
}

[data-bio-theme="carbon_bloom"] {
    color-scheme: dark;
    --bio-theme-font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", Arial, sans-serif;
    --bio-theme-heading-font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", Arial, sans-serif;
    --bio-theme-heading-font-style: normal;
    --bio-theme-heading-font-weight: 900;
    --bio-theme-heading-letter-spacing: 0.025em;
    --bio-theme-heading-text-transform: uppercase;
    --bio-theme-page-background:
        linear-gradient(180deg, rgba(5, 6, 7, 0.04), rgba(5, 6, 7, 0.36)),
        url("/assets/img/bio-themes/carbon-bloom.svg") center center / cover no-repeat;
    --bio-theme-page-pattern:
        none;
    --bio-theme-page-pattern-size: auto;
    --bio-theme-page-pattern-opacity: 0;
    --bio-theme-text: #f6f7f8;
    --bio-theme-muted: #a9afb3;
    --bio-theme-accent: #ff6eaa;
    --bio-theme-accent-2: #8b9eff;
    --bio-theme-accent-soft: #2f1925;
    --bio-theme-danger: #c43a42;
    --bio-theme-surface-background: rgba(14, 16, 19, 0.10);
    --bio-theme-surface-border: rgba(255, 110, 170, 0.20);
    --bio-theme-surface-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-surface-backdrop: none;
    --bio-theme-cover-background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.26), transparent 24%),
        linear-gradient(135deg, #ff6eaa, #8b9eff 58%, #161a1d);
    --bio-theme-cover-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(7, 16, 20, 0.18));
    --bio-theme-avatar-background: linear-gradient(135deg, #ff6eaa, #8b9eff);
    --bio-theme-avatar-color: #071014;
    --bio-theme-avatar-border: rgba(255, 255, 255, 0.88);
    --bio-theme-avatar-shadow: 0 12px 30px rgba(7, 16, 20, 0.34);
    --bio-theme-link-background: #111417;
    --bio-theme-link-hover-background: #303335;
    --bio-theme-link-border: rgba(255, 110, 170, 0.52);
    --bio-theme-link-hover-border: rgba(139, 158, 255, 0.70);
    --bio-theme-link-text: #f6f7f8;
    --bio-theme-link-icon-background: #272c31;
    --bio-theme-link-icon-text: #ff8fbd;
    --bio-theme-link-arrow: #ff8fbd;
    --bio-theme-link-shadow: none;
    --bio-theme-link-hover-shadow: 0 17px 38px rgba(7, 16, 20, 0.43);
    --bio-theme-link-radius: 0px;
    --bio-theme-link-clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
    --bio-theme-icon-radius: 0px;
    --bio-theme-social-background: #181b1f;
    --bio-theme-social-hover-background: #1d1b20;
    --bio-theme-social-border: rgba(255, 110, 170, 0.52);
    --bio-theme-social-text: #ff8fbd;
    --bio-theme-social-shadow: none;
    --bio-theme-social-radius: 0px;
    --bio-theme-social-clip-path: polygon(28% 0, 72% 0, 100% 28%, 100% 72%, 72% 100%, 28% 100%, 0 72%, 0 28%);
    --bio-theme-contact-background: #181b1f;
    --bio-theme-contact-border: rgba(255, 110, 170, 0.52);
    --bio-theme-contact-text: #ff8fbd;
    --bio-theme-contact-shadow: none;
    --bio-theme-contact-radius: 0px;
    --bio-theme-action-text: #ff8fbd;
    --bio-theme-action-background: transparent;
    --bio-theme-action-hover: #8b9eff;
    --bio-theme-chat-background: rgba(14, 16, 19, 0.30);
    --bio-theme-chat-border: rgba(255, 110, 170, 0.20);
    --bio-theme-chat-shadow: 0 22px 58px rgba(7, 16, 20, 0.32);
    --bio-theme-chat-radius: 8px;
    --bio-theme-chat-messages-background: rgba(15, 18, 21, 0.30);
    --bio-theme-chat-input-background: rgba(20, 22, 26, 0.30);
    --bio-theme-chat-input-focus-background: rgba(19, 22, 25, 0.30);
    --bio-theme-chat-input-border: rgba(255, 110, 170, 0.26);
    --bio-theme-chat-placeholder: #a9afb3;
    --bio-theme-chat-visitor-background: #0f1215;
    --bio-theme-chat-visitor-text: #f6f7f8;
    --bio-theme-chat-visitor-border: rgba(255, 110, 170, 0.18);
    --bio-theme-chat-owner-background: linear-gradient(135deg, #ff6eaa, #8b9eff);
    --bio-theme-chat-owner-text: #071014;
    --bio-theme-chat-owner-border: rgba(139, 158, 255, 0.24);
    --bio-theme-send-background: linear-gradient(135deg, #ff6eaa, #8b9eff);
    --bio-theme-send-text: #071014;
    --bio-theme-send-shadow: 0 12px 28px rgba(255, 110, 170, 0.30);
    --bio-theme-footer-background: #101316;
    --bio-theme-footer-text: #ff8fbd;
    --bio-theme-footer-border: rgba(255, 110, 170, 0.52);
    --bio-theme-footer-shadow: 0 16px 38px rgba(7, 16, 20, 0.30);
    --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(5, 6, 7, 0.00), rgba(5, 6, 7, 0.94));
    --bio-theme-focus-ring: rgba(255, 110, 170, 0.42);
}

/* --------------------------------------------------------------------------
   Public Bio Page and admin public-page preview application
   -------------------------------------------------------------------------- */

.public-shell-bio[data-bio-theme],
.bio-preview-public-copy[data-bio-theme],
.bio-preview-public-copy [data-bio-theme] {
    position: relative;
    isolation: isolate;
    color: var(--bio-theme-text) !important;
    font-family: var(--bio-theme-font-family) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-name,
.public-shell-bio[data-bio-theme] .bio-public-headline,
.public-shell-bio [data-bio-theme] .bio-public-name,
.public-shell-bio [data-bio-theme] .bio-public-headline,
.bio-preview-public-copy[data-bio-theme] .bio-public-name,
.bio-preview-public-copy[data-bio-theme] .bio-public-headline,
.bio-preview-public-copy [data-bio-theme] .bio-public-name,
.bio-preview-public-copy [data-bio-theme] .bio-public-headline {
    font-family: var(--bio-theme-heading-font-family) !important;
    font-style: var(--bio-theme-heading-font-style) !important;
    font-weight: var(--bio-theme-heading-font-weight) !important;
    letter-spacing: var(--bio-theme-heading-letter-spacing) !important;
    text-transform: var(--bio-theme-heading-text-transform) !important;
}

.public-shell-bio[data-bio-theme] {
    background: var(--bio-theme-page-background) !important;
    background-attachment: fixed !important;
}

.public-shell-bio[data-bio-theme]::before {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    content: "";
    background-image: var(--bio-theme-page-pattern);
    background-size: var(--bio-theme-page-pattern-size);
    opacity: var(--bio-theme-page-pattern-opacity);
    mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.72) 68%, transparent 100%);
}

.public-shell-bio[data-bio-theme] .bio-public-card,
.public-shell-bio [data-bio-theme] .bio-public-card,
.bio-preview-public-copy[data-bio-theme] .bio-public-card,
.bio-preview-public-copy [data-bio-theme] .bio-public-card {
    color: var(--bio-theme-text) !important;
    background: var(--bio-theme-surface-background) !important;
    border-color: var(--bio-theme-surface-border) !important;
    box-shadow: var(--bio-theme-surface-shadow) !important;
    backdrop-filter: var(--bio-theme-surface-backdrop) !important;
    -webkit-backdrop-filter: var(--bio-theme-surface-backdrop) !important;
    transition:
        color 180ms ease,
        background 240ms ease,
        border-color 180ms ease,
        box-shadow 240ms ease !important;
}

.public-shell-bio[data-bio-theme] .bio-public-cover,
.public-shell-bio [data-bio-theme] .bio-public-cover,
.bio-preview-public-copy[data-bio-theme] .bio-public-cover,
.bio-preview-public-copy [data-bio-theme] .bio-public-cover {
    background: var(--bio-theme-cover-background) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-cover::after,
.public-shell-bio [data-bio-theme] .bio-public-cover::after,
.bio-preview-public-copy[data-bio-theme] .bio-public-cover::after,
.bio-preview-public-copy [data-bio-theme] .bio-public-cover::after {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    content: "";
    background: var(--bio-theme-cover-overlay) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-avatar,
.public-shell-bio [data-bio-theme] .bio-public-avatar,
.bio-preview-public-copy[data-bio-theme] .bio-public-avatar,
.bio-preview-public-copy [data-bio-theme] .bio-public-avatar {
    color: var(--bio-theme-avatar-color) !important;
    background: var(--bio-theme-avatar-background) !important;
    border-color: var(--bio-theme-avatar-border) !important;
    box-shadow: var(--bio-theme-avatar-shadow) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-name,
.public-shell-bio[data-bio-theme] .bio-public-headline,
.public-shell-bio [data-bio-theme] .bio-public-name,
.public-shell-bio [data-bio-theme] .bio-public-headline,
.bio-preview-public-copy[data-bio-theme] .bio-public-name,
.bio-preview-public-copy[data-bio-theme] .bio-public-headline,
.bio-preview-public-copy [data-bio-theme] .bio-public-name,
.bio-preview-public-copy [data-bio-theme] .bio-public-headline {
    color: var(--bio-theme-text) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-text,
.public-shell-bio [data-bio-theme] .bio-public-text,
.bio-preview-public-copy[data-bio-theme] .bio-public-text,
.bio-preview-public-copy [data-bio-theme] .bio-public-text {
    color: var(--bio-theme-muted) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-action-button,
.public-shell-bio [data-bio-theme] .bio-public-action-button,
.bio-preview-public-copy[data-bio-theme] .bio-public-action-button,
.bio-preview-public-copy [data-bio-theme] .bio-public-action-button {
    color: var(--bio-theme-action-text) !important;
    background: var(--bio-theme-action-background) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-action-button:hover,
.public-shell-bio [data-bio-theme] .bio-public-action-button:hover,
.bio-preview-public-copy[data-bio-theme] .bio-public-action-button:hover,
.bio-preview-public-copy [data-bio-theme] .bio-public-action-button:hover {
    color: var(--bio-theme-action-hover) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-link,
.public-shell-bio [data-bio-theme] .bio-public-link,
.bio-preview-public-copy[data-bio-theme] .bio-public-link,
.bio-preview-public-copy [data-bio-theme] .bio-public-link {
    color: var(--bio-theme-link-text) !important;
    background: var(--bio-theme-link-background) !important;
    border-color: var(--bio-theme-link-border) !important;
    border-radius: var(--bio-theme-link-radius) !important;
    clip-path: var(--bio-theme-link-clip-path) !important;
    box-shadow: var(--bio-theme-link-shadow) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-link:hover,
.public-shell-bio [data-bio-theme] .bio-public-link:hover,
.bio-preview-public-copy[data-bio-theme] .bio-public-link:hover,
.bio-preview-public-copy [data-bio-theme] .bio-public-link:hover {
    background: var(--bio-theme-link-hover-background) !important;
    border-color: var(--bio-theme-link-hover-border) !important;
    box-shadow: var(--bio-theme-link-hover-shadow) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-link-label,
.public-shell-bio [data-bio-theme] .bio-public-link-label,
.bio-preview-public-copy[data-bio-theme] .bio-public-link-label,
.bio-preview-public-copy [data-bio-theme] .bio-public-link-label {
    color: var(--bio-theme-link-text) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-link-icon:not(.bio-link-icon-custom-url),
.public-shell-bio [data-bio-theme] .bio-public-link-icon:not(.bio-link-icon-custom-url),
.bio-preview-public-copy[data-bio-theme] .bio-public-link-icon:not(.bio-link-icon-custom-url),
.bio-preview-public-copy [data-bio-theme] .bio-public-link-icon:not(.bio-link-icon-custom-url) {
    color: var(--bio-theme-link-icon-text) !important;
    background: var(--bio-theme-link-icon-background) !important;
    border-color: var(--bio-theme-link-border) !important;
    border-radius: var(--bio-theme-icon-radius) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-link-arrow,
.public-shell-bio [data-bio-theme] .bio-public-link-arrow,
.bio-preview-public-copy[data-bio-theme] .bio-public-link-arrow,
.bio-preview-public-copy [data-bio-theme] .bio-public-link-arrow {
    color: var(--bio-theme-link-arrow) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-social-link,
.public-shell-bio [data-bio-theme] .bio-public-social-link,
.bio-preview-public-copy[data-bio-theme] .bio-public-social-link,
.bio-preview-public-copy [data-bio-theme] .bio-public-social-link {
    color: var(--bio-theme-social-text) !important;
    background: var(--bio-theme-social-background) !important;
    border-color: var(--bio-theme-social-border) !important;
    border-radius: var(--bio-theme-social-radius) !important;
    clip-path: var(--bio-theme-social-clip-path) !important;
    box-shadow: var(--bio-theme-social-shadow) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-social-link:hover,
.public-shell-bio [data-bio-theme] .bio-public-social-link:hover,
.bio-preview-public-copy[data-bio-theme] .bio-public-social-link:hover,
.bio-preview-public-copy [data-bio-theme] .bio-public-social-link:hover {
    color: var(--bio-theme-action-hover) !important;
    background: var(--bio-theme-social-hover-background) !important;
    border-color: var(--bio-theme-link-hover-border) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-social-link .bio-public-link-icon,
.public-shell-bio [data-bio-theme] .bio-public-social-link .bio-public-link-icon,
.bio-preview-public-copy[data-bio-theme] .bio-public-social-link .bio-public-link-icon,
.bio-preview-public-copy [data-bio-theme] .bio-public-social-link .bio-public-link-icon {
    color: currentColor !important;
    background: transparent !important;
    border: 0 !important;
}

.public-shell-bio[data-bio-theme] .bio-public-contact-link,
.public-shell-bio [data-bio-theme] .bio-public-contact-link,
.bio-preview-public-copy[data-bio-theme] .bio-public-contact-link,
.bio-preview-public-copy [data-bio-theme] .bio-public-contact-link {
    color: var(--bio-theme-contact-text) !important;
    background: var(--bio-theme-contact-background) !important;
    border-color: var(--bio-theme-contact-border) !important;
    border-radius: var(--bio-theme-contact-radius) !important;
    box-shadow: var(--bio-theme-contact-shadow) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-join-text,
.public-shell-bio [data-bio-theme] .bio-public-join-text,
.bio-preview-public-copy[data-bio-theme] .bio-public-join-text,
.bio-preview-public-copy [data-bio-theme] .bio-public-join-text {
    color: var(--bio-theme-footer-text) !important;
    background: var(--bio-theme-footer-background) !important;
    border-color: var(--bio-theme-footer-border) !important;
    box-shadow: var(--bio-theme-footer-shadow) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-join-text:hover,
.public-shell-bio [data-bio-theme] .bio-public-join-text:hover,
.bio-preview-public-copy[data-bio-theme] .bio-public-join-text:hover,
.bio-preview-public-copy [data-bio-theme] .bio-public-join-text:hover {
    background: var(--bio-theme-link-hover-background) !important;
    box-shadow: var(--bio-theme-link-hover-shadow) !important;
}

.public-shell-bio[data-bio-theme] .bio-public-action-button:focus-visible,
.public-shell-bio[data-bio-theme] .bio-public-link:focus-visible,
.public-shell-bio[data-bio-theme] .bio-public-social-link:focus-visible,
.public-shell-bio[data-bio-theme] .bio-public-contact-link:focus-visible,
.public-shell-bio[data-bio-theme] .bio-public-join-pill:focus-visible,
.public-shell-bio[data-bio-theme] .bio-public-join-text:focus-visible,
.public-shell-bio [data-bio-theme] .bio-public-action-button:focus-visible,
.public-shell-bio [data-bio-theme] .bio-public-link:focus-visible,
.public-shell-bio [data-bio-theme] .bio-public-social-link:focus-visible,
.public-shell-bio [data-bio-theme] .bio-public-contact-link:focus-visible,
.bio-preview-public-copy[data-bio-theme] .bio-public-action-button:focus-visible,
.bio-preview-public-copy[data-bio-theme] .bio-public-link:focus-visible,
.bio-preview-public-copy[data-bio-theme] .bio-public-social-link:focus-visible,
.bio-preview-public-copy[data-bio-theme] .bio-public-contact-link:focus-visible {
    outline-color: var(--bio-theme-focus-ring) !important;
}

/* Public Bio embedded chat */
.public-shell-bio[data-bio-theme] .public-chat-bio,
.public-shell-bio [data-bio-theme] .public-chat-bio,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio {
    color: var(--bio-theme-text) !important;
    background: var(--bio-theme-chat-background) !important;
    border-color: var(--bio-theme-chat-border) !important;
    border-radius: var(--bio-theme-chat-radius) !important;
    box-shadow: var(--bio-theme-chat-shadow) !important;
    backdrop-filter: var(--bio-theme-surface-backdrop) !important;
    -webkit-backdrop-filter: var(--bio-theme-surface-backdrop) !important;
}

.public-shell-bio[data-bio-theme] .public-chat-bio .messages,
.public-shell-bio [data-bio-theme] .public-chat-bio .messages,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio .messages,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio .messages {
    color: var(--bio-theme-text) !important;
    background: var(--bio-theme-chat-messages-background) !important;
    border-color: var(--bio-theme-chat-input-border) !important;
}

.public-shell-bio[data-bio-theme] .public-chat-bio .empty-state,
.public-shell-bio [data-bio-theme] .public-chat-bio .empty-state,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio .empty-state,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio .empty-state {
    color: var(--bio-theme-muted) !important;
}

.public-shell-bio[data-bio-theme] .public-chat-bio input,
.public-shell-bio[data-bio-theme] .public-chat-bio textarea,
.public-shell-bio [data-bio-theme] .public-chat-bio input,
.public-shell-bio [data-bio-theme] .public-chat-bio textarea,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio input,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio textarea,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio input,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio textarea {
    color: var(--bio-theme-text) !important;
    background: var(--bio-theme-chat-input-background) !important;
    border-color: var(--bio-theme-chat-input-border) !important;
}

.public-shell-bio[data-bio-theme] .public-chat-bio input::placeholder,
.public-shell-bio[data-bio-theme] .public-chat-bio textarea::placeholder,
.public-shell-bio [data-bio-theme] .public-chat-bio input::placeholder,
.public-shell-bio [data-bio-theme] .public-chat-bio textarea::placeholder,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio input::placeholder,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio textarea::placeholder,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio input::placeholder,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio textarea::placeholder {
    color: var(--bio-theme-chat-placeholder) !important;
    opacity: 1 !important;
}

.public-shell-bio[data-bio-theme] .public-chat-bio input:focus,
.public-shell-bio[data-bio-theme] .public-chat-bio textarea:focus,
.public-shell-bio [data-bio-theme] .public-chat-bio input:focus,
.public-shell-bio [data-bio-theme] .public-chat-bio textarea:focus,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio input:focus,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio textarea:focus,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio input:focus,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio textarea:focus {
    background: var(--bio-theme-chat-input-focus-background) !important;
    border-color: var(--bio-theme-accent) !important;
    box-shadow: 0 0 0 4px var(--bio-theme-focus-ring) !important;
}

.public-shell-bio[data-bio-theme] .public-chat-bio .public-message-composer,
.public-shell-bio [data-bio-theme] .public-chat-bio .public-message-composer,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio .public-message-composer,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio .public-message-composer {
    background: var(--bio-theme-chat-input-background) !important;
    border-color: var(--bio-theme-chat-input-border) !important;
}

.public-shell-bio[data-bio-theme] .public-chat-bio .public-message-composer:focus-within,
.public-shell-bio [data-bio-theme] .public-chat-bio .public-message-composer:focus-within,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio .public-message-composer:focus-within,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio .public-message-composer:focus-within {
    background: var(--bio-theme-chat-input-focus-background) !important;
    border-color: var(--bio-theme-accent) !important;
    box-shadow: 0 0 0 4px var(--bio-theme-focus-ring) !important;
}

.public-shell-bio[data-bio-theme] .public-chat-bio .public-message-composer textarea,
.public-shell-bio[data-bio-theme] .public-chat-bio .public-message-composer textarea:focus,
.public-shell-bio [data-bio-theme] .public-chat-bio .public-message-composer textarea,
.public-shell-bio [data-bio-theme] .public-chat-bio .public-message-composer textarea:focus,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio .public-message-composer textarea,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio .public-message-composer textarea:focus,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio .public-message-composer textarea,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio .public-message-composer textarea:focus {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.public-shell-bio[data-bio-theme] .public-chat-bio .public-send-button,
.public-shell-bio [data-bio-theme] .public-chat-bio .public-send-button,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio .public-send-button,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio .public-send-button {
    color: var(--bio-theme-send-text) !important;
    background: var(--bio-theme-send-background) !important;
    box-shadow: var(--bio-theme-send-shadow) !important;
}

.public-shell-bio[data-bio-theme] .public-chat-bio .message.visitor,
.public-shell-bio [data-bio-theme] .public-chat-bio .message.visitor,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio .message.visitor,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio .message.visitor {
    color: var(--bio-theme-chat-visitor-text) !important;
    background: var(--bio-theme-chat-visitor-background) !important;
    border-color: var(--bio-theme-chat-visitor-border) !important;
}

.public-shell-bio[data-bio-theme] .public-chat-bio .message.owner,
.public-shell-bio [data-bio-theme] .public-chat-bio .message.owner,
.bio-preview-public-copy[data-bio-theme] .public-chat-bio .message.owner,
.bio-preview-public-copy [data-bio-theme] .public-chat-bio .message.owner {
    color: var(--bio-theme-chat-owner-text) !important;
    background: var(--bio-theme-chat-owner-background) !important;
    border-color: var(--bio-theme-chat-owner-border) !important;
}

.public-shell-bio[data-bio-theme] .public-chat-bio .form-result:not(.error),
.public-shell-bio [data-bio-theme] .public-chat-bio .form-result:not(.error),
.bio-preview-public-copy[data-bio-theme] .public-chat-bio .form-result:not(.error),
.bio-preview-public-copy [data-bio-theme] .public-chat-bio .form-result:not(.error) {
    color: var(--bio-theme-accent) !important;
    background: var(--bio-theme-accent-soft) !important;
    border-color: var(--bio-theme-chat-input-border) !important;
}

/* Claim modal inherits the active public theme because it lives inside the Bio card. */
.public-shell-bio[data-bio-theme] .bio-claim-dialog,
.public-shell-bio [data-bio-theme] .bio-claim-dialog {
    color: var(--bio-theme-text) !important;
    background: var(--bio-theme-chat-background) !important;
    border-color: var(--bio-theme-chat-border) !important;
    box-shadow: var(--bio-theme-surface-shadow) !important;
}

.public-shell-bio[data-bio-theme] .bio-claim-copy h2,
.public-shell-bio[data-bio-theme] .bio-claim-kicker,
.public-shell-bio[data-bio-theme] .bio-claim-brand,
.public-shell-bio [data-bio-theme] .bio-claim-copy h2,
.public-shell-bio [data-bio-theme] .bio-claim-kicker,
.public-shell-bio [data-bio-theme] .bio-claim-brand {
    color: var(--bio-theme-text) !important;
}

.public-shell-bio[data-bio-theme] .bio-claim-copy p:not(.bio-claim-kicker),
.public-shell-bio [data-bio-theme] .bio-claim-copy p:not(.bio-claim-kicker) {
    color: var(--bio-theme-muted) !important;
}

.public-shell-bio[data-bio-theme] .bio-claim-slug-field,
.public-shell-bio [data-bio-theme] .bio-claim-slug-field {
    color: var(--bio-theme-text) !important;
    background: var(--bio-theme-chat-input-background) !important;
    border-color: var(--bio-theme-chat-input-border) !important;
}

.public-shell-bio[data-bio-theme] .bio-claim-primary,
.public-shell-bio [data-bio-theme] .bio-claim-primary {
    color: var(--bio-theme-send-text) !important;
    background: var(--bio-theme-send-background) !important;
    box-shadow: var(--bio-theme-send-shadow) !important;
}

.public-shell-bio[data-bio-theme] .bio-claim-secondary,
.public-shell-bio [data-bio-theme] .bio-claim-secondary {
    color: var(--bio-theme-contact-text) !important;
    background: var(--bio-theme-contact-background) !important;
    border-color: var(--bio-theme-contact-border) !important;
}

@media (max-width: 720px) {
    .public-shell-bio[data-bio-theme] .bio-public-join-cta::before,
    .public-shell-bio [data-bio-theme] .bio-public-join-cta::before {
        background: var(--bio-theme-mobile-footer-fade) !important;
    }

    .public-shell-bio[data-bio-theme] .bio-public-join-pill,
    .public-shell-bio [data-bio-theme] .bio-public-join-pill {
        color: var(--bio-theme-text) !important;
        background: var(--bio-theme-link-hover-background) !important;
        border-color: var(--bio-theme-footer-border) !important;
        box-shadow: var(--bio-theme-footer-shadow) !important;
    }

    .public-shell-bio[data-bio-theme] .bio-public-join-text,
    .public-shell-bio [data-bio-theme] .bio-public-join-text {
        color: #ffffff !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* --------------------------------------------------------------------------
   Image-backed public theme effects
   -------------------------------------------------------------------------- */

.bio-preview-public-copy[data-bio-theme] {
    background: var(--bio-theme-page-background) !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.bio-preview-public-copy[data-bio-theme]::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    content: "";
    background-image: var(--bio-theme-page-pattern);
    background-size: var(--bio-theme-page-pattern-size);
    opacity: var(--bio-theme-page-pattern-opacity);
}

.public-shell-bio[data-bio-theme="mineral_lime"],
.bio-preview-public-copy[data-bio-theme="mineral_lime"] {
    animation: bioThemeMineralDrift 22s ease-in-out infinite alternate;
}

.public-shell-bio[data-bio-theme="mineral_lime"] .bio-public-name,
.public-shell-bio[data-bio-theme="mineral_lime"] .bio-public-headline,
.bio-preview-public-copy[data-bio-theme="mineral_lime"] .bio-public-name,
.bio-preview-public-copy[data-bio-theme="mineral_lime"] .bio-public-headline {
    font-family: Georgia, "Times New Roman", serif !important;
    font-style: italic;
    letter-spacing: -0.025em;
}

.public-shell-bio[data-bio-theme="on_air_red"] .bio-public-name,
.public-shell-bio[data-bio-theme="on_air_red"] .bio-public-headline,
.bio-preview-public-copy[data-bio-theme="on_air_red"] .bio-public-name,
.bio-preview-public-copy[data-bio-theme="on_air_red"] .bio-public-headline {
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
    font-style: normal;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.public-shell-bio[data-bio-theme="on_air_red"] > *,
.bio-preview-public-copy[data-bio-theme="on_air_red"] > * {
    position: relative;
    z-index: 1;
}

.public-shell-bio[data-bio-theme="on_air_red"]::after,
.bio-preview-public-copy[data-bio-theme="on_air_red"]::after {
    position: absolute;
    top: clamp(12px, 3vw, 28px);
    left: 50%;
    z-index: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: clamp(92px, 15vw, 156px);
    min-height: clamp(30px, 4.5vw, 48px);
    padding: 0 16px;
    pointer-events: none;
    content: "ON AIR";
    color: #fff7f4;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    font-size: clamp(16px, 2.2vw, 30px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.11em;
    text-indent: 0.11em;
    text-shadow: 0 0 12px rgba(255, 213, 205, 0.72);
    background: linear-gradient(180deg, rgba(190, 21, 12, 0.96), rgba(92, 4, 2, 0.96));
    border: 1px solid rgba(255, 161, 145, 0.68);
    border-radius: 7px;
    box-shadow:
        0 10px 30px rgba(25, 0, 0, 0.42),
        0 0 28px rgba(255, 55, 35, 0.30),
        0 1px 0 rgba(255, 255, 255, 0.18) inset;
    transform: translateX(-50%);
    animation: bioThemeOnAirPulse 1.8s ease-in-out infinite;
}

.bio-preview-public-copy[data-bio-theme="on_air_red"]::after {
    top: 10px;
    min-width: 74px;
    min-height: 25px;
    padding: 0 10px;
    font-size: 13px;
    border-radius: 5px;
}

.bio-theme-card-preview[data-bio-theme="mineral_lime"] .bio-theme-card-preview-aa {
    color: #ccff00;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    text-shadow: 0 4px 14px rgba(0, 24, 23, 0.42);
}

.bio-theme-card-preview[data-bio-theme="on_air_red"] .bio-theme-card-preview-aa {
    color: #fff0eb;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    font-style: normal;
    letter-spacing: 0.02em;
    text-shadow: 0 0 16px rgba(255, 62, 39, 0.54);
}

@keyframes bioThemeMineralDrift {
    0% {
        background-position: 47% 50%;
    }

    100% {
        background-position: 53% 46%;
    }
}

@keyframes bioThemeOnAirPulse {
    0%,
    100% {
        opacity: 0.84;
        filter: saturate(0.94) brightness(0.92);
        box-shadow:
            0 10px 30px rgba(25, 0, 0, 0.42),
            0 0 18px rgba(255, 55, 35, 0.20),
            0 1px 0 rgba(255, 255, 255, 0.18) inset;
    }

    50% {
        opacity: 1;
        filter: saturate(1.14) brightness(1.10);
        box-shadow:
            0 12px 34px rgba(25, 0, 0, 0.48),
            0 0 40px rgba(255, 55, 35, 0.54),
            0 1px 0 rgba(255, 255, 255, 0.26) inset;
    }
}

@media (max-width: 720px) {
    .public-shell-bio[data-bio-theme="mineral_lime"],
    .public-shell-bio[data-bio-theme="on_air_red"] {
        background-attachment: scroll !important;
    }

    .public-shell-bio[data-bio-theme="on_air_red"]::after {
        position: absolute;
        top: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .public-shell-bio[data-bio-theme="mineral_lime"],
    .bio-preview-public-copy[data-bio-theme="mineral_lime"],
    .public-shell-bio[data-bio-theme="on_air_red"]::after,
    .bio-preview-public-copy[data-bio-theme="on_air_red"]::after {
        animation: none !important;
    }
}

/* --------------------------------------------------------------------------
   Admin Theme panel — always follows the normal Chatting.im dashboard style
   -------------------------------------------------------------------------- */

.bio-theme-admin,
.bio-theme-admin * {
    box-sizing: border-box;
}

/* CI_BIO_THEME_OUTER_FRAME_REMOVED_V1
   Match the Page tab: the Theme workspace has no separate outer card.
*/
.bio-theme-admin {
    position: relative;
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 0;
    padding: 0;
    color: var(--text);
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.bio-theme-admin[aria-busy="true"] {
    cursor: progress;
}

/* CI_BIO_THEME_COMPACT_HEADER_V1 */
.bio-theme-section-tabs {
    min-width: 0;
}

.bio-theme-tab-current {
    display: none;
    flex: 0 1 auto;
    align-items: center;
    min-width: 0;
    max-width: min(260px, 38vw);
    margin-left: auto;
    margin-right: 4px;
    padding: 5px 9px;
    overflow: hidden;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.34);
    border: 1px solid rgba(31, 24, 17, 0.10);
    border-radius: 999px;
}

.bio-theme-section-tabs
    > [data-onepage-section-tab="theme"].active
    ~ .bio-theme-tab-current {
    display: inline-flex;
}

.bio-theme-locked-notice {
    display: grid;
    min-height: 48px;
    place-items: center start;
    padding: 11px 14px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 750;
    line-height: 1.4;
    background: rgba(31, 24, 17, 0.045);
    border: 1px dashed var(--line-strong);
    border-radius: 16px;
}

/* CI_BIO_THEME_COMPACT_LINKTREE_CARDS_V1 */
.bio-theme-grid {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 10px;
}

.bio-theme-card {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 6px;
    padding: 0;
    color: var(--text);
    text-align: center;
    background: transparent;
    border: 0;
    border-radius: 14px;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition:
        transform 160ms ease,
        opacity 180ms ease;
}

.bio-theme-card:hover {
    transform: translateY(-2px);
    background: transparent;
    box-shadow: none;
}

.bio-theme-card:active {
    transform: translateY(-1px) scale(0.988);
}

.bio-theme-card:focus-visible {
    background: transparent;
    box-shadow: none;
}

.bio-theme-card:focus-visible .bio-theme-card-preview {
    border-color: rgba(23, 79, 63, 0.58);
    box-shadow:
        0 0 0 3px rgba(23, 79, 63, 0.12),
        0 12px 28px rgba(52, 39, 21, 0.14);
}

.bio-theme-card.is-selected .bio-theme-card-preview {
    border-color: var(--primary);
    box-shadow:
        0 0 0 1px #ffffff,
        0 0 0 3px var(--primary),
        0 12px 28px rgba(23, 79, 63, 0.18);
}

.bio-theme-card:disabled,
.bio-theme-card[aria-disabled="true"] {
    cursor: not-allowed;
    transform: none;
    opacity: 0.58;
    box-shadow: none;
}

.bio-theme-card-selected-mark {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 8;
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    color: #ffffff;
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
    border: 1px solid rgba(255, 255, 255, 0.96);
    border-radius: 999px;
    box-shadow: 0 6px 14px rgba(23, 79, 63, 0.26);
    opacity: 0;
    transform: scale(0.72);
    transition:
        opacity 160ms ease,
        transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

.bio-theme-card.is-selected .bio-theme-card-selected-mark {
    opacity: 1;
    transform: scale(1);
}

.bio-theme-card-copy {
    display: grid;
    min-width: 0;
    gap: 0;
    padding: 0 3px;
}

.bio-theme-card-copy strong {
    min-width: 0;
    overflow: hidden;
    color: var(--text);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bio-theme-card-copy small {
    display: none;
}

/* CI_BIO_THEME_UNIFORM_LINKTREE_CARDS_V1
   Every Theme selector card uses exactly the same geometry. Theme presets may
   change only visual tokens such as background, text, font, border and shadow. */
.bio-theme-card-preview {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    box-sizing: border-box;
    color: var(--bio-theme-text);
    font-family: var(--bio-theme-font-family);
    background: var(--bio-theme-page-background);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(52, 39, 21, 0.10);
    isolation: isolate;
    transition:
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
}

.bio-theme-card-preview::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    content: "";
    background-image: var(--bio-theme-page-pattern);
    background-size: var(--bio-theme-page-pattern-size);
    opacity: calc(var(--bio-theme-page-pattern-opacity) * 0.72);
}

.bio-theme-card-preview-art {
    position: absolute;
    inset: 0;
    display: block;
    padding: 0;
}

.bio-theme-card-preview-aa {
    position: absolute;
    top: 14%;
    left: 13%;
    z-index: 2;
    display: block;
    color: var(--bio-theme-text);
    font-family: var(--bio-theme-heading-font-family, var(--bio-theme-font-family));
    font-size: clamp(20px, 1.85vw, 27px);
    font-style: var(--bio-theme-heading-font-style, normal);
    font-weight: var(--bio-theme-heading-font-weight, 700);
    line-height: 0.95;
    letter-spacing: var(--bio-theme-heading-letter-spacing, -0.06em);
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
}

.bio-theme-card-preview-button {
    position: absolute;
    right: -5%;
    bottom: 8%;
    left: 13%;
    display: block;
    width: auto;
    height: 27%;
    min-height: 0;
    max-height: none;
    box-sizing: border-box;
    background: var(--bio-theme-link-background);
    border: 1px solid var(--bio-theme-link-border);
    border-radius: max(8px, calc(var(--bio-theme-link-radius) * 0.55));
    clip-path: var(--bio-theme-link-clip-path);
    box-shadow: var(--bio-theme-link-shadow);
}

.bio-theme-card-preview-detail {
    display: none;
}

.bio-theme-result {
    margin: 0;
}

.bio-theme-result.success {
    color: var(--primary);
    background: var(--primary-soft);
    border-color: rgba(23, 79, 63, 0.14);
}

.bio-theme-admin.is-saving::after {
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: none;
    content: "";
    background: rgba(251, 248, 241, 0.28);
    border-radius: inherit;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}

.bio-theme-admin.is-saving .bio-theme-card.is-selected .bio-theme-card-preview {
    animation: bioThemeSavingPulse 1.1s ease-in-out infinite;
}

@keyframes bioThemeSavingPulse {
    0%,
    100% {
        box-shadow:
            0 0 0 2px #ffffff,
            0 0 0 4px rgba(23, 79, 63, 0.72),
            0 16px 36px rgba(23, 79, 63, 0.14);
    }

    50% {
        box-shadow:
            0 0 0 2px #ffffff,
            0 0 0 6px rgba(23, 79, 63, 0.28),
            0 20px 44px rgba(23, 79, 63, 0.20);
    }
}

/* --------------------------------------------------------------------------
   Responsive Theme panel
   -------------------------------------------------------------------------- */

@media (min-width: 360px) and (max-width: 719px) {
    .bio-theme-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 720px) {
    .bio-theme-grid {
        grid-template-columns: repeat(auto-fill, minmax(82px, 96px));
        justify-content: start;
        gap: 14px 10px;
    }
}

@media (min-width: 1320px) {
    .bio-theme-grid {
        grid-template-columns: repeat(auto-fill, minmax(86px, 100px));
        gap: 15px 11px;
    }
}

@media (max-width: 719px) {
    .bio-theme-tab-current {
        max-width: 34vw;
        margin-right: 2px;
        padding: 4px 7px;
        font-size: 11px;
    }

    .bio-theme-grid {
        gap: 13px 9px;
    }

    .bio-theme-card-preview {
        border-radius: 13px;
    }

    .bio-theme-card-preview-aa {
        font-size: clamp(20px, 6.2vw, 27px);
    }
}

@media (max-width: 350px) {
    .bio-theme-grid {
        gap: 12px 8px;
    }

    .bio-theme-card-preview {
        border-radius: 12px;
    }

    .bio-theme-card-copy strong {
        font-size: 10px;
    }
}

/* --------------------------------------------------------------------------
   Accessibility and platform fallbacks
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .bio-theme-card,
    .bio-theme-card-preview,
    .bio-theme-card-selected-mark,
    .public-shell-bio[data-bio-theme] .bio-public-card,
    .public-shell-bio [data-bio-theme] .bio-public-card {
        transition: none !important;
    }

    .bio-theme-admin.is-saving .bio-theme-card.is-selected .bio-theme-card-preview {
        animation: none !important;
    }
}

@media (prefers-contrast: more) {
    .bio-theme-card-preview {
        border-color: var(--line-strong);
    }

    .bio-theme-card.is-selected .bio-theme-card-preview {
        border-width: 2px;
        border-color: var(--primary);
    }

    .public-shell-bio[data-bio-theme] .bio-public-link,
    .public-shell-bio[data-bio-theme] .bio-public-social-link,
    .public-shell-bio[data-bio-theme] .bio-public-contact-link,
    .public-shell-bio[data-bio-theme] .public-chat-bio {
        border-width: 2px !important;
    }
}

@media (forced-colors: active) {
    .bio-theme-card-preview,
    .bio-theme-locked-notice {
        forced-color-adjust: auto;
        border: 1px solid CanvasText;
    }

    .bio-theme-card.is-selected .bio-theme-card-preview {
        outline: 3px solid Highlight;
        outline-offset: 2px;
    }

    .bio-theme-card-selected-mark {
        color: HighlightText;
        background: Highlight;
        border-color: Highlight;
    }
}

@media print {
    .bio-theme-admin {
        box-shadow: none;
    }

    .bio-theme-card {
        break-inside: avoid;
        box-shadow: none;
    }
}

/* CI_BIO_THEME_IMAGE_PRESETS_CSS_V1 */

/* CI_BIO_THEME_REUSABLE_LIVE_PREVIEW_CSS_V3
   Theme uses the exact Page layout and preview dimensions. No Theme-only
   heading, card, padding, background, width cap or responsive order remains.
*/

.bio-theme-admin-shell,
.bio-theme-workspace {
    min-width: 0;
}

.bio-theme-selector-column {
    display: grid;
    min-width: 0;
    gap: 22px;
}

@media (max-width: 719px) {
    .bio-theme-selector-column {
        gap: 18px;
    }
}

/* END CI_BIO_THEME_REUSABLE_LIVE_PREVIEW_CSS_V3 */