.celebration-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10001;pointer-events:none}.celebration-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(3,3,4,0.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;transition:opacity .4s cubic-bezier(0.16,1,0.3,1);pointer-events:none}.celebration-overlay--visible{opacity:1;pointer-events:auto}.celebration-overlay--exit{opacity:0;transition:opacity .45s ease-out}.celebration-overlay--pr{background:rgba(3,3,4,0.92)}.celebration-overlay--pr .celebration-title{background:linear-gradient(135deg,#f59e0b 0,#fbbf24 50%,#f59e0b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.celebration-overlay--pr .celebration-icon{color:#f59e0b;border-color:rgba(245,158,11,0.4);box-shadow:0 0 40px rgba(245,158,11,0.2),0 0 80px rgba(245,158,11,0.1)}.celebration-content{text-align:center;transform:scale(0.8) translateY(20px);opacity:0;animation:celebration-content-in .6s .15s cubic-bezier(0.34,1.56,0.64,1) forwards}@keyframes celebration-content-in{to{transform:scale(1) translateY(0);opacity:1}}.celebration-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;border:2px solid rgba(139,92,246,0.4);color:#a78bfa;margin-bottom:24px;box-shadow:0 0 40px rgba(139,92,246,0.2),0 0 80px rgba(139,92,246,0.1);animation:celebration-icon-pulse 1.5s ease-in-out infinite}@keyframes celebration-icon-pulse{0%,100%{transform:scale(1);box-shadow:0 0 40px rgba(139,92,246,0.2),0 0 80px rgba(139,92,246,0.1)}50%{transform:scale(1.08);box-shadow:0 0 60px rgba(139,92,246,0.3),0 0 100px rgba(139,92,246,0.15)}}.celebration-title{font-family:'Outfit',sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:-0.04em;line-height:1.1;margin-bottom:12px;background:linear-gradient(135deg,#8b5cf6 0,#06b6d4 50%,#f59e0b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:celebration-gradient-shift 3s ease infinite}@keyframes celebration-gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.celebration-subtitle{font-family:'Space Grotesk',sans-serif;font-size:1rem;color:#b4b4c0;max-width:280px;margin:0 auto;line-height:1.5;opacity:0;animation:celebration-subtitle-in .5s .5s ease forwards}@keyframes celebration-subtitle-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.celebration-tap-hint{font-family:'Space Grotesk',sans-serif;font-size:.7rem;color:rgba(255,255,255,0.2);letter-spacing:.08em;text-transform:uppercase;margin-top:32px;opacity:0;animation:celebration-tap-fade .5s 2s ease forwards}@keyframes celebration-tap-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.celebration-content{animation:none;transform:none;opacity:1}.celebration-icon{animation:none}.celebration-title{animation:none}.celebration-subtitle{animation:none;opacity:1}.celebration-overlay{transition:none}.celebration-tap-hint{animation:none;opacity:1}}.dopamine-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-120%);padding:14px 24px;border-radius:14px;background:linear-gradient(145deg,rgba(20,20,30,0.96) 0,rgba(14,14,22,0.98) 100%);border:1px solid rgba(212,175,55,0.3);color:#fafafa;font-family:'Outfit',sans-serif;font-weight:600;font-size:.9rem;z-index:99998;display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 20px rgba(212,175,55,0.15);transition:transform .5s cubic-bezier(0.16,1,0.3,1);max-width:90vw}.dopamine-toast.show{transform:translateX(-50%) translateY(0)}.dopamine-toast .toast-icon{width:22px;height:22px;flex-shrink:0}.dopamine-toast .toast-icon svg{width:100%;height:100%;stroke:#D4AF37;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(212,175,55,0.4))}.dopamine-toast .toast-sub{font-size:.75rem;color:#9494a0;font-weight:400;margin-top:2px}.streak-flame .flame-icon{animation:flameFlicker 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(245,158,11,0.5))}@keyframes flameFlicker{0%,100%{transform:scale(1) rotate(0deg);opacity:.9}25%{transform:scale(1.05) rotate(-2deg);opacity:1}50%{transform:scale(1.1) rotate(1deg);opacity:1}75%{transform:scale(1.03) rotate(-1deg);opacity:.95}}.score-counter.counting{animation:scoreCountPulse .15s ease}@keyframes scoreCountPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.score-flash{animation:scoreFlash .6s ease}@keyframes scoreFlash{0%{text-shadow:none}50%{text-shadow:0 0 20px currentColor,0 0 40px currentColor}100%{text-shadow:none}}.pillar-complete-burst{animation:pillarBurst .6s ease-out}@keyframes pillarBurst{0%{transform:scale(0.8);opacity:.5}50%{transform:scale(1.05);opacity:1;box-shadow:0 0 30px rgba(212,175,55,0.3)}100%{transform:scale(1);opacity:1;box-shadow:none}}.celebration-overlay--levelup{background:rgba(3,3,4,0.94)}.celebration-overlay--levelup .celebration-content{position:relative}.celebration-overlay--levelup .celebration-title{font-size:2.8rem;letter-spacing:-0.02em}.day-complete-screen{min-height:100vh;background:#030304;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}.day-complete-screen::before{content:'';position:absolute;top:50%;left:50%;width:400px;height:400px;margin:-200px 0 0 -200px;background:radial-gradient(circle,rgba(16,185,129,0.08) 0,transparent 70%);pointer-events:none}.day-complete-ring-wrap{position:relative;width:160px;height:160px;margin:0 auto 32px}.day-complete-ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.day-complete-ring-bg{fill:none;stroke:rgba(255,255,255,0.06);stroke-width:4}.day-complete-ring-fill{fill:none;stroke:url(#dcGradient);stroke-width:4;stroke-linecap:round;animation:motion-day-complete-ring 1.5s cubic-bezier(0.16,1,0.3,1) both}.day-complete-score{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Outfit',sans-serif;font-size:3rem;font-weight:900;color:#10b981}.day-complete-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:8px}.day-complete-title{font-family:'Outfit',sans-serif;font-size:2rem;font-weight:800;color:#fff;margin-bottom:8px}.day-complete-sub{font-family:'Space Grotesk',sans-serif;font-size:.95rem;color:rgba(255,255,255,0.5);max-width:320px;margin:0 auto 40px;line-height:1.5}.day-complete-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:360px;margin-bottom:32px}.dc-stat{padding:16px;border-radius:14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);text-align:center}.dc-stat-value{font-family:'Outfit',sans-serif;font-size:1.8rem;font-weight:800;line-height:1;margin-bottom:4px}.dc-stat-label{font-family:'JetBrains Mono',monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.35)}.dc-pillar-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);width:100%;max-width:360px;margin-bottom:8px}.dc-pillar-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dc-pillar-name{font-family:'Space Grotesk',sans-serif;font-size:.85rem;font-weight:600;color:rgba(255,255,255,0.85);flex:1}.dc-pillar-pct{font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:700}.dc-pillar-bar{height:3px;background:rgba(255,255,255,0.06);border-radius:2px;flex:1;overflow:hidden}.dc-pillar-bar-fill{height:100%;border-radius:2px;transition:width 1.2s cubic-bezier(0.16,1,0.3,1)}.day-complete-chain{display:flex;align-items:center;gap:3px;margin:24px auto;justify-content:center}.dc-chain-link{width:8px;height:20px;border-radius:4px;transform-origin:bottom}.dc-chain-link.active{animation:motion-chain-link .3s cubic-bezier(0.34,1.56,0.64,1) both}.dc-chain-link.today{width:10px;height:24px;box-shadow:0 0 8px currentColor}.day-complete-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:12px;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.3);color:#10b981;font-family:'Space Grotesk',sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;margin-top:16px}.day-complete-cta:hover{background:rgba(16,185,129,0.18);box-shadow:0 0 20px rgba(16,185,129,0.2)}.weekly-recap-card{position:relative;padding:20px;border-radius:16px;background:linear-gradient(135deg,rgba(139,92,246,0.06),rgba(6,182,212,0.04));border:1px solid rgba(139,92,246,0.18);margin-bottom:var(--space-4,16px);overflow:hidden}.weekly-recap-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#06b6d4,#f59e0b)}.wr-eyebrow{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(139,92,246,0.8);margin-bottom:6px}.wr-title{font-family:'Outfit',sans-serif;font-size:1.15rem;font-weight:700;color:rgba(255,255,255,0.95);margin-bottom:16px}.wr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.wr-stat{text-align:center;padding:12px 8px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06)}.wr-stat-val{font-family:'Outfit',sans-serif;font-size:1.4rem;font-weight:800;line-height:1;margin-bottom:4px}.wr-stat-label{font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,0.35)}.wr-message{font-family:'Space Grotesk',sans-serif;font-size:.85rem;color:rgba(255,255,255,0.5);line-height:1.5;font-style:italic}.wr-dismiss{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;padding:4px;color:rgba(255,255,255,0.3)}@media(prefers-reduced-motion:reduce){.dopamine-toast{transition:none}.streak-flame .flame-icon{animation:none}.score-counter.counting{animation:none}.score-flash{animation:none}.pillar-complete-burst{animation:none}.celebration-overlay--levelup .celebration-icon{animation:none;opacity:1}.levelup-ring{animation:none!important;display:none}.dc-chain-link.active{animation:none;opacity:1;transform:none}.day-complete-ring-fill{animation:none}}