/* Glass — luminous depth without visual noise */
body.theme-glassmorphism,
.preview-phone-frame.theme-glassmorphism {
    --accent-1: #6967d9;
    --accent-2: #cf73b5;
    --accent-1-rgb: 105, 103, 217;
    --accent-2-rgb: 207, 115, 181;
    --accent-1-contrast: #ffffff;
    --accent-2-contrast: #111827;
    --bio-bg: #dce5f4;
    --bio-bg-detail: linear-gradient(135deg, #d9e5f5 0%, #f3e6ef 50%, #dfece8 100%);
    --bio-surface: rgba(255,255,255,.56);
    --bio-surface-border: rgba(255,255,255,.75);
    --bio-text: #20243f;
    --bio-muted: #646985;
    --bio-card-radius: 2rem;
    --bio-card-shadow: 0 28px 80px -38px rgba(53, 59, 105, .48), inset 0 1px 0 rgba(255,255,255,.8);
    --bio-avatar-ring: linear-gradient(135deg, var(--accent-1), var(--accent-2));
    --bio-button-bg: rgba(255,255,255,.58);
    --bio-button-text: #20243f;
    --bio-button-border: rgba(255,255,255,.88);
    --bio-button-radius: 999px;
    --bio-button-shadow: 0 12px 28px -22px rgba(49, 51, 99, .52), inset 0 1px 0 rgba(255,255,255,.72);
    --bio-button-hover-shadow: 0 18px 36px -22px rgba(49, 51, 99, .65);
    --bio-plugin-bg: rgba(255,255,255,.44);
    --bio-plugin-border: rgba(255,255,255,.72);
    --bio-plugin-radius: 1.4rem;
    --bio-media-radius: 1rem;
    --bio-social-bg: rgba(255,255,255,.55);
    --bio-social-text: #34385d;
    --bio-footer-bg: rgba(255,255,255,.34);
    --bio-footer-border: rgba(255,255,255,.58);
    --bio-footer-text: #646985;
    --bio-image-overlay: rgba(34, 38, 67, .22);
    font-family: 'Outfit', system-ui, sans-serif;
}

.theme-glassmorphism .bio-page-card,
.theme-glassmorphism .bio-plugin-card,
.theme-glassmorphism .bio-btn { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }

.theme-glassmorphism .bio-backdrop__shape { display: block; border-radius: 50%; filter: blur(3px); opacity: .58; }
.theme-glassmorphism .bio-backdrop__shape--one { width: 22rem; height: 22rem; top: -8rem; left: -7rem; background: radial-gradient(circle at 35% 35%, rgba(var(--accent-1-rgb), .72), rgba(var(--accent-1-rgb), 0) 68%); }
.theme-glassmorphism .bio-backdrop__shape--two { width: 20rem; height: 20rem; right: -6rem; bottom: -8rem; background: radial-gradient(circle at 45% 45%, rgba(var(--accent-2-rgb), .6), rgba(var(--accent-2-rgb), 0) 70%); }
.theme-glassmorphism .bio-title { font-size: clamp(1.8rem, 6vw, 2.35rem); font-weight: 720; letter-spacing: -.045em; }
.theme-glassmorphism .bio-desc { line-height: 1.6; }
.theme-glassmorphism .bio-btn { font-weight: 650; }
.theme-glassmorphism .bio-btn:not([style*="--custom-bg"]):hover { background: rgba(255,255,255,.77) !important; border-color: #fff !important; }
.theme-glassmorphism .social-icon-btn { border-color: rgba(255,255,255,.8); }
.theme-glassmorphism .bio-widget__cta { border-radius: 999px; box-shadow: 0 10px 24px -16px rgba(55, 54, 130, .65); }
.theme-glassmorphism .bio-countdown__unit,
.theme-glassmorphism .bio-gallery__controls button { backdrop-filter: blur(10px); border-color: rgba(255,255,255,.72); }
.preview-phone-frame.theme-glassmorphism .bio-title { font-size: 1.1rem; }
.preview-phone-frame.theme-glassmorphism .bio-backdrop__shape--one { width: 11rem; height: 11rem; top: -3rem; left: -4rem; }
.preview-phone-frame.theme-glassmorphism .bio-backdrop__shape--two { width: 10rem; height: 10rem; right: -3rem; bottom: -2rem; }