@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=DM+Mono:wght@400;500&display=swap";:root{--bg-void:#0d0d0e;--surface:#1a1a1c;--surface-elevated:#222225;--primary:#c084fc;--primary-glow:#c084fc40;--secondary-glow:#ec489926;--accent-red:#ef4444;--on-surface:#f8f7f9;--on-surface-variant:#94a3b8;--font-sans:"Inter", sans-serif;--space-unit:8px;--space-xs:calc(var(--space-unit) * 1);--space-sm:calc(var(--space-unit) * 2);--space-md:calc(var(--space-unit) * 3);--space-lg:calc(var(--space-unit) * 4);--space-xl:calc(var(--space-unit) * 6);--space-2xl:calc(var(--space-unit) * 8);--card-padding:var(--space-lg);--radius-main:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-void);color:var(--on-surface);font-family:var(--font-sans);background-image:radial-gradient(circle at 50% -20%,#c084fc14,#0000 60%);line-height:1.4;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.06em;text-transform:uppercase;color:#fff;font-style:italic;font-weight:1000;line-height:.8}.huge-title{margin-top:var(--space-xs);filter:drop-shadow(0 0 20px #ffffff1a);overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(2.5rem,10vw,4.5rem)}.section-label{letter-spacing:.5em;text-transform:uppercase;color:var(--primary);opacity:.8;margin-bottom:var(--space-xs);text-shadow:0 0 10px var(--primary-glow);font-size:9px;font-weight:1000}.huge-number{letter-spacing:-.07em;color:var(--primary);text-shadow:0 0 40px var(--primary-glow), 0 0 80px #c084fc1a;font-size:5.5rem;font-style:italic;font-weight:1000;line-height:.75}.card-void{border-radius:var(--radius-main);padding:var(--card-padding);margin-bottom:var(--space-md);background:linear-gradient(135deg,#1c1c1e 0%,#121214 100%);border:1px solid #ffffff0a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 40px #0009,inset 0 1px 1px #ffffff05}.card-void:hover{border-color:#c084fc33;transform:translateY(-2px);box-shadow:0 25px 50px #000000b3,0 0 20px #c084fc0d}.card-void-elevated{background:linear-gradient(135deg,#242427 0%,#1d1d20 100%);border:1px solid #ffffff14;box-shadow:0 30px 60px #000000b3,inset 0 1px 2px #ffffff0a}.card-void-glow{box-shadow:0 0 40px var(--primary-glow), 0 20px 60px #000000b3;border-color:#c084fc4d}.btn-answer{color:#fff;cursor:pointer;text-align:left;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding:32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 25px #0000004d}.btn-answer:hover{background:#ffffff1f;border-color:#c084fc66;transform:scale(1.02);box-shadow:0 0 30px #c084fc33,0 15px 35px #00000080}.btn-answer.selected,.btn-answer:active{background:linear-gradient(135deg,#c084fc 0%,#ec4899 100%);border-color:#fff6;transform:scale(.98);box-shadow:0 0 40px #c084fc80,0 0 60px #ec48994d}.highlight-module{color:#fff;padding:var(--space-xl) var(--card-padding);background:linear-gradient(135deg,#c084fc 0%,#7c3aed 100%);border:none;position:relative;box-shadow:0 20px 50px #c084fc4d,0 0 30px #ec489933}.highlight-module:after{content:"";opacity:.5;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.ritual-item{padding:var(--space-md);background:linear-gradient(#1c1c1e 0%,#151517 100%);border:1px solid #ffffff0d;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:12px;transition:all .3s;display:flex;box-shadow:0 8px 20px #0006}.ritual-item:hover{background:linear-gradient(#222225 0%,#1a1a1d 100%);border-color:#ffffff1a;transform:translate(4px)}.ritual-icon-box{background:#ffffff0a;border:1px solid #ffffff08;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-right:16px;display:flex}.ritual-icon-box.active{color:#e9d5ff;box-shadow:0 0 15px var(--primary-glow);background:#c084fc26;border-color:#c084fc66;animation:3s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--primary-glow)}50%{box-shadow:0 0 25px #c084fc66}}.btn-white{width:100%;color:var(--primary);text-transform:uppercase;letter-spacing:.25em;margin-top:var(--space-lg);cursor:pointer;background:#fff;border:none;border-radius:100px;padding:24px;font-size:11px;font-weight:1000;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #ffffff26,0 0 20px #c084fc1a}.btn-white:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 15px 40px #fff3,0 0 30px #c084fc33}.progress-void-track{background:#ffffff0f;border-radius:2px;height:3px;overflow:hidden}.progress-void-indicator{background:var(--primary);height:100%;box-shadow:0 0 8px var(--primary-glow);border-radius:2px}.ritual-name{color:var(--on-surface);letter-spacing:-.01em;font-size:14px;font-weight:600}.ritual-stat{color:var(--on-surface-variant);letter-spacing:.01em;font-size:13px}.app-root{background:#000;flex-direction:column;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.mobile-shell{background:var(--bg-void);border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d;flex-direction:column;width:100%;max-width:440px;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.header-void{height:80px;padding:0 var(--space-lg);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:100;background:#0d0d0ed9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.bottom-nav-void{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:1000;background:#0d0d0ee6;border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;width:100%;max-width:440px;height:96px;padding:0 16px;display:flex;position:fixed;bottom:0;box-shadow:0 -15px 50px #000c}.nav-link{color:var(--on-surface-variant);opacity:.25;flex-direction:column;align-items:center;gap:8px;width:64px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.nav-link.active{color:var(--primary);opacity:1;text-shadow:0 0 15px var(--primary-glow)}.flex-col{flex-direction:column;display:flex}.flex-split{justify-content:space-between;align-items:start;display:flex}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.safe-area{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}