/* HOLIUS Theme System — Final Selected 22 Themes (2026-10) */
:root{--font-family:var(--theme-font-ui);--radius-btn:var(--theme-radius-button,8px);--radius-card:var(--theme-radius-card,12px);--border-width:var(--theme-border-width,1px);--theme-font:var(--theme-font-ui);--theme-radius-btn:var(--theme-radius-button);--legacy-radius-card:var(--theme-radius-card);--legacy-border-width:var(--theme-border-width);--bg-primary:#FFFFFF;--bg-surface:#F8F9FA;--text-main:#111827;--text-sub:#6B7280;--brand-accent:#111827;--brand-accent-hover:#1F2937;--border-color:#E5E7EB;--shadow-style:0 4px 12px rgba(0,0,0,.03);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-accent-contrast:#FFFFFF;--theme-surface-2:#F3F4F6;--theme-input:#FFFFFF;--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Modern Soft Clean — 미니멀 무채색 */
html[data-theme="modern-soft-clean"]{--bg-primary:#FFFFFF;--bg-surface:#F8F9FA;--text-main:#111827;--text-sub:#6B7280;--brand-accent:#111827;--brand-accent-hover:#1F2937;--border-color:#E5E7EB;--shadow-style:0 4px 12px rgba(0,0,0,.03);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Deep Navy Fresh — 시안 & 딥 네이비 */
html[data-theme="deep-navy-fresh"]{--bg-primary:#F0F4F8;--bg-surface:#FFFFFF;--text-main:#0F172A;--text-sub:#475569;--brand-accent:#0284C7;--brand-accent-hover:#0369A1;--border-color:#BAE6FD;--shadow-style:0 4px 12px rgba(2,132,199,.06);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Sage Organic Clean — 세이지 그린 */
html[data-theme="sage-organic-clean"]{--bg-primary:#F4F6F0;--bg-surface:#FFFFFF;--text-main:#2C352E;--text-sub:#58655B;--brand-accent:#4A5D4E;--brand-accent-hover:#37463A;--border-color:#D3DCD0;--shadow-style:0 4px 12px rgba(74,93,78,.05);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Slate Blue Corporate — 슬레이트 블루 */
html[data-theme="slate-blue-corporate"]{--bg-primary:#F1F5F9;--bg-surface:#FFFFFF;--text-main:#1E293B;--text-sub:#64748B;--brand-accent:#3B82F6;--brand-accent-hover:#2563EB;--border-color:#CBD5E1;--shadow-style:0 4px 12px rgba(59,130,246,.06);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Stark Ink Monochrome — 잉크 블랙 & 무채색 강대비 */
html[data-theme="stark-ink-monochrome"]{--bg-primary:#FFFFFF;--bg-surface:#F3F3F3;--text-main:#000000;--text-sub:#555555;--brand-accent:#000000;--brand-accent-hover:#222222;--border-color:#000000;--shadow-style:0 4px 12px rgba(0,0,0,.12);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Pop Graphic Electric Red — 일렉트릭 레드 */
html[data-theme="pop-graphic-electric-red"]{--bg-primary:#FFF1F2;--bg-surface:#FFFFFF;--text-main:#881337;--text-sub:#BE123C;--brand-accent:#E11D48;--brand-accent-hover:#BE123C;--border-color:#FECDD3;--shadow-style:0 4px 12px rgba(225,29,72,.08);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Parchment Modern Antique — 모던 샌드 스톤 */
html[data-theme="parchment-modern-antique"]{--bg-primary:#EFECE6;--bg-surface:#F7F5F0;--text-main:#2B2621;--text-sub:#6E655C;--brand-accent:#5C4F43;--brand-accent-hover:#42382E;--border-color:#D8D2C7;--shadow-style:0 4px 12px rgba(43,38,33,.04);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Midnight OLED Emerald — OLED 딥 블랙 & 팝 에메랄드 */
html[data-theme="midnight-oled-emerald"]{--bg-primary:#000000;--bg-surface:#111111;--text-main:#FFFFFF;--text-sub:#888888;--brand-accent:#10B981;--brand-accent-hover:#059669;--border-color:#222222;--shadow-style:0 4px 16px rgba(0,0,0,.5);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Cyber Violet Neon — 미래지향 다크 퍼플 & 네온 */
html[data-theme="cyber-violet-neon"]{--bg-primary:#0B0914;--bg-surface:#161224;--text-main:#F3E8FF;--text-sub:#9333EA;--brand-accent:#A855F7;--brand-accent-hover:#9333EA;--border-color:#2E224A;--shadow-style:0 4px 16px rgba(168,85,247,.15);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Charcoal Industrial Amber — 묵직한 차콜 & 와일드 앰버 */
html[data-theme="charcoal-industrial-amber"]{--bg-primary:#1C1D21;--bg-surface:#26282E;--text-main:#E2E4E9;--text-sub:#8A8F9E;--brand-accent:#F59E0B;--brand-accent-hover:#D97706;--border-color:#3B3E47;--shadow-style:0 4px 16px rgba(0,0,0,.3);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Deep Space Indigo Pink — 우주 인디고 & 핫핑크 */
html[data-theme="deep-space-indigo-pink"]{--bg-primary:#0F172A;--bg-surface:#1E293B;--text-main:#F8FAFC;--text-sub:#94A3B8;--brand-accent:#EC4899;--brand-accent-hover:#DB2777;--border-color:#334155;--shadow-style:0 4px 16px rgba(236,72,153,.15);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Lime Acid Tech — 다크 차콜 & 애시드 형광 라임 */
html[data-theme="lime-acid-tech"]{--bg-primary:#181A1B;--bg-surface:#222527;--text-main:#FFFFFF;--text-sub:#A0A5AA;--brand-accent:#84CC16;--brand-accent-hover:#65A30D;--border-color:#33373B;--shadow-style:0 4px 16px rgba(132,204,22,.15);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Cyber Magenta Glow — 딥 다크 & 네온 마젠타 */
html[data-theme="cyber-magenta-glow"]{--bg-primary:#120A14;--bg-surface:#1F1222;--text-main:#FFFFFF;--text-sub:#D946EF;--brand-accent:#E01281;--brand-accent-hover:#B80F6A;--border-color:#3B1B42;--shadow-style:0 4px 16px rgba(224,18,129,.2);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Y2K Street Cyber Neon — 스트릿 네온 옐로우 */
html[data-theme="y2k-street-cyber-neon"]{--bg-primary:#12131A;--bg-surface:#1C1D26;--text-main:#FFFFFF;--text-sub:#A0A5B5;--brand-accent:#EAB308;--brand-accent-hover:#CA8A04;--border-color:#2D2F3D;--shadow-style:0 4px 16px rgba(234,179,8,.15);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Cobalt Blue Energy — 코발트 블루 */
html[data-theme="cobalt-blue-energy"]{--bg-primary:#0A1128;--bg-surface:#101B3B;--text-main:#FFFFFF;--text-sub:#8ECAE6;--brand-accent:#2563EB;--brand-accent-hover:#1D4ED8;--border-color:#1E295D;--shadow-style:0 4px 16px rgba(37,99,235,.2);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Royal Luxury Navy Gold — 딥 네이비 & 골드 */
html[data-theme="royal-luxury-navy-gold"]{--bg-primary:#0B1320;--bg-surface:#131E2F;--text-main:#F4E8C1;--text-sub:#A39371;--brand-accent:#D4AF37;--brand-accent-hover:#B59226;--border-color:#223147;--shadow-style:0 4px 16px rgba(0,0,0,.4);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* British Forest Club — 프라이빗 다크 그린 */
html[data-theme="british-forest-club"]{--bg-primary:#0F1C15;--bg-surface:#182B20;--text-main:#E2E4DF;--text-sub:#829A8A;--brand-accent:#52796F;--brand-accent-hover:#354F52;--border-color:#274031;--shadow-style:0 4px 16px rgba(0,0,0,.3);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Bordeaux Wine Velvet — 벨벳 딥 와인 */
html[data-theme="bordeaux-wine-velvet"]{--bg-primary:#1A050A;--bg-surface:#2D0A12;--text-main:#FADCE1;--text-sub:#B87B87;--brand-accent:#E63956;--brand-accent-hover:#C2203C;--border-color:#4A121E;--shadow-style:0 4px 16px rgba(230,57,86,.15);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Vibrant Hot Pink — 쨍한 팝 핑크 & 딥 바이올렛 */
html[data-theme="vibrant-hot-pink"]{--bg-primary:#FF2E93;--bg-surface:#FFFFFF;--text-main:#1E002B;--text-sub:#6B006B;--brand-accent:#1E002B;--brand-accent-hover:#3B0054;--border-color:#FF85C0;--shadow-style:0 4px 16px rgba(0,0,0,.15);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Vibrant Electric Yellow — 네온 옐로우 & 차콜 */
html[data-theme="vibrant-electric-yellow"]{--bg-primary:#FFE600;--bg-surface:#FFFFFF;--text-main:#18181B;--text-sub:#52525B;--brand-accent:#18181B;--brand-accent-hover:#27272A;--border-color:#27272A;--shadow-style:0 4px 16px rgba(0,0,0,.2);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Vibrant Vivid Lime — 비비드 라임 & 딥 그린 */
html[data-theme="vibrant-vivid-lime"]{--bg-primary:#A3E635;--bg-surface:#FFFFFF;--text-main:#0B2E13;--text-sub:#365C3A;--brand-accent:#062C18;--brand-accent-hover:#14532D;--border-color:#14532D;--shadow-style:0 4px 16px rgba(0,0,0,.2);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
/* Vibrant Aqua Teal — 아쿠아 테일 & 인디고 */
html[data-theme="vibrant-aqua-teal"]{--bg-primary:#06B6D4;--bg-surface:#FFFFFF;--text-main:#0B192C;--text-sub:#315C6B;--brand-accent:#0B192C;--brand-accent-hover:#1E3E62;--border-color:#1E3E62;--shadow-style:0 4px 16px rgba(0,0,0,.2);--theme-bg:var(--bg-primary);--theme-surface:var(--bg-surface);--theme-surface-2:color-mix(in srgb,var(--bg-surface) 78%,var(--bg-primary));--theme-text:var(--text-main);--theme-muted:var(--text-sub);--theme-accent:var(--brand-accent);--theme-accent-hover:var(--brand-accent-hover);--theme-accent-contrast:#FFFFFF;--theme-border:var(--border-color);--theme-shadow:var(--shadow-style);--theme-input:var(--bg-surface);--theme-header:color-mix(in srgb,var(--bg-primary) 94%,transparent);--theme-header-text:var(--text-main);--theme-header-hover:color-mix(in srgb,var(--bg-surface) 82%,var(--bg-primary));--theme-accent-2:color-mix(in srgb,var(--brand-accent) 14%,var(--bg-primary));}
body{background:var(--theme-bg)!important;color:var(--theme-text);font-family:var(--theme-font);transition:background-color var(--theme-motion-fast) ease,color var(--theme-motion-fast) ease}
body,button,input,select,textarea{font-family:var(--theme-font)}
a{color:inherit}
.card,.home-news-card,.media-card,.job-card,.post-card,.ad-card,.utility-card,.settings-card,.setting-block,.settings-sidebar,.hh-apps-panel,.theme-picker-dialog,.theme-choice,.theme-admin-option{border-radius:var(--theme-radius-card)!important;border-width:var(--theme-border-width)!important;box-shadow:var(--theme-shadow)}
.btn,.button,.btn-primary,.button-primary,.primary-button,.btn-outline,.button-outline,.secondary-button,button[type="submit"],input[type="submit"],.minimal-search-submit,.theme-reset-button{border-radius:var(--theme-radius-btn)!important;border-width:var(--theme-border-width)!important;font-family:var(--theme-font)}
.hh-global-header,.hh-global-bar{background:var(--theme-header)!important;border-color:var(--theme-border)!important;color:var(--theme-header-text)!important;backdrop-filter:blur(12px)}
.hh-menu-button,.hh-member-button,.hh-top-link{color:var(--theme-header-text)!important}.hh-menu-button:hover,.hh-menu-button[aria-expanded="true"],.hh-member-button:hover,.hh-member-button.is-active{background:var(--theme-header-hover)!important;color:var(--theme-header-text)!important}
.hh-apps-panel{background:var(--theme-surface)!important;color:var(--theme-text)!important}.hh-app-item{color:var(--theme-text)!important}.hh-app-item:hover{background:var(--theme-surface-2)!important}.hh-app-icon{background:var(--theme-accent-2)!important;color:var(--theme-accent)!important}.hh-app-item.is-active{background:var(--theme-accent-2)!important}.hh-language-switch a,.hh-logout-link{color:var(--theme-muted)!important}.hh-language-switch a.active{color:var(--theme-accent)!important}
.minimal-search{background:var(--theme-surface)!important;border-color:var(--theme-border)!important;box-shadow:var(--theme-shadow);border-width:1px!important}.minimal-search input{background:transparent!important;border:0!important;font-family:var(--theme-font)!important}.minimal-search-icon,.minimal-search-voice,.minimal-search-submit{color:var(--theme-muted)}
.home-news-card h2,.home-news-list a{color:var(--theme-text)!important}.home-news-card,.home-news-item,.home-news-list>li{border-color:var(--theme-border)!important}.home-news-more{color:var(--theme-accent)!important}
.page-hero,.eyebrow{color:var(--theme-text)}.settings-sidebar,.setting-block{background:var(--theme-surface)!important;border-color:var(--theme-border)!important}.settings-nav a{color:var(--theme-text)}.settings-nav a.active{background:var(--theme-accent-2)!important;color:var(--theme-accent)!important}
.site-footer{background-color:var(--theme-bg)!important;color:var(--theme-text);border-top-color:var(--theme-border)!important;font-family:var(--theme-font)}.site-footer .footer-grid p,.site-footer .footer-links,.site-footer .copyright{color:var(--theme-muted)!important}
:root,html[data-theme]{--accent:var(--theme-accent);--accent-hover:var(--theme-accent-hover,var(--theme-accent));--accent-soft:var(--theme-accent-2);--accent-contrast:var(--theme-accent-contrast,#fff);--accent-shadow:var(--theme-border);--focus-ring:var(--theme-accent)}
.btn-primary,.button-primary,.primary-button,button[type="submit"]:not(.theme-reset-button):not(.theme-picker-close):not(.search-icon-submit):not(.minimal-search-submit):not(.search-overlay-submit):not(.bible-direct-submit),input[type="submit"]{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-contrast)!important}.btn-primary:hover,.button-primary:hover,.primary-button:hover,button[type="submit"]:not(.theme-reset-button):not(.theme-picker-close):not(.search-icon-submit):not(.minimal-search-submit):not(.search-overlay-submit):not(.bible-direct-submit):hover,input[type="submit"]:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}.btn-outline,.button-outline,.secondary-button{color:var(--accent)!important;border-color:var(--theme-border)!important}
.tabs a.active,.tabs button.active,.tab.active,.is-active[data-tab],.filter-chip.active,.chip.active,.pill.active,.pagination .active,.pagination [aria-current="page"],.page-link[aria-current="page"],.settings-nav a.active{color:var(--accent)!important;background:var(--accent-soft)!important;border-color:var(--accent)!important}.progress-bar>span,.progress-fill,.meter>span{background:var(--accent)!important}.badge-accent,.status-accent{color:var(--accent)!important;background:var(--accent-soft)!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring)!important;outline-offset:2px}input[type="checkbox"],input[type="radio"]{accent-color:var(--accent)!important}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:var(--theme-focus-ring)}.home-news-more,.more-link,.load-more,.view-more{color:var(--accent)!important}.search-result-mark,.search-highlight,mark{background:var(--accent-soft)!important;color:var(--theme-text)!important}.bible-verse.is-selected,.bible-verse:target,.media-filter .active,.filter-option.active{border-color:var(--accent)!important;background:var(--accent-soft)!important}.bible-verse-number,.active-icon,.icon.is-active{color:var(--accent)!important}.hh-top-link.is-active{color:var(--accent)!important}.hh-top-link.is-active::after{background:var(--accent)!important}.theme-choice.active,.theme-admin-option:has(input:checked){outline-color:var(--accent)!important}
.hh-theme-launch{appearance:none;border:0;font:inherit;cursor:pointer;width:100%;text-align:center}.theme-picker[hidden]{display:none!important}.theme-picker{position:fixed;inset:0;z-index:2147483647;isolation:isolate}.theme-picker-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--theme-text) 24%,transparent);z-index:0}.theme-picker-dialog{z-index:1;position:relative;width:min(760px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));overflow:auto;margin:14px auto;background:var(--theme-surface);color:var(--theme-text);border:1px solid var(--theme-border);border-radius:var(--theme-radius-modal);padding:22px}.theme-picker-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.theme-picker-head h2{margin:0 0 4px;font-size:24px}.theme-picker-head p{margin:0;color:var(--theme-muted);font-size:14px}.theme-picker-close{border:0;background:var(--theme-surface-2);color:var(--theme-text);width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer}.theme-picker-grid{display:block!important;margin-top:18px!important}.theme-group + .theme-group{margin-top:22px}.theme-group-title{margin:0 0 10px;font-size:13px;font-weight:850;color:var(--theme-muted);letter-spacing:var(--theme-tracking-heading)}.theme-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-choice{border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-text);border-radius:var(--theme-radius-card);padding:14px;text-align:left;cursor:pointer;transition:var(--theme-motion-fast)}.theme-choice:hover{transform:translateY(-1px);box-shadow:var(--theme-shadow)}.theme-choice.active{outline:2px solid var(--theme-accent);border-color:transparent}.theme-choice-swatch{display:flex;height:36px;border-radius:var(--theme-radius-card);overflow:hidden;margin-bottom:10px;border:1px solid var(--theme-border)}.theme-choice-swatch i{flex:1}.theme-choice strong{display:block;font-size:15px;margin-bottom:4px}.theme-choice small{display:block;color:var(--theme-muted);font-size:12px;line-height:var(--theme-leading-body)}.theme-picker-foot{display:flex;justify-content:flex-end;margin-top:16px}.theme-reset-button{border:1px solid var(--theme-border);background:var(--theme-surface-2);color:var(--theme-text);padding:10px 14px;border-radius:var(--theme-radius-button);cursor:pointer}.theme-admin-groups{display:grid;gap:24px}.theme-admin-group h4{margin:0 0 10px;font-size:14px;color:var(--theme-muted)}.theme-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-admin-option{position:relative;border:1px solid var(--theme-border);border-radius:var(--theme-radius-card);padding:12px;cursor:pointer;background:var(--theme-surface)}.theme-admin-option input{position:absolute;opacity:0;pointer-events:none}.theme-admin-option:has(input:checked){outline:2px solid var(--theme-accent);border-color:transparent}.theme-admin-swatch{display:flex;height:28px;border-radius:var(--theme-radius-card);overflow:hidden;margin-bottom:8px}.theme-admin-swatch i{flex:1}.theme-admin-option strong{display:block;font-size:14px}.theme-admin-option small{display:block;color:var(--theme-muted);font-size:12px;line-height:var(--theme-leading-body);margin-top:3px}




[data-theme-preview="modern-soft-clean"] i:nth-child(1){background:#FFFFFF}[data-theme-preview="modern-soft-clean"] i:nth-child(2){background:#F8F9FA}[data-theme-preview="modern-soft-clean"] i:nth-child(3){background:#111827}
[data-theme-preview="deep-navy-fresh"] i:nth-child(1){background:#F0F4F8}[data-theme-preview="deep-navy-fresh"] i:nth-child(2){background:#FFFFFF}[data-theme-preview="deep-navy-fresh"] i:nth-child(3){background:#0284C7}
[data-theme-preview="sage-organic-clean"] i:nth-child(1){background:#F4F6F0}[data-theme-preview="sage-organic-clean"] i:nth-child(2){background:#FFFFFF}[data-theme-preview="sage-organic-clean"] i:nth-child(3){background:#4A5D4E}
[data-theme-preview="slate-blue-corporate"] i:nth-child(1){background:#F1F5F9}[data-theme-preview="slate-blue-corporate"] i:nth-child(2){background:#FFFFFF}[data-theme-preview="slate-blue-corporate"] i:nth-child(3){background:#3B82F6}
[data-theme-preview="stark-ink-monochrome"] i:nth-child(1){background:#FFFFFF}[data-theme-preview="stark-ink-monochrome"] i:nth-child(2){background:#F3F3F3}[data-theme-preview="stark-ink-monochrome"] i:nth-child(3){background:#000000}
[data-theme-preview="pop-graphic-electric-red"] i:nth-child(1){background:#FFF1F2}[data-theme-preview="pop-graphic-electric-red"] i:nth-child(2){background:#FFFFFF}[data-theme-preview="pop-graphic-electric-red"] i:nth-child(3){background:#E11D48}
[data-theme-preview="parchment-modern-antique"] i:nth-child(1){background:#EFECE6}[data-theme-preview="parchment-modern-antique"] i:nth-child(2){background:#F7F5F0}[data-theme-preview="parchment-modern-antique"] i:nth-child(3){background:#5C4F43}
[data-theme-preview="midnight-oled-emerald"] i:nth-child(1){background:#000000}[data-theme-preview="midnight-oled-emerald"] i:nth-child(2){background:#111111}[data-theme-preview="midnight-oled-emerald"] i:nth-child(3){background:#10B981}
[data-theme-preview="cyber-violet-neon"] i:nth-child(1){background:#0B0914}[data-theme-preview="cyber-violet-neon"] i:nth-child(2){background:#161224}[data-theme-preview="cyber-violet-neon"] i:nth-child(3){background:#A855F7}
[data-theme-preview="charcoal-industrial-amber"] i:nth-child(1){background:#1C1D21}[data-theme-preview="charcoal-industrial-amber"] i:nth-child(2){background:#26282E}[data-theme-preview="charcoal-industrial-amber"] i:nth-child(3){background:#F59E0B}
[data-theme-preview="deep-space-indigo-pink"] i:nth-child(1){background:#0F172A}[data-theme-preview="deep-space-indigo-pink"] i:nth-child(2){background:#1E293B}[data-theme-preview="deep-space-indigo-pink"] i:nth-child(3){background:#EC4899}
[data-theme-preview="lime-acid-tech"] i:nth-child(1){background:#181A1B}[data-theme-preview="lime-acid-tech"] i:nth-child(2){background:#222527}[data-theme-preview="lime-acid-tech"] i:nth-child(3){background:#84CC16}
[data-theme-preview="cyber-magenta-glow"] i:nth-child(1){background:#120A14}[data-theme-preview="cyber-magenta-glow"] i:nth-child(2){background:#1F1222}[data-theme-preview="cyber-magenta-glow"] i:nth-child(3){background:#E01281}
[data-theme-preview="y2k-street-cyber-neon"] i:nth-child(1){background:#12131A}[data-theme-preview="y2k-street-cyber-neon"] i:nth-child(2){background:#1C1D26}[data-theme-preview="y2k-street-cyber-neon"] i:nth-child(3){background:#EAB308}
[data-theme-preview="cobalt-blue-energy"] i:nth-child(1){background:#0A1128}[data-theme-preview="cobalt-blue-energy"] i:nth-child(2){background:#101B3B}[data-theme-preview="cobalt-blue-energy"] i:nth-child(3){background:#2563EB}
[data-theme-preview="royal-luxury-navy-gold"] i:nth-child(1){background:#0B1320}[data-theme-preview="royal-luxury-navy-gold"] i:nth-child(2){background:#131E2F}[data-theme-preview="royal-luxury-navy-gold"] i:nth-child(3){background:#D4AF37}
[data-theme-preview="british-forest-club"] i:nth-child(1){background:#0F1C15}[data-theme-preview="british-forest-club"] i:nth-child(2){background:#182B20}[data-theme-preview="british-forest-club"] i:nth-child(3){background:#52796F}
[data-theme-preview="bordeaux-wine-velvet"] i:nth-child(1){background:#1A050A}[data-theme-preview="bordeaux-wine-velvet"] i:nth-child(2){background:#2D0A12}[data-theme-preview="bordeaux-wine-velvet"] i:nth-child(3){background:#E63956}
[data-theme-preview="vibrant-hot-pink"] i:nth-child(1){background:#FF2E93}[data-theme-preview="vibrant-hot-pink"] i:nth-child(2){background:#FFFFFF}[data-theme-preview="vibrant-hot-pink"] i:nth-child(3){background:#1E002B}
[data-theme-preview="vibrant-electric-yellow"] i:nth-child(1){background:#FFE600}[data-theme-preview="vibrant-electric-yellow"] i:nth-child(2){background:#FFFFFF}[data-theme-preview="vibrant-electric-yellow"] i:nth-child(3){background:#18181B}
[data-theme-preview="vibrant-vivid-lime"] i:nth-child(1){background:#A3E635}[data-theme-preview="vibrant-vivid-lime"] i:nth-child(2){background:#FFFFFF}[data-theme-preview="vibrant-vivid-lime"] i:nth-child(3){background:#0B2E13}
[data-theme-preview="vibrant-aqua-teal"] i:nth-child(1){background:#06B6D4}[data-theme-preview="vibrant-aqua-teal"] i:nth-child(2){background:#FFFFFF}[data-theme-preview="vibrant-aqua-teal"] i:nth-child(3){background:#0B192C}
@media(max-width:720px){.theme-picker-dialog{width:100%;max-height:100dvh;height:100dvh;margin:0;border-radius:var(--theme-radius-modal);border:0;padding:18px}.theme-group-grid,.theme-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-picker-head h2{font-size:22px}}@media(max-width:420px){.theme-group-grid,.theme-admin-grid{grid-template-columns:1fr 1fr;gap:9px}.theme-choice{padding:10px}.theme-choice small{font-size:11px}.theme-group-title{font-size:12px}}@media(prefers-reduced-motion:reduce){html,body,.card,.theme-choice,.btn,.button{transition:none!important}}


/* ==========================================================================
   Canonical theme token bridge
   ========================================================================== */
html{
  --bg:var(--theme-bg);--surface:var(--theme-surface);--surface-2:var(--theme-surface-2);
  --text:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-border);--border:var(--theme-border);
  --primary:var(--theme-accent);--primary2:var(--theme-accent-2);--accent:var(--theme-accent);--accent-soft:var(--theme-accent-2);
  --theme-card:var(--theme-surface);--theme-field:var(--theme-input);
  --semantic-success:#218A4A;--semantic-success-bg:color-mix(in srgb,var(--semantic-success) 11%,var(--theme-surface));
  --semantic-danger:#B42318;--semantic-danger-bg:color-mix(in srgb,var(--semantic-danger) 9%,var(--theme-surface));
  --semantic-warning:#9A6700;--semantic-warning-bg:color-mix(in srgb,var(--semantic-warning) 11%,var(--theme-surface));
  --semantic-info:#2563EB;--semantic-info-bg:color-mix(in srgb,var(--semantic-info) 10%,var(--theme-surface));
}
.site-header{background:var(--theme-header)!important;border-color:var(--theme-border)!important;color:var(--theme-header-text)!important}
.brand-mark,.btn:not(.btn-light):not(.btn-soft):not(.btn-danger){background:var(--theme-accent);color:var(--theme-accent-contrast)}
.btn-light,.quick-tags a,.search-shell,.menu-open .main-nav,.menu-open .account-nav,.home-chat-form,.home-chat-login{background:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
.btn-soft,.user-chip,.pill,.prayer-count{background:var(--theme-accent-2)!important;color:var(--theme-accent)!important}
.hero{background:radial-gradient(circle at 75% 20%,var(--theme-accent-2) 0,transparent 35%),linear-gradient(180deg,var(--theme-surface),var(--theme-bg))!important}
.card,.account-card,.form-card{background:var(--theme-surface);color:var(--theme-text);border-color:var(--theme-border)}
.input,.textarea,.select,input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="url"],input[type="number"],textarea,select{background:var(--theme-input);color:var(--theme-text);border-color:var(--theme-border)}
.input:focus,.textarea:focus,.select:focus,input:focus,textarea:focus,select:focus{border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 13%,transparent)}
.chat-msg,.home-chat-messages{background:var(--theme-surface-2)!important;color:var(--theme-text)}
.chat-msg.mine{background:var(--theme-accent-2)!important}.input-readonly{background:var(--theme-surface-2)!important;color:var(--theme-muted)!important}
.badge{background:var(--theme-surface-2)!important;color:var(--theme-muted)!important}.copyright{color:var(--theme-muted)!important}
.alert.success,.alert-success{background:var(--semantic-success-bg)!important;color:var(--semantic-success)!important;border-color:color-mix(in srgb,var(--semantic-success) 30%,var(--theme-border))!important}
.alert.error,.alert-error{background:var(--semantic-danger-bg)!important;color:var(--semantic-danger)!important;border-color:color-mix(in srgb,var(--semantic-danger) 30%,var(--theme-border))!important}
.btn-danger{background:var(--semantic-danger)!important;color:#fff!important;border-color:var(--semantic-danger)!important}

/* ==========================================================================
   Theme picker — consolidated responsive card system
   ========================================================================== */
.theme-picker-dialog{overscroll-behavior:contain}
.theme-group-grid,.theme-admin-grid{align-items:stretch;grid-auto-rows:auto!important}
.theme-choice-wrap{
  position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;
  border:1px solid var(--theme-border);border-radius:var(--theme-radius-card);background:var(--theme-surface);
  box-shadow:var(--theme-shadow-sm);
}
.theme-choice-wrap.active{outline:2px solid var(--theme-accent);outline-offset:-2px;border-color:transparent}
.theme-choice-wrap .theme-choice{
  width:100%;height:auto!important;min-height:126px;display:block!important;flex:1 1 auto;
  padding:12px!important;border:0!important;border-radius:var(--theme-radius-card);outline:0!important;box-shadow:var(--theme-shadow-sm);
  background:transparent;text-align:left;overflow:hidden;
}
.theme-choice-wrap .theme-choice:hover{transform:none;box-shadow:none}
.theme-choice-swatch{height:36px;margin:0 0 10px!important;border-radius:var(--theme-radius-card)}
.theme-choice strong{
  display:block!important;min-width:0;min-height:0!important;margin:0 0 5px!important;
  font-size:15px;line-height:var(--theme-leading-body);white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  -webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;
}
.theme-choice small{
  display:block;min-width:0;min-height:0!important;margin:0;color:var(--theme-muted);
  font-size:12px;line-height:var(--theme-leading-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.theme-choice-more,.theme-card-menu{display:none!important}
.theme-card-actions{
  flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;border-top:1px solid var(--theme-border);background:var(--theme-surface);
}
.theme-card-actions-admin{grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-card-action{
  box-sizing:border-box;min-width:0;min-height:42px;display:flex;align-items:center;justify-content:center;
  padding:8px 5px;border:0;border-right:1px solid var(--theme-border);border-radius:var(--theme-radius-button);
  background:transparent!important;color:var(--theme-text)!important;text-decoration:none;
  font:inherit;font-size:13px;font-weight:750;line-height:1;white-space:nowrap;cursor:pointer;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.theme-card-action:last-child{border-right:0}.theme-card-action:hover,.theme-card-action:focus-visible{background:var(--theme-surface-2)!important;color:var(--theme-accent)!important}
.theme-card-apply{color:var(--theme-accent)!important}
.theme-my-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.theme-my-head .theme-group-title{margin:0}
.theme-add-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border:1px solid var(--theme-border);border-radius:var(--theme-radius-card);color:var(--theme-text);background:var(--theme-surface);text-decoration:none;font-weight:750;font-size:13px;white-space:nowrap}
.theme-add-link:hover{border-color:var(--theme-accent);color:var(--theme-accent)}
.theme-empty{grid-column:1/-1;margin:0;padding:18px;border:1px dashed var(--theme-border);border-radius:var(--theme-radius-card);color:var(--theme-muted);font-size:13px}
.theme-picker-foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}
.theme-add-main{margin-right:auto}.theme-reset-button{min-height:40px;white-space:nowrap}
.theme-choice-swatch[style] i:nth-child(1){background:var(--sw1)!important}.theme-choice-swatch[style] i:nth-child(2){background:var(--sw2)!important}.theme-choice-swatch[style] i:nth-child(3){background:var(--sw3)!important}

@media(max-width:720px){
  .theme-picker-dialog{padding:16px 14px calc(92px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto}
  .theme-picker-head{position:sticky;top:-16px;z-index:20;padding:12px 0 10px;background:color-mix(in srgb,var(--theme-surface) 96%,transparent);backdrop-filter:blur(10px)}
  .theme-picker-grid{margin-top:10px!important}.theme-group + .theme-group{margin-top:20px}.theme-group-grid,.theme-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
  .theme-choice-wrap .theme-choice{min-height:112px;padding:10px!important}.theme-choice-swatch{height:34px;margin-bottom:9px!important}
  .theme-choice strong{font-size:14px}.theme-choice small{font-size:11px}.theme-card-action{min-height:46px;font-size:13px;padding:8px 4px}
  .theme-my-head{align-items:center}.theme-add-link{min-height:40px;padding:0 10px;font-size:12px}
  .theme-picker-foot{
    position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;margin:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    border-top:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-surface) 97%,transparent);backdrop-filter:blur(12px)
  }
  .theme-picker-foot>*{box-sizing:border-box;width:100%;min-width:0;min-height:46px;margin:0!important;padding:0 8px;font-size:13px}
  .theme-add-system + .theme-reset-button{grid-column:1/-1}
}
@media(max-width:370px){
  .theme-picker-dialog{padding-left:12px;padding-right:12px}.theme-group-grid,.theme-admin-grid{gap:8px!important}
  .theme-choice-wrap .theme-choice{min-height:108px;padding:9px!important}.theme-choice strong{font-size:13px}.theme-card-action{font-size:12px}
  .theme-picker-foot{padding-left:12px;padding-right:12px}
}

/* ==========================================================================
   HOLiUS Theme Picker — card visual refinement
   2026-10-02
   - swatch: pill -> 8px rounded rectangle
   - actions: table-like attached cells -> independent buttons
   ========================================================================== */

.theme-choice-wrap{
  padding-bottom:10px;
}

.theme-choice-wrap .theme-choice{
  padding-bottom:8px!important;
}

/* Color preview: no capsule/pill */
.theme-choice-swatch{
  height:44px!important;
  border-radius:var(--theme-radius-card);
  overflow:hidden;
  border:1px solid var(--theme-border);
  box-shadow:var(--theme-shadow-sm);
}
.theme-choice-swatch i:first-child{
  border-radius:var(--theme-radius-card);
}
.theme-choice-swatch i:last-child{
  border-radius:var(--theme-radius-card);
}

/* Actions live inside the card with breathing room */
.theme-card-actions,
.theme-card-actions-admin{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:auto!important;
  margin:0 10px!important;
  padding:0!important;
  border-top:0!important;
  background:transparent!important;
}

.theme-card-action{
  min-width:0!important;
  min-height:42px!important;
  padding:8px 6px!important;
  border:1px solid var(--theme-border)!important;
  border-radius:var(--theme-radius-button);
  background:var(--theme-surface)!important;
  color:var(--theme-text)!important;
  box-shadow:var(--theme-shadow-sm);
  font-size:13px!important;
  font-weight:750!important;
  line-height:var(--theme-leading-body);
}

.theme-card-action:last-child{
  border-right:1px solid var(--theme-border)!important;
}

.theme-card-action:hover,
.theme-card-action:focus-visible{
  border-color:var(--theme-accent)!important;
  background:var(--theme-surface-2)!important;
  color:var(--theme-accent)!important;
}

/* Primary action */
.theme-card-apply{
  border-color:var(--theme-accent)!important;
  background:var(--theme-accent)!important;
  color:var(--theme-accent-contrast)!important;
}
.theme-card-apply:hover,
.theme-card-apply:focus-visible{
  background:var(--theme-accent-hover)!important;
  color:var(--theme-accent-contrast)!important;
}

/* Keep titles/descriptions compact and aligned */
.theme-choice strong,
.theme-choice small{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Bottom controls: less bulky on mobile */
@media(max-width:720px){
  .theme-choice-wrap{
    padding-bottom:9px;
  }

  .theme-choice-wrap .theme-choice{
    min-height:106px!important;
    padding:10px 10px 7px!important;
  }

  .theme-choice-swatch{
    height:40px!important;
    margin-bottom:8px!important;
  }

  .theme-card-actions,
  .theme-card-actions-admin{
    gap:7px!important;
    margin:0 9px!important;
  }

  .theme-card-action{
    min-height:40px!important;
    padding:7px 4px!important;
    font-size:12px!important;
  }

  .theme-picker-foot{
    gap:7px!important;
    padding-top:8px!important;
  }

  .theme-picker-foot>*{
    min-height:42px!important;
  }
}

@media(max-width:370px){
  .theme-choice-wrap .theme-choice{
    min-height:102px!important;
  }
  .theme-choice-swatch{
    height:38px!important;
  }
  .theme-card-actions,
  .theme-card-actions-admin{
    gap:6px!important;
    margin-left:8px!important;
    margin-right:8px!important;
  }
  .theme-card-action{
    font-size:11px!important;
  }
}


/* HOLiUS header theme launcher — keep as the rightmost header action */
.hh-global-right>.hh-theme-top-button{
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:var(--theme-radius-button);
  background:transparent;
  color:var(--theme-header-text)!important;
  cursor:pointer;
}
.hh-global-right>.hh-theme-top-button:hover,
.hh-global-right>.hh-theme-top-button:focus-visible{
  background:var(--theme-header-hover)!important;
}

/* ========================================================================== 
   HOLiUS Theme Picker Renewal — Original Style, Refined
   - Keep the familiar two-column card UX
   - Use HOLiUS surface/border/button language
   - Keep page context visible on mobile instead of full-screen takeover
   ========================================================================== */
.theme-picker{
  --picker-border:color-mix(in srgb,var(--theme-text) 13%,transparent);
  --picker-border-strong:color-mix(in srgb,var(--theme-text) 20%,transparent);
  --picker-muted-surface:color-mix(in srgb,var(--theme-surface-2) 72%,var(--theme-surface));
  --picker-overlay:rgba(15,23,42,.28);
}
.theme-picker-backdrop{background:var(--picker-overlay)!important;backdrop-filter:blur(2px)}
.theme-picker-dialog{
  width:min(760px,calc(100vw - 28px));
  max-height:min(760px,84dvh)!important;
  margin:8dvh auto 0!important;
  padding:18px!important;
  border:1px solid var(--picker-border)!important;
  border-radius:22px 22px 0 0!important;
  background:var(--theme-surface)!important;
  box-shadow:0 18px 48px color-mix(in srgb,var(--theme-text) 18%,transparent)!important;
  overflow:auto!important;
  overscroll-behavior:contain;
}
.theme-picker-head{
  position:sticky;top:-18px;z-index:20;
  margin:-18px -18px 0;padding:18px 18px 12px;
  background:color-mix(in srgb,var(--theme-surface) 96%,transparent);
  border-bottom:1px solid transparent;
  backdrop-filter:blur(10px);
}
.theme-picker-head h2{font-size:22px!important;line-height:1.25;margin:0 0 5px!important;letter-spacing:-.025em}
.theme-picker-head p{font-size:13px!important;line-height:1.5;margin:0!important;color:var(--theme-muted)!important}
.theme-picker-close{
  width:42px!important;height:42px!important;flex:0 0 42px;
  border:1px solid var(--picker-border)!important;border-radius:12px!important;
  background:transparent!important;color:var(--theme-text)!important;
  font-size:23px!important;line-height:1!important;
}
.theme-picker-close:hover,.theme-picker-close:focus-visible{background:var(--theme-surface-2)!important}
.design-tabs{margin-top:14px}
.theme-current-status{
  margin:12px 0 18px;padding:10px 12px;
  border:1px solid var(--picker-border);border-radius:12px;
  background:var(--picker-muted-surface);color:var(--theme-muted);font-size:12.5px;line-height:1.45;
}
.theme-current-status strong{color:var(--theme-text);font-weight:750}
.theme-group + .theme-group{margin-top:22px}
.theme-group-title{margin:0 0 10px!important;font-size:15px!important;line-height:1.4;font-weight:750!important;color:var(--theme-text)!important}
.theme-group-grid,.theme-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch}
.theme-choice-wrap{
  min-width:0;overflow:hidden;padding:0 0 10px!important;
  border:1px solid var(--picker-border)!important;border-radius:16px!important;
  background:var(--theme-surface)!important;box-shadow:none!important;
}
.theme-choice-wrap.active{
  border-color:var(--theme-accent)!important;
  outline:1px solid var(--theme-accent)!important;outline-offset:-1px!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 9%,transparent)!important;
}
.theme-choice-wrap .theme-choice{
  width:100%;min-height:0!important;padding:11px 11px 9px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  text-align:left;transform:none!important;
}
.theme-choice-swatch{
  height:42px!important;margin:0 0 9px!important;
  border:1px solid var(--picker-border)!important;border-radius:11px!important;
  overflow:hidden;box-shadow:none!important;
}
.theme-choice-swatch i{border-radius:0!important}
.theme-choice strong{
  display:-webkit-box!important;min-height:0!important;margin:0 0 4px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;
  -webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  font-size:14px!important;line-height:1.32!important;font-weight:750!important;letter-spacing:-.015em;
}
.theme-choice small{
  display:-webkit-box!important;min-height:31px!important;margin:0!important;
  overflow:hidden!important;white-space:normal!important;text-overflow:ellipsis!important;
  -webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  color:var(--theme-muted)!important;font-size:12px!important;line-height:1.45!important;
}
.theme-card-actions,.theme-card-actions-admin{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;width:auto!important;margin:0 10px!important;padding:0!important;
  border:0!important;background:transparent!important;
}
.theme-card-action{
  min-width:0!important;min-height:40px!important;padding:7px 6px!important;
  border:1px solid var(--picker-border)!important;border-radius:11px!important;
  background:var(--theme-surface)!important;color:var(--theme-text)!important;box-shadow:none!important;
  font-size:12.5px!important;font-weight:750!important;line-height:1.2!important;
}
.theme-card-action:hover,.theme-card-action:focus-visible{background:var(--theme-surface-2)!important;border-color:var(--picker-border-strong)!important;color:var(--theme-text)!important}
.theme-card-apply{background:var(--theme-accent)!important;border-color:var(--theme-accent)!important;color:var(--theme-accent-contrast)!important}
.theme-card-apply:hover,.theme-card-apply:focus-visible{background:var(--theme-accent-hover)!important;border-color:var(--theme-accent-hover)!important;color:var(--theme-accent-contrast)!important}
.theme-card-apply.is-current,.theme-card-apply:disabled{
  opacity:1!important;background:var(--picker-muted-surface)!important;border-color:var(--picker-border)!important;color:var(--theme-muted)!important;cursor:default!important;
}
.theme-my-head{margin-bottom:10px!important}
.theme-add-link,.theme-reset-button{
  min-height:42px!important;padding:0 12px!important;
  border:1px solid var(--picker-border)!important;border-radius:11px!important;
  background:var(--theme-surface)!important;color:var(--theme-text)!important;box-shadow:none!important;
  font-size:12.5px!important;font-weight:750!important;
}
.theme-add-link:hover,.theme-reset-button:hover,.theme-add-link:focus-visible,.theme-reset-button:focus-visible{background:var(--theme-surface-2)!important;border-color:var(--picker-border-strong)!important;color:var(--theme-text)!important}
.theme-picker-foot{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;margin-top:18px!important;padding-top:16px;border-top:1px solid var(--picker-border)}
.theme-picker-foot .theme-reset-button{grid-column:1/-1;background:transparent!important;color:var(--theme-muted)!important}
.theme-picker-foot .theme-add-main{margin:0!important}
.theme-empty{border-color:var(--picker-border)!important}

@media(max-width:720px){
  .theme-picker-dialog{
    width:calc(100vw - 20px)!important;height:auto!important;max-height:82dvh!important;
    margin:10dvh 10px 0!important;padding:14px!important;
    border:1px solid var(--picker-border)!important;border-radius:22px 22px 0 0!important;
  }
  .theme-picker-head{top:-14px;margin:-14px -14px 0;padding:14px 14px 10px!important}
  .theme-picker-head h2{font-size:21px!important}.theme-picker-head p{font-size:13px!important}
  .theme-picker-grid{margin-top:8px!important}
  .theme-group-grid,.theme-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .theme-choice-wrap{padding-bottom:9px!important}
  .theme-choice-wrap .theme-choice{padding:10px 9px 8px!important}
  .theme-choice-swatch{height:38px!important;margin-bottom:8px!important}
  .theme-choice strong{font-size:13.5px!important}.theme-choice small{font-size:11.5px!important;min-height:33px!important}
  .theme-card-actions,.theme-card-actions-admin{gap:6px!important;margin:0 8px!important}
  .theme-card-action{min-height:40px!important;font-size:12px!important;padding:7px 4px!important}
  .theme-picker-foot{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:14px 0 0!important;background:transparent!important;backdrop-filter:none!important}
  .theme-picker-foot>*{width:100%!important;min-height:42px!important;margin:0!important}
  .theme-picker-foot .theme-reset-button{grid-column:1/-1!important}
}
@media(max-width:370px){
  .theme-picker-dialog{width:calc(100vw - 16px)!important;margin-left:8px!important;margin-right:8px!important;padding:12px!important}
  .theme-picker-head{top:-12px;margin:-12px -12px 0;padding:12px 12px 9px!important}
  .theme-group-grid,.theme-admin-grid{gap:7px!important}
  .theme-choice-wrap .theme-choice{padding:9px 8px 7px!important}
  .theme-choice-swatch{height:36px!important}
  .theme-choice strong{font-size:13px!important}.theme-choice small{font-size:11px!important}
  .theme-card-actions,.theme-card-actions-admin{margin:0 7px!important;gap:5px!important}
}