@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,500;0,700;1,400&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root,[data-theme=midnight]{--font-heading: "Outfit", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sermon: "Cinzel", serif;--font-scripture: "Playfair Display", serif;--font-mono: "JetBrains Mono", monospace;--bg-main: #070a13;--bg-gradient-top: #10172a;--bg-card: rgba(15, 23, 42, .78);--bg-card-hover: rgba(24, 34, 58, .9);--bg-glass: rgba(11, 17, 33, .78);--border-subtle: rgba(255, 255, 255, .08);--border-highlight: rgba(99, 102, 241, .35);--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .35);--primary-hover: #4f46e5;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--input-bg: rgba(15, 23, 42, .65);--sabbath-burgundy: #3B0A0A;--sabbath-burgundy-dark: #2A0808;--sabbath-gold: #C9A84C;--sabbath-gold-glow: rgba(201, 168, 76, .4);--sabbath-cream: #FAF3E0;--sabbath-sermon: #7C3AED;--sabbath-emerald: #22C55E;--vers-sky: #38BDF8;--vers-sky-glow: rgba(56, 189, 248, .4);--vers-cobalt: #0284C7;--vers-emerald: #10B981;--vers-cyan: #00E5FF;--vers-dark: #020617;--vers-card: #0F172A;--hymnia-azure: #00A2ED;--hymnia-azure-glow: rgba(0, 162, 237, .4);--hymnia-gold: #FFD700;--hymnia-slate: #13131A;--hymnia-charcoal: #16161E;--hymnia-rose: #F43F5E;--hymnia-violet: #8B5CF6;--hopeplay-teal: #43E5C5;--hopeplay-teal-glow: rgba(67, 229, 197, .4);--hopeplay-teal-light: #2AB09A;--hopeplay-navy: #0B1021;--hopeplay-navy-dark: #070A14;--hopeplay-amber: #F6AD55;--hopeplay-indigo: #6366F1}[data-theme=gold]{--font-heading: "Outfit", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sermon: "Cinzel", serif;--font-scripture: "Playfair Display", serif;--font-mono: "JetBrains Mono", monospace;--bg-main: #130a17;--bg-gradient-top: #2a1532;--bg-card: rgba(30, 16, 38, .82);--bg-card-hover: rgba(46, 25, 58, .92);--bg-glass: rgba(24, 12, 30, .78);--border-subtle: rgba(201, 168, 76, .2);--border-highlight: rgba(201, 168, 76, .5);--primary: #C9A84C;--primary-glow: rgba(201, 168, 76, .45);--primary-hover: #A68B3D;--accent-purple: #c084fc;--accent-pink: #f472b6;--accent-emerald: #34d399;--accent-amber: #fbbf24;--accent-rose: #fb7185;--text-primary: #fef3c7;--text-secondary: #e2d1c3;--text-muted: #a69080;--input-bg: rgba(30, 16, 38, .7);--sabbath-burgundy: #4A1010;--sabbath-burgundy-dark: #320B0B;--sabbath-gold: #D4AF37;--sabbath-gold-glow: rgba(212, 175, 55, .5);--sabbath-cream: #FFFDF5;--sabbath-sermon: #9333EA;--sabbath-emerald: #10B981;--vers-sky: #60A5FA;--vers-sky-glow: rgba(96, 165, 250, .4);--vers-cobalt: #0284C7;--vers-emerald: #34D399;--vers-cyan: #38BDF8;--vers-dark: #1E1226;--vers-card: #2B1638;--hymnia-azure: #38BDF8;--hymnia-azure-glow: rgba(56, 189, 248, .4);--hymnia-gold: #FFD700;--hymnia-slate: #1D1022;--hymnia-charcoal: #26162D;--hymnia-rose: #FB7185;--hymnia-violet: #C084FC;--hopeplay-teal: #2DD4BF;--hopeplay-teal-glow: rgba(45, 212, 191, .45);--hopeplay-teal-light: #14B8A6;--hopeplay-navy: #1C1024;--hopeplay-navy-dark: #120918;--hopeplay-amber: #FBBF24;--hopeplay-indigo: #818CF8}[data-theme=sapphire]{--font-heading: "Outfit", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sermon: "Cinzel", serif;--font-scripture: "Playfair Display", serif;--font-mono: "JetBrains Mono", monospace;--bg-main: #040e24;--bg-gradient-top: #0a2554;--bg-card: rgba(10, 26, 60, .82);--bg-card-hover: rgba(16, 40, 92, .92);--bg-glass: rgba(8, 20, 48, .76);--border-subtle: rgba(56, 189, 248, .15);--border-highlight: rgba(56, 189, 248, .45);--primary: #0284c7;--primary-glow: rgba(56, 189, 248, .35);--primary-hover: #0369a1;--accent-purple: #818cf8;--accent-pink: #f472b6;--accent-emerald: #38bdf8;--accent-amber: #facc15;--accent-rose: #f43f5e;--text-primary: #f0f9ff;--text-secondary: #93c5fd;--text-muted: #60a5fa;--input-bg: rgba(10, 26, 60, .7);--sabbath-burgundy: #3B0A0A;--sabbath-burgundy-dark: #2A0808;--sabbath-gold: #C9A84C;--sabbath-gold-glow: rgba(201, 168, 76, .35);--sabbath-cream: #FAF3E0;--sabbath-sermon: #818CF8;--sabbath-emerald: #06B6D4;--vers-sky: #38BDF8;--vers-sky-glow: rgba(56, 189, 248, .45);--vers-cobalt: #0284C7;--vers-emerald: #0EA5E9;--vers-cyan: #38BDF8;--vers-dark: #030C1E;--vers-card: #081B3E;--hymnia-azure: #00A2ED;--hymnia-azure-glow: rgba(0, 162, 237, .45);--hymnia-gold: #FFD700;--hymnia-slate: #051026;--hymnia-charcoal: #0B1C40;--hymnia-rose: #F43F5E;--hymnia-violet: #818CF8;--hopeplay-teal: #38BDF8;--hopeplay-teal-glow: rgba(56, 189, 248, .4);--hopeplay-teal-light: #0284C7;--hopeplay-navy: #081B3E;--hopeplay-navy-dark: #040E24;--hopeplay-amber: #FBBF24;--hopeplay-indigo: #60A5FA}[data-theme=emerald]{--font-heading: "Outfit", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sermon: "Cinzel", serif;--font-scripture: "Playfair Display", serif;--font-mono: "JetBrains Mono", monospace;--bg-main: #061913;--bg-gradient-top: #0d382b;--bg-card: rgba(10, 38, 29, .84);--bg-card-hover: rgba(16, 56, 44, .94);--bg-glass: rgba(7, 28, 21, .76);--border-subtle: rgba(16, 185, 129, .16);--border-highlight: rgba(16, 185, 129, .45);--primary: #059669;--primary-glow: rgba(16, 185, 129, .35);--primary-hover: #047857;--accent-purple: #34d399;--accent-pink: #f472b6;--accent-emerald: #10b981;--accent-amber: #fbbf24;--accent-rose: #f43f5e;--text-primary: #ecfdf5;--text-secondary: #a7f3d0;--text-muted: #6ee7b7;--input-bg: rgba(10, 38, 29, .7);--sabbath-burgundy: #2E0B10;--sabbath-burgundy-dark: #1E070B;--sabbath-gold: #C9A84C;--sabbath-gold-glow: rgba(201, 168, 76, .35);--sabbath-cream: #FAF3E0;--sabbath-sermon: #10B981;--sabbath-emerald: #34D399;--vers-sky: #34D399;--vers-sky-glow: rgba(52, 211, 153, .4);--vers-cobalt: #059669;--vers-emerald: #10B981;--vers-cyan: #2DD4BF;--vers-dark: #041410;--vers-card: #0A2B21;--hymnia-azure: #2DD4BF;--hymnia-azure-glow: rgba(45, 212, 191, .4);--hymnia-gold: #FCD34D;--hymnia-slate: #051712;--hymnia-charcoal: #0B2920;--hymnia-rose: #FB7185;--hymnia-violet: #6EE7B7;--hopeplay-teal: #43E5C5;--hopeplay-teal-glow: rgba(67, 229, 197, .45);--hopeplay-teal-light: #10B981;--hopeplay-navy: #082119;--hopeplay-navy-dark: #04130E;--hopeplay-amber: #FBBF24;--hopeplay-indigo: #34D399}[data-theme=light]{--font-heading: "Outfit", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sermon: "Cinzel", serif;--font-scripture: "Playfair Display", serif;--font-mono: "JetBrains Mono", monospace;--bg-main: #f8fafc;--bg-gradient-top: #e2e8f0;--bg-card: rgba(255, 255, 255, .96);--bg-card-hover: rgba(248, 250, 252, .98);--bg-glass: rgba(255, 255, 255, .9);--border-subtle: rgba(15, 23, 42, .1);--border-highlight: rgba(79, 70, 229, .4);--primary: #4f46e5;--primary-glow: rgba(79, 70, 229, .25);--primary-hover: #4338ca;--accent-purple: #7c3aed;--accent-pink: #db2777;--accent-emerald: #059669;--accent-amber: #d97706;--accent-rose: #e11d48;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--input-bg: rgba(248, 250, 252, .95);--sabbath-burgundy: #5B1414;--sabbath-burgundy-dark: #3B0A0A;--sabbath-gold: #B8860B;--sabbath-gold-glow: rgba(184, 134, 11, .25);--sabbath-cream: #FAF3E0;--sabbath-sermon: #6D28D9;--sabbath-emerald: #059669;--vers-sky: #0284C7;--vers-sky-glow: rgba(2, 132, 199, .25);--vers-cobalt: #0369A1;--vers-emerald: #059669;--vers-cyan: #0891B2;--vers-dark: #F1F5F9;--vers-card: #FFFFFF;--hymnia-azure: #0088CC;--hymnia-azure-glow: rgba(0, 136, 204, .25);--hymnia-gold: #D97706;--hymnia-slate: #F8FAFC;--hymnia-charcoal: #FFFFFF;--hymnia-rose: #E11D48;--hymnia-violet: #7C3AED;--hopeplay-teal: #0D9488;--hopeplay-teal-glow: rgba(13, 148, 136, .25);--hopeplay-teal-light: #0F766E;--hopeplay-navy: #FFFFFF;--hopeplay-navy-dark: #F1F5F9;--hopeplay-amber: #D97706;--hopeplay-indigo: #4F46E5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:radial-gradient(circle at 50% 0%,var(--bg-gradient-top) 0%,var(--bg-main) 68%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em}.archetype-sabbath-hero{background:linear-gradient(135deg,#3b0a0af2,#1e0808e6 60%,#0f0404fa);border:1px solid rgba(201,168,76,.35);box-shadow:0 10px 30px -10px #3b0a0a99,0 0 0 1px #c9a84c26 inset;border-radius:20px}.archetype-sabbath-card{background:linear-gradient(145deg,#2a0808a6,#140505d9);border:1px solid rgba(201,168,76,.22);border-radius:16px;transition:all .25s ease}.archetype-sabbath-card:hover{border-color:#c9a84c8c;box-shadow:0 8px 24px -6px #c9a84c40;transform:translateY(-2px)}.btn-sabbath-gold{background:linear-gradient(135deg,#c9a84c,#a68b3d);color:#1a0808;font-weight:700;border:none;border-radius:10px;box-shadow:0 4px 14px #c9a84c59;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-sabbath-gold:hover{background:linear-gradient(135deg,#dfc06a,#c9a84c);box-shadow:0 6px 20px #c9a84c8c;transform:translateY(-2px)}.archetype-vers-hero{background:linear-gradient(135deg,#020617fa,#0f172aeb,#0284c740);border:1px solid rgba(56,189,248,.35);box-shadow:0 10px 30px -10px #0284c766,0 0 0 1px #38bdf81f inset;border-radius:20px}.archetype-vers-card{background:linear-gradient(145deg,#0f172abf,#020617e6);border:1px solid rgba(56,189,248,.22);border-radius:16px;transition:all .25s ease}.archetype-vers-card:hover{border-color:#38bdf88c;box-shadow:0 8px 24px -6px #38bdf840;transform:translateY(-2px)}.btn-vers-sky{background:linear-gradient(135deg,#38bdf8,#0284c7);color:#020617;font-weight:700;border:none;border-radius:10px;box-shadow:0 4px 14px #38bdf859;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-vers-sky:hover{background:linear-gradient(135deg,#7dd3fc,#38bdf8);box-shadow:0 6px 20px #38bdf88c;transform:translateY(-2px)}.archetype-hymnia-hero{background:linear-gradient(135deg,#13131afa,#16161eeb,#00a2ed40);border:1px solid rgba(0,162,237,.35);box-shadow:0 10px 30px -10px #00a2ed66,0 0 0 1px #00a2ed1f inset;border-radius:20px}.archetype-hymnia-card{background:linear-gradient(145deg,#16161ebf,#13131aeb);border:1px solid rgba(0,162,237,.22);border-radius:16px;transition:all .25s ease}.archetype-hymnia-card:hover{border-color:#00a2ed8c;box-shadow:0 8px 24px -6px #00a2ed40;transform:translateY(-2px)}.btn-hymnia-azure{background:linear-gradient(135deg,#00a2ed,#0078d4);color:#fff;font-weight:700;border:none;border-radius:10px;box-shadow:0 4px 14px #00a2ed59;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-hymnia-azure:hover{background:linear-gradient(135deg,#38bdf8,#00a2ed);box-shadow:0 6px 20px #00a2ed8c;transform:translateY(-2px)}.archetype-hopeplay-hero{background:linear-gradient(135deg,#0b1021fa,#070a14f0,#43e5c540);border:1px solid rgba(67,229,197,.35);box-shadow:0 10px 30px -10px #43e5c559,0 0 0 1px #43e5c51f inset;border-radius:20px}.archetype-hopeplay-card{background:linear-gradient(145deg,#0b1021bf,#070a14eb);border:1px solid rgba(67,229,197,.22);border-radius:16px;transition:all .25s ease}.archetype-hopeplay-card:hover{border-color:#43e5c58c;box-shadow:0 8px 24px -6px #43e5c540;transform:translateY(-2px)}.btn-hopeplay-teal{background:linear-gradient(135deg,#43e5c5,#2ab09a);color:#070a14;font-weight:700;border:none;border-radius:10px;box-shadow:0 4px 14px #43e5c559;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-hopeplay-teal:hover{background:linear-gradient(135deg,#74f3da,#43e5c5);box-shadow:0 6px 20px #43e5c58c;transform:translateY(-2px)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:14px}.glass-nav{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)}.glow-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--accent-purple) 100%);color:#fff;border:none;border-radius:10px;padding:.65rem 1.25rem;font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px var(--primary-glow);display:inline-flex;align-items:center;gap:.5rem}.glow-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.glow-btn:active{transform:translateY(0)}.ghost-btn{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:10px;padding:.65rem 1.25rem;font-weight:500;font-family:var(--font-heading);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.ghost-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--border-highlight)}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.25rem .65rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em}.badge-emerald{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-indigo{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.badge-pink{background:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.badge-amber{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-gold{background:#c9a84c2e;color:#dfc06a;border:1px solid rgba(201,168,76,.45)}.badge-burgundy{background:#991b1b4d;color:#fca5a5;border:1px solid rgba(153,27,27,.5)}.badge-azure{background:#00a2ed2e;color:#7dd3fc;border:1px solid rgba(0,162,237,.45)}.badge-teal{background:#43e5c52e;color:#74f3da;border:1px solid rgba(67,229,197,.45)}.badge-purple{background:#7c3aed2e;color:#c4b5fd;border:1px solid rgba(124,58,237,.45)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b873}input,textarea,select{width:100%;background:var(--input-bg);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;padding:.65rem .9rem;font-size:.9rem;font-family:var(--font-body);transition:all .15s ease;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-card-hover)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070dc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999;padding:1.5rem}.device-simulator-canvas{min-height:100vh;display:flex;flex-direction:column;background:#020408;align-items:center;justify-content:flex-start;padding:1rem .5rem 3rem}.device-simulator-frame{background:var(--bg-main);box-shadow:0 25px 60px -15px #000000b3,0 0 0 12px #181d29,0 0 0 14px #2b3245;border-radius:36px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.device-notch{width:120px;height:22px;background:#181d29;border-bottom-left-radius:12px;border-bottom-right-radius:12px;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:99}