@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&family=Open+Dyslexic&display=swap";:root{--bg-primary:#0b0f19;--bg-secondary:#151d30;--bg-card:#1a243eb3;--bg-card-hover:#243153d9;--text-main:#f0f4fd;--text-muted:#94a3b8;--text-bright:#fff;--accent-cyan:#38bdf8;--accent-purple:#c084fc;--accent-pink:#f472b6;--accent-amber:#fbbf24;--accent-emerald:#34d399;--gradient-glow:linear-gradient(135deg, #38bdf8 0%, #c084fc 50%, #f472b6 100%);--gradient-calm:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--gradient-card:linear-gradient(145deg, #ffffff0f, #ffffff05);--border-subtle:#ffffff1a;--border-glow:#38bdf84d;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-full:9999px;--font-family:"Fredoka", "Outfit", system-ui, -apple-system, sans-serif;--touch-target:54px}body.dyslexic-mode{letter-spacing:.05em;word-spacing:.15em;--font-family:"Open Dyslexic", "Fredoka", sans-serif!important}body.theme-pastel{--bg-primary:#f0fdf4;--bg-secondary:#dcfce7;--bg-card:#fffffff2;--bg-card-hover:#fff;--text-main:#14532d;--text-muted:#166534;--text-bright:#052e16;--accent-cyan:#0d9488;--accent-purple:#9333ea;--accent-pink:#db2777;--accent-amber:#d97706;--accent-emerald:#16a34a;--border-subtle:#16653433;--border-glow:#0d948866}body.theme-low-contrast{--bg-primary:#1e293b;--bg-secondary:#334155;--bg-card:#334155e6;--bg-card-hover:#475569;--text-main:#cbd5e1;--text-muted:#94a3b8;--text-bright:#f8fafc;--accent-cyan:#38bdf8;--accent-purple:#c084fc;--accent-pink:#f472b6;--accent-amber:#fbbf24;--accent-emerald:#34d399;--border-subtle:#ffffff14;--border-glow:#38bdf833}body.theme-light{--bg-primary:#f8fafc;--bg-secondary:#edf2f7;--bg-card:#ffffffe6;--bg-card-hover:#fffffffa;--text-main:#1e293b;--text-muted:#64748b;--text-bright:#0f172a;--border-subtle:#00000014;--border-glow:#38bdf880}body.theme-high-contrast{--bg-primary:#000;--bg-secondary:#111;--bg-card:#1a1a1a;--bg-card-hover:#262626;--text-main:#fff;--text-muted:#fef08a;--text-bright:#ff0;--accent-cyan:#0ff;--accent-purple:#f0f;--accent-amber:#ff0;--border-subtle:#fff}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-main);font-family:var(--font-family);transition:background-color .4s,color .4s;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;filter:blur(60px);background:radial-gradient(circle,#38bdf81f 0%,#c084fc14 50%,#0000 80%);width:70vw;height:60vh;animation:8s ease-in-out infinite alternate cosmic-pulse;position:fixed;top:-15vh;left:15vw}@keyframes cosmic-pulse{0%{opacity:.7;transform:scale(1)translate(0)}to{opacity:1;transform:scale(1.15)translate(30px,20px)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#fff3}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:var(--border-glow)}.btn-spark{background:var(--gradient-glow);color:#0f172a;min-height:var(--touch-target);border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 24px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #38bdf859}.btn-spark:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #c084fc80}.btn-spark:active{transform:translateY(0)scale(.98)}.btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;background:#ffffff0f!important}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000040;background:#ffffff24!important}.btn-secondary:active{transform:translateY(0)}.pecs-card-micro-animate{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}.pecs-card-micro-animate:hover{transform:translateY(-4px)scale(1.04)}.pecs-card-micro-animate:active{transform:translateY(0)scale(.96)}body.reduced-motion *,body.reduced-motion :before,body.reduced-motion :after{transition:none!important;animation:none!important}