body { background-color: #05070A; color: #F1F5F9; scroll-behavior: smooth; font-family: 'Quicksand', sans-serif; overflow-x: hidden; }
        .serif { font-family: 'DM Serif Display', serif; }
        .glass { background: rgba(13, 17, 26, 0.75); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.05); }
        .text-glow { text-shadow: 0 0 20px rgba(129, 140, 248, 0.3); }
        .stars { position: fixed; inset: 0; pointer-events: none; z-index: 0; }
        .star { position: absolute; background: white; border-radius: 50%; opacity: 0.3; animation: twinkle var(--d) infinite; }
        @keyframes twinkle { 0%, 100% { opacity: 0.2; transform: scale(1); } 50% { opacity: 0.6; transform: scale(1.2); } }
        .page-fade { animation: fadeIn 1s ease-out forwards; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .ritual-drawer { transform: translateX(100%); transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
        .ritual-drawer.open { transform: translateX(0); }
        .hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .hover-lift:hover { transform: translateY(-5px); box-shadow: 0 10px 30px -10px rgba(129, 140, 248, 0.3); }
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: #05070A; }
        ::-webkit-scrollbar-thumb { background: #1E293B; border-radius: 10px; }
#mobile-menu.active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}