@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap);.navbar{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#f8fafcf2;border:2px solid #4755694d;border-radius:50px;box-shadow:0 10px 40px #00000026,0 0 0 1px #4755691a,inset 0 1px 0 #ffffffe6;left:50%;overflow:hidden;padding:6px 16px;position:fixed;top:10px;transform:translateX(-50%);transition:all .4s cubic-bezier(.23,1,.32,1);width:fit-content;z-index:1000}.navbar:before{animation:futuristicSweep 4s infinite;background:linear-gradient(90deg,#0000,#8285dd26,#8285dd40,#b893df47,#eea2e240,#9a7ba52e,#47556926,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left 2s ease-in-out;width:100%}@keyframes futuristicSweep{0%,to{left:-100%}50%{left:100%}}.navbar:after{background:radial-gradient(600px circle at 50% 50%,#8285dd14,#0000 40%);background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),#8285dd14,#0000 40%);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.navbar:hover{background:#fffffff2;border-color:#8b5cf680;box-shadow:0 20px 60px #8b5cf640,0 0 0 1px #8b5cf666,inset 0 1px 0 #ffffffe6;transform:translateX(-50%) translateY(-3px) scale(1.02)}.navbar:hover:after{opacity:1}.navbar-menu{align-items:center;display:flex;gap:8px;list-style:none;margin:0;padding:0;z-index:1}.navbar-menu,.navbar-menu li{position:relative}.navbar-menu li a{border-radius:25px;color:#1e293b;display:block;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:8px 14px;position:relative;text-decoration:none;text-shadow:0 1px 2px #8b5cf61a;transition:all .4s cubic-bezier(.23,1,.32,1);white-space:nowrap}.navbar-menu li a:before{background:linear-gradient(135deg,#8b5cf6cc,#3b82f6cc 50%,#10b981cc);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.8);transition:all .4s cubic-bezier(.23,1,.32,1);z-index:-1}.navbar-menu li a:after{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.23,1,.32,1);width:0;z-index:1}.navbar-menu li a:hover{color:#fff;text-shadow:0 0 10px #ffffff80;transform:translateY(-1px) scale(1.05)}.navbar-menu li a:hover:before{opacity:1;transform:scale(1)}.navbar-menu li a:hover:after{height:100%;width:100%}.navbar-menu li a:active{transform:translateY(0) scale(1.02)}.logout-btn{background:none;border:none;border-radius:25px;color:#b91c1c;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:8px 14px;position:relative;text-shadow:0 1px 2px #b91c1c1a;transition:all .4s cubic-bezier(.23,1,.32,1);white-space:nowrap}.logout-btn:before{background:linear-gradient(135deg,#ef4444cc,#dc2626cc 50%,#b91c1ccc);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.8);transition:all .4s cubic-bezier(.23,1,.32,1);z-index:-1}.logout-btn:after{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.23,1,.32,1);width:0;z-index:1}.logout-btn:hover{color:#fff;text-shadow:0 0 10px #ffffff80;transform:translateY(-1px) scale(1.05)}.logout-btn:hover:before{opacity:1;transform:scale(1)}.logout-btn:hover:after{height:100%;width:100%}.logout-btn:active{transform:translateY(0) scale(1.02)}.navbar-menu li a.active{animation:activeGlow 2s infinite alternate;background:linear-gradient(135deg,#8b5cf6e6,#3b82f6e6 50%,#10b981e6);box-shadow:0 4px 15px #8b5cf666,inset 0 1px 0 #fff3;color:#fff;text-shadow:0 0 10px #ffffff4d;transform:scale(1.05)}@keyframes activeGlow{0%{box-shadow:0 4px 15px #8b5cf666,inset 0 1px 0 #fff3}to{box-shadow:0 6px 20px #8b5cf699,inset 0 1px 0 #ffffff4d}}body.dark .navbar{background:#020617e6;border-color:#8b5cf633;box-shadow:0 10px 40px #0006,0 0 0 1px #8b5cf61a,inset 0 1px 0 #8b5cf61a}body.dark .navbar:before{background:linear-gradient(90deg,#0000,#8b5cf626,#ec489926,#0000)}body.dark .navbar:hover{border-color:#8b5cf680;box-shadow:0 20px 60px #0009,0 0 0 1px #8b5cf666,inset 0 1px 0 #8b5cf633}body.dark .navbar-menu li a{color:#f1f5f9}body.dark .navbar-menu li a:before{background:linear-gradient(135deg,#8b5cf6e6,#ec4899e6 50%,#3b82f6e6)}body.dark .logout-btn{color:#fca5a5}body.dark .logout-btn:before{background:linear-gradient(135deg,#ef4444e6,#dc2626e6 50%,#b91c1ce6)}body.dark .navbar-menu li a.active{background:linear-gradient(135deg,#8b5cf6f2,#ec4899f2 50%,#3b82f6f2);box-shadow:0 6px 20px #8b5cf699,inset 0 1px 0 #fff3}@media (max-width:768px){.navbar{padding:5px 14px;top:8px}.navbar-menu{gap:3px}.logout-btn,.navbar-menu li a{font-size:.8rem;padding:6px 12px}}@media (max-width:480px){.navbar{border-radius:30px;padding:4px 12px;top:6px}.navbar-menu{gap:2px}.logout-btn,.navbar-menu li a{font-size:.75rem;padding:5px 10px}}html{scroll-padding-top:70px}@keyframes fadeInNavbar{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.navbar{animation:fadeInNavbar .6s cubic-bezier(.4,0,.2,1)}.brand-logo{animation:brandFloat .8s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #667eea33;border-radius:20px;box-shadow:0 10px 30px #0000001a;left:20px;padding:15px 25px;position:fixed;top:20px;transition:all .3s ease;z-index:1000}.brand-logo:hover{border-color:#667eea66;box-shadow:0 15px 40px #667eea33;transform:translateY(-2px)}.brand-logo:hover .brand-name:after{width:100%}.brand-logo:hover .brand-tagline{color:#667eea;opacity:1}body.dark .brand-logo{background:#1e1e1ef2;border:1px solid #8b5cf64d}body.dark .brand-logo:hover .brand-tagline{color:#8b5cf6}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0;position:relative}.brand-name:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}body.dark .brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text}body.dark .brand-name:after{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.brand-tagline{color:#7f8c8d;font-size:11px;font-weight:500;letter-spacing:.3px;margin-top:2px;opacity:.8;text-transform:uppercase;transition:all .3s ease}body.dark .brand-tagline{color:#9ca3af}@keyframes brandFloat{0%{opacity:0;transform:translateX(-50px) translateY(-10px)}to{opacity:1;transform:translateX(0) translateY(0)}}.theme-toggle{position:fixed;right:20px;top:20px;z-index:1000}.switch{display:inline-block;height:30px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{align-items:center;background-color:#667eea;border:2px solid #667eea4d;border-radius:30px;bottom:0;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;left:0;padding:0 8px;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:4px;width:22px;z-index:2}.slider .sun-icon{color:gold;z-index:1}.slider .moon-icon{color:#fff;z-index:1}input:checked+.slider{background-color:#2d3748;border-color:#2d37484d}input:checked+.slider:before{transform:translateX(26px)}input:checked+.slider .sun-icon{color:gold}input:checked+.slider .moon-icon{color:#f7fafc}@media (max-width:480px){.switch{height:26px;width:50px}.switch .slider{font-size:12px;padding:0 6px}.switch .slider:before{bottom:2px;height:18px;left:3px;width:18px}input:checked+.slider:before{transform:translateX(20px)}}footer{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#fffffffa,#f8fafcf5 50%,#f1f5f9fa);border-radius:24px 24px 0 0;border-top:1px solid #e2e8f0cc;bottom:0;box-shadow:0 -10px 40px #00000014,0 -2px 10px #0000000a,inset 0 1px 0 #ffffffe6;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:16px;left:0;margin-top:60px;padding:32px 24px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:100}footer,footer p{align-items:center;display:flex;position:relative}footer p{color:#64748b;flex-wrap:wrap;font-size:15px;font-weight:500;gap:12px;justify-content:center;line-height:1.6;margin:0;transition:all .3s ease}footer p:before{animation:moodGlow 3s ease-in-out infinite alternate;content:"🌙✨";font-size:18px;margin-right:8px}@keyframes moodGlow{0%{opacity:.7;transform:scale(1)}to{filter:drop-shadow(0 0 8px rgba(102,126,234,.4));opacity:1;transform:scale(1.1)}}footer a{align-items:center;background:#667eea0d;border:1px solid #667eea1a;border-radius:8px;color:#667eea;display:inline-flex;font-weight:600;padding:6px 12px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}footer a:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}footer a:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 6px 20px #667eea4d,0 2px 8px #667eea33;color:#fff;transform:translateY(-2px)}footer a:hover:before{opacity:1}footer a:active{transform:translateY(-1px)}.footer-divider{align-items:center;color:#cbd5e1;display:inline-flex;font-size:14px;font-weight:300;margin:0 8px;position:relative}.footer-divider:after,.footer-divider:before{background:linear-gradient(90deg,#0000,#cbd5e1,#0000);content:"";height:1px;position:absolute;width:20px}.footer-divider:before{left:-30px}.footer-divider:after{right:-30px}.footer-heart{animation:heartbeat 2.5s ease-in-out infinite;cursor:pointer;display:inline-block;font-size:24px;margin-top:8px;position:relative;transition:all .3s ease}.footer-heart:hover{filter:drop-shadow(0 0 12px rgba(239,68,68,.6));transform:scale(1.3)}@keyframes heartbeat{0%,20%,50%,80%,to{transform:scale(1)}40%{transform:scale(1.15)}60%{transform:scale(1.08)}}footer:after{animation:floatingParticles 15s linear infinite;background:radial-gradient(circle at 20% 20%,#667eea08 1px,#0000 0),radial-gradient(circle at 80% 80%,#764ba208 1px,#0000 0),radial-gradient(circle at 40% 60%,#667eea05 1px,#0000 0);background-size:50px 50px,80px 80px,60px 60px;border-radius:24px 24px 0 0;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes floatingParticles{0%{transform:translate(0)}to{transform:translate(-20px,-10px)}}.auth-page-active footer,body:has(.page.auth) footer{display:none!important}footer:hover{box-shadow:0 -15px 50px #0000001f,0 -5px 15px #0000000f,inset 0 1px 0 #fffffff2;transform:translateY(-2px)}body.dark footer{background:linear-gradient(135deg,#0f0f17fa,#1a1625f5 50%,#1e1b2afa);border-top:1px solid #4b556399;box-shadow:0 -10px 40px #0006,0 -2px 10px #0003,inset 0 1px 0 #8b5cf626}body.dark footer p{color:#94a3b8}body.dark footer p:before{content:"🌙✨";filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}body.dark footer a{background:#8b5cf614;border-color:#8b5cf633;color:#c084fc}body.dark footer a:before{background:linear-gradient(135deg,#8b5cf626,#a855f726)}body.dark footer a:hover{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-color:#8b5cf6;box-shadow:0 6px 20px #8b5cf666,0 2px 8px #8b5cf64d;color:#fff}body.dark .footer-divider{color:#4b5563}body.dark .footer-divider:after,body.dark .footer-divider:before{background:linear-gradient(90deg,#0000,#4b5563,#0000)}body.dark footer:after{background:radial-gradient(circle at 20% 20%,#8b5cf60a 1px,#0000 0),radial-gradient(circle at 80% 80%,#a855f708 1px,#0000 0),radial-gradient(circle at 40% 60%,#8b5cf605 1px,#0000 0)}body.dark footer:hover{box-shadow:0 -15px 50px #0009,0 -5px 15px #0000004d,inset 0 1px 0 #8b5cf633}@media (max-width:768px){footer{border-radius:20px 20px 0 0;gap:12px;margin-top:40px;padding:28px 20px}footer p{font-size:14px;gap:10px}footer p:before{font-size:16px;margin-right:6px}footer a{font-size:14px;padding:5px 10px}.footer-heart{font-size:20px}}@media (max-width:480px){footer{border-radius:16px 16px 0 0;gap:10px;margin:20px 8px 0;padding:24px 16px}footer p{flex-direction:column;font-size:13px;gap:8px;text-align:center}footer p:before{font-size:14px;margin:0}footer a{margin:0 4px;padding:6px 12px}.footer-divider{display:none}.footer-heart{font-size:18px;margin-top:4px}}@keyframes footerSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}footer{animation:footerSlideUp .8s cubic-bezier(.4,0,.2,1)}@keyframes moodSphereGlow{0%,to{text-shadow:0 0 5px #667eea4d}50%{text-shadow:0 0 15px #667eea99}}footer p{animation:moodSphereGlow 4s ease-in-out infinite}footer p:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}footer:hover p:after{width:60%}body.dark footer:hover p:after{background:linear-gradient(90deg,#8b5cf6,#a855f7)}.floating-chat-btn{align-items:center;animation:floatPulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #94a3b84d;border-radius:50%;bottom:30px;box-shadow:0 8px 25px #94a3b833,0 4px 12px #00000014,inset 0 1px 0 #fffc;cursor:pointer;display:flex;height:65px;justify-content:center;overflow:hidden;position:fixed;right:30px;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:65px;z-index:1000}.floating-chat-btn,.floating-chat-btn:before{transform:translateZ(0);will-change:transform}.floating-chat-btn:before{animation:rotateBorder 4s linear infinite;background:conic-gradient(from 0deg,#cbd5e1,#94a3b8,#64748b,#cbd5e1);border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:.4;position:absolute;right:-2px;top:-2px;z-index:-1}.floating-chat-btn:after{animation:innerGlow 2s ease-in-out infinite alternate;background:radial-gradient(circle,#fffc 0,#fff6 40%,#0000 70%);border-radius:50%;content:"";height:80%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;will-change:opacity}.floating-chat-btn img{filter:brightness(.7) contrast(1.2) saturate(.8);height:32px;object-fit:contain;position:relative;transition:all .3s ease;width:32px;will-change:transform;z-index:2}.floating-chat-btn.active{background:var(--gradient-primary);border-color:#667eea99;box-shadow:0 5px 15px #667eea66,0 2px 8px #00000026,inset 0 1px 0 #fff9;transform:scale(.95)}.floating-chat-btn.active img{filter:brightness(1.2) contrast(1.2) drop-shadow(0 2px 8px rgba(255,255,255,.6))}.floating-chat-btn.active:before{animation-duration:2s;background:conic-gradient(from 0deg,#667eea,#764ba2,#667eea,#764ba2);opacity:.8}.floating-chat-btn:hover{animation:floatHover .6s ease-out forwards;background:var(--gradient-primary);border-color:#667eea66;box-shadow:0 15px 35px #667eea4d,0 8px 20px #00000026,inset 0 1px 0 #fff9;transform:translateY(-5px) scale(1.1)}.floating-chat-btn:hover img{filter:brightness(1.2) contrast(1.2) drop-shadow(0 2px 8px rgba(255,255,255,.6));transform:rotate(5deg) scale(1.1)}.floating-chat-btn:hover:before{animation-duration:2s;background:conic-gradient(from 0deg,#667eea,#764ba2,#667eea,#764ba2);opacity:.8}.floating-chat-btn:hover:after{animation-duration:1s}.floating-chat-btn:active{transform:translateY(-2px) scale(1.05);transition-duration:.1s}.floating-chat-btn:focus{outline:3px solid var(--home-glow-primary);outline-offset:4px}@keyframes floatPulse{0%,to{box-shadow:0 8px 25px #94a3b833,0 4px 12px #00000014;transform:translateY(0) scale(1)}50%{box-shadow:0 12px 30px #94a3b84d,0 6px 16px #0000001f;transform:translateY(-3px) scale(1.02)}}@keyframes floatHover{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.15)}to{transform:translateY(-5px) scale(1.1)}}@keyframes rotateBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes innerGlow{0%{opacity:.3;transform:translate(-50%,-50%) scale(.8)}to{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.floating-chat-btn .notification-badge{align-items:center;animation:badgePulse 2s infinite;background:#ff4757;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:8px;top:8px;width:18px;z-index:3}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}body.dark .floating-chat-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:#8b5cf666;box-shadow:0 8px 25px #8b5cf666,0 4px 12px #0000004d,inset 0 1px 0 #ffffff26}body.dark .floating-chat-btn:before{background:conic-gradient(from 0deg,#bb86fc,#9c27b0,#8b5cf6,#bb86fc);opacity:.8}body.dark .floating-chat-btn:after{background:radial-gradient(circle,#8b5cf64d 0,#8b5cf61a 40%,#0000 70%)}body.dark .floating-chat-btn:hover{box-shadow:0 15px 35px #8b5cf699,0 8px 20px #0006,inset 0 1px 0 #fff3}body.dark .floating-chat-btn img{filter:brightness(1.2) contrast(1.1) hue-rotate(10deg)}body.dark .floating-chat-btn:hover img{filter:brightness(1.4) contrast(1.3) hue-rotate(10deg) drop-shadow(0 2px 8px rgba(187,134,252,.4))}body.dark .floating-chat-btn.active{background:linear-gradient(135deg,#a855f7,#f472b6);border-color:#8b5cf6cc;box-shadow:0 5px 15px #8b5cf680,0 2px 8px #0000004d,inset 0 1px 0 #fff3}@media (max-width:768px){.floating-chat-btn{bottom:25px;height:60px;right:25px;width:60px}.floating-chat-btn img{height:28px;width:28px}.floating-chat-btn .notification-badge{font-size:9px;height:16px;right:6px;top:6px;width:16px}}@media (max-width:480px){.floating-chat-btn{bottom:20px;height:55px;right:20px;width:55px}.floating-chat-btn img{height:26px;width:26px}.floating-chat-btn:hover{transform:translateY(-3px) scale(1.05)}.floating-chat-btn .notification-badge{font-size:8px;height:14px;right:5px;top:5px;width:14px}}@media (prefers-contrast:high){.floating-chat-btn{border:3px solid;box-shadow:0 4px 12px #00000080}.floating-chat-btn img{filter:contrast(1.5)}}@media (prefers-reduced-motion:reduce){.floating-chat-btn,.floating-chat-btn:after,.floating-chat-btn:before{animation:none!important}.floating-chat-btn:hover{transform:none!important}.notification-badge{animation:none!important}}.floating-chat-btn,.floating-chat-btn img,.floating-chat-btn:after,.floating-chat-btn:before{transform:translateZ(0);will-change:transform}.floating-chat-btn{contain:layout style paint}.chat-modal-overlay{align-items:stretch;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--container-bg);border:1px solid var(--border-light);border-radius:20px;bottom:110px;box-shadow:0 20px 60px #00000026,0 8px 25px #00000014,inset 0 1px 0 #ffffff1a;box-sizing:border-box;display:flex;flex-direction:column;height:500px;justify-content:stretch;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:fixed;right:30px;transform:translateY(20px) scale(.95);transform-origin:bottom right;transition:all .3s cubic-bezier(.25,.46,.45,.94);visibility:hidden;width:380px;z-index:1500}.chat-modal-overlay.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.chat-modal{animation:none;background:#0000;border:none;border-radius:0;box-shadow:none;contain:layout style paint;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.chat-modal-overlay:before{animation:modalBackgroundShift 10s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#667eea08 0,#0000 50%),radial-gradient(circle at 80% 80%,#db277708 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateZ(0);will-change:transform;z-index:1}.chat-modal-overlay:after{background:var(--gradient-primary);border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:2}.chat-modal-intro{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 25px 15px;position:relative;text-align:left;z-index:5}.chat-modal-intro h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.chat-modal-intro .bot-avatar{align-items:center;animation:avatarPulse 2s ease-in-out infinite;background:var(--gradient-primary);border-radius:50%;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.chat-modal-intro p{-webkit-text-fill-color:initial;animation:none;background:none;background-clip:initial;-webkit-background-clip:initial;color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1.4;margin:5px 0 0}@keyframes avatarPulse{0%,to{box-shadow:0 0 0 0 #667eea66}50%{box-shadow:0 0 0 8px #667eea00}}.chat-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border:1px solid var(--border-light);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:32px;z-index:10}.chat-modal-close:hover{background:#dc354526;border-color:#dc35454d;box-shadow:0 4px 15px #dc354533;color:#dc3545;transform:rotate(90deg) scale(1.1)}.chat-modal-close:active{transform:rotate(90deg) scale(.95)}.chat-modal-close:focus{outline:3px solid var(--home-glow-primary);outline-offset:2px}@keyframes chatWidgetSlideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalBackgroundShift{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:.5;transform:scale(1.05) rotate(3deg)}}body.dark .chat-modal-overlay{background:var(--container-bg);border-color:var(--border-light);box-shadow:0 20px 60px #0006,0 8px 25px #0003,inset 0 1px 0 #ffffff0d}body.dark .chat-modal-overlay:before{background:radial-gradient(circle at 20% 20%,#8b5cf60d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ec48990a 0,#0000 50%)}body.dark .chat-modal-overlay:after{background:linear-gradient(135deg,#8b5cf6,#ec4899)}body.dark .chat-modal-intro{background:#ffffff05;border-bottom-color:var(--border-light)}body.dark .chat-modal-intro h3{color:var(--text-primary)}body.dark .chat-modal-intro p{color:var(--text-secondary)}body.dark .chat-modal-intro .bot-avatar{background:linear-gradient(135deg,#8b5cf6,#ec4899)}body.dark .chat-modal-close{background:#ffffff0d;border-color:var(--border-light);color:#cbd5e1}body.dark .chat-modal-close:hover{background:#dc354533;border-color:#dc354566;color:#ff6b7d}@media (max-width:768px){.chat-modal-overlay{bottom:90px;height:450px;right:20px;width:340px}.chat-modal-close{font-size:16px;height:28px;right:12px;top:12px;width:28px}.chat-modal-intro{padding:15px 20px 12px}.chat-modal-intro h3{font-size:15px}.chat-modal-intro p{font-size:11px}}@media (max-width:480px){.chat-modal-overlay{border-radius:15px;bottom:80px;height:400px;right:15px;width:300px}.chat-modal-close{font-size:14px;height:26px;right:10px;top:10px;width:26px}.chat-modal-intro{padding:12px 15px 10px}.chat-modal-intro h3{font-size:14px}.chat-modal-intro p{font-size:10px}.chat-modal-intro .bot-avatar{font-size:10px;height:20px;width:20px}}@media (prefers-contrast:high){.chat-modal-overlay{border:3px solid;box-shadow:0 15px 30px #000c}.chat-modal-close{background:#fff3;border:2px solid}body.dark .chat-modal-close{background:#0003}}@media (prefers-reduced-motion:reduce){.chat-modal-overlay{transition-duration:.1s!important}.chat-modal-intro .bot-avatar,.chat-modal-overlay,.chat-modal-overlay:before{animation:none!important}.chat-modal-close:hover{transform:scale(1.05)!important}}.chat-modal-close,.chat-modal-intro .bot-avatar,.chat-modal-overlay,.chat-modal-overlay:before{transform:translateZ(0);will-change:transform}.chat-modal-overlay{contain:layout style paint}.chat-modal-overlay:focus{outline:none}.chat-modal:focus{outline:3px solid var(--home-glow-primary);outline-offset:-3px}.assistant-chat{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;position:relative;z-index:5}.chat-window{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff05;flex:1 1;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:20px 20px 10px;position:relative;scroll-behavior:smooth;scrollbar-color:#667eea66 #0000;scrollbar-width:thin}.chat-window::-webkit-scrollbar{background:#0000;width:6px}.chat-window::-webkit-scrollbar-track{background:#0000000d;border-radius:10px;margin:5px 0}.chat-window::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea99,#667eea4d);border:1px solid #fff3;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.chat-window::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#667eeacc,#667eea80);border-color:#ffffff4d}.chat-window::-webkit-scrollbar-thumb:active{background:#667eeacc}.empty-state{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;height:100%;justify-content:center;padding:40px 20px;text-align:center}.empty-state p{font-style:italic;font-weight:500;margin:0;opacity:.8}.chat-msg{word-wrap:break-word;animation:messageSlideIn .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;font-size:13px;line-height:1.4;margin-bottom:15px;max-width:85%;overflow-wrap:break-word;padding:12px 15px;position:relative}.chat-msg.user{align-self:flex-end;background:var(--gradient-primary);border-bottom-right-radius:6px;box-shadow:0 3px 12px #667eea4d,0 1px 6px #0000001a;color:#fff;margin-left:auto;margin-right:0;overflow:hidden;position:relative}.chat-msg.user:before{animation:userMessageShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#0000,#ffffff1a 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateZ(0);will-change:transform}.chat-msg.bot{align-self:flex-start;background:var(--input-bg);border:1px solid var(--border-light);border-bottom-left-radius:6px;box-shadow:0 3px 10px #0000000f,inset 0 1px 0 #ffffff1a;color:var(--text-primary);margin-left:0;margin-right:auto;position:relative}.chat-msg.bot:before{align-items:center;animation:botIconFloat 2s ease-in-out infinite;background:var(--gradient-primary);border-radius:50%;box-shadow:0 2px 6px #667eea4d;content:"🤖";display:flex;font-size:8px;height:16px;justify-content:center;left:-6px;position:absolute;top:-6px;transform:translateZ(0);width:16px;will-change:transform}.typing-indicator{align-items:center;align-self:flex-start;animation:typingSlideIn .3s ease-out;background:var(--input-bg)!important;border:1px solid var(--border-light)!important;border-bottom-left-radius:6px;display:flex;gap:4px;margin-left:0;margin-right:auto;max-width:80px;padding:10px 15px!important}.typing-indicator .dot{animation:typingDot 1.4s ease-in-out infinite;background:var(--text-secondary);border-radius:50%;height:6px;transform:translateZ(0);width:6px;will-change:transform}.typing-indicator .dot:first-child{animation-delay:0s}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}.chat-input-area{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-top:1px solid var(--border-light);bottom:0;box-sizing:border-box;display:flex;flex-shrink:0;gap:10px;max-height:120px;min-height:60px;padding:15px 20px;position:sticky;z-index:10}.chat-input-area:before{background:var(--gradient-primary);content:"";height:1px;left:20px;opacity:.3;position:absolute;right:20px;top:0}.chat-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--input-bg);border:2px solid var(--input-border);border-radius:12px;box-shadow:0 1px 6px #0000000d,inset 0 1px 0 #ffffff1a;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:13px;line-height:1.3;max-height:80px;min-height:36px;outline:none;overflow-y:auto;padding:10px 12px;resize:none;scrollbar-width:thin;transition:all .3s ease}.chat-input::placeholder{color:var(--text-secondary);font-size:12px;font-style:italic;opacity:.7}.chat-input:focus{background:#ffffffe6;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #667eea26,0 3px 10px #667eea1a,inset 0 1px 0 #fff3;outline:none}.chat-input::-webkit-scrollbar{width:4px}.chat-input::-webkit-scrollbar-track{background:#0000}.chat-input::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.chat-send-btn{align-items:center;background:var(--gradient-primary);border:none;box-shadow:0 3px 10px #667eea4d,0 1px 4px #0000001a;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;overflow:hidden;position:relative;transform:translateZ(0);width:36px;will-change:transform}.chat-send-btn,.chat-send-btn:before{border-radius:50%;transition:all .3s ease}.chat-send-btn:before{background:#ffffff4d;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 5px 15px #667eea66,0 2px 8px #00000026;transform:translateY(-1px) scale(1.05)}.chat-send-btn:hover:not(:disabled):before{height:100%;width:100%}.chat-send-btn:active:not(:disabled){transform:translateY(0) scale(.95);transition-duration:.1s}.chat-send-btn:focus{outline:2px solid var(--home-glow-primary);outline-offset:2px}.chat-send-btn:disabled{box-shadow:0 1px 4px #0000001a;cursor:not-allowed;opacity:.5}.chat-send-btn:disabled,.chat-send-btn:disabled:hover{background:var(--text-secondary);transform:none}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes userMessageShimmer{0%,to{opacity:0;transform:translateX(-100%)}50%{opacity:1;transform:translateX(100%)}}@keyframes botIconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-1px) rotate(3deg)}}@keyframes typingSlideIn{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.chat-msg.user.sending{animation:messageSending 1s ease-in-out infinite;opacity:.7;transform:scale(.98)}@keyframes messageSending{0%,to{opacity:.7}50%{opacity:.9}}.chat-msg.bot.new{animation:botMessageAppear .6s cubic-bezier(.25,.46,.45,.94)}@keyframes botMessageAppear{0%{opacity:0;transform:translateY(20px) scale(.9)}60%{opacity:.8;transform:translateY(-3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}body.dark .chat-window::-webkit-scrollbar-track{background:#ffffff0d}body.dark .chat-window::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf699,#8b5cf64d);border-color:#ffffff1a}body.dark .chat-window::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6cc,#8b5cf680);border-color:#fff3}body.dark .chat-window::-webkit-scrollbar-thumb:active{background:#8b5cf6cc}body.dark .chat-msg.user{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 3px 12px #8b5cf64d,0 1px 6px #0003}body.dark .chat-msg.bot{background:var(--input-bg);border-color:var(--border-light);box-shadow:0 3px 10px #00000026,inset 0 1px 0 #ffffff0d;color:#f1f5f9}body.dark .chat-msg.bot:before{background:linear-gradient(135deg,#8b5cf6,#ec4899)}body.dark .typing-indicator{background:var(--input-bg)!important;border-color:var(--border-light)!important}body.dark .typing-indicator .dot{background:#9ca3af}body.dark .chat-input{background:var(--input-bg);border-color:var(--input-border);box-shadow:0 1px 6px #0000001a,inset 0 1px 0 #ffffff0d;color:#f1f5f9}body.dark .chat-input::placeholder{color:#9ca3af}body.dark .chat-input:focus{background:#374151e6;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633,0 3px 10px #8b5cf626,inset 0 1px 0 #ffffff1a}body.dark .chat-send-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 3px 10px #8b5cf64d,0 1px 4px #0003}body.dark .chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#a855f7,#f472b6);box-shadow:0 5px 15px #8b5cf666,0 2px 8px #0000004d}body.dark .empty-state p{color:#9ca3af}@media (max-width:768px){.chat-window{padding:15px 15px 8px}.chat-msg{border-radius:15px;font-size:12px;margin-bottom:12px;max-width:90%;padding:10px 12px}.chat-msg.user{border-bottom-right-radius:5px}.chat-msg.bot{border-bottom-left-radius:5px}.chat-msg.bot:before{font-size:7px;height:14px;left:-5px;top:-5px;width:14px}.chat-input-area{gap:8px;min-height:55px;padding:12px 15px}.chat-input{font-size:12px;max-height:70px;min-height:32px;padding:8px 10px}.chat-send-btn{font-size:14px;height:32px;width:32px}.typing-indicator{max-width:70px;padding:8px 12px!important}.typing-indicator .dot{height:5px;width:5px}.empty-state{font-size:13px;padding:30px 15px}}@media (max-width:480px){.chat-window{padding:12px 12px 6px}.chat-msg{border-radius:12px;font-size:11px;margin-bottom:10px;max-width:95%;padding:8px 10px}.chat-msg.user{border-bottom-right-radius:4px}.chat-msg.bot{border-bottom-left-radius:4px}.chat-msg.bot:before{font-size:6px;height:12px;left:-4px;top:-4px;width:12px}.chat-input-area{gap:6px;min-height:50px;padding:10px 12px}.chat-input{border-radius:10px;font-size:11px;max-height:60px;min-height:28px;padding:6px 8px}.chat-send-btn{font-size:12px;height:28px;width:28px}.typing-indicator{max-width:60px;padding:6px 10px!important}.typing-indicator .dot{height:4px;width:4px}.empty-state{font-size:12px;padding:20px 10px}}@media (prefers-contrast:high){.chat-msg{border:2px solid;box-shadow:0 2px 8px #00000080}.chat-msg.user{border-color:#fff}.chat-msg.bot{border-color:var(--text-primary)}.chat-send-btn{border:2px solid #fff}.chat-input{border:2px solid}.chat-window::-webkit-scrollbar-thumb{border:2px solid}}@media (prefers-reduced-motion:reduce){.chat-msg{animation:messageSlideInReduced .2s ease-out!important}.chat-msg.bot:before,.chat-msg.user:before,.typing-indicator .dot{animation:none!important}.chat-send-btn:hover:not(:disabled){transform:scale(1.02)!important}.typing-indicator{animation:none!important}.chat-msg.bot.new{animation:messageSlideInReduced .2s ease-out!important}}@keyframes messageSlideInReduced{0%{opacity:0}to{opacity:1}}.chat-window:focus{outline:2px solid var(--home-glow-primary);outline-offset:-2px}.chat-input:focus-visible{outline:none}.chat-msg,.chat-msg:before,.chat-send-btn,.chat-send-btn:before,.typing-indicator .dot{transform:translateZ(0);will-change:transform}.chat-window{contain:layout}.assistant-chat,.chat-msg{contain:layout style paint}.chat-window.has-new-messages:after{animation:newMessageHint 2s ease-in-out;background:var(--gradient-primary);border-radius:12px;bottom:10px;color:#fff;content:"↓ New message";font-size:10px;font-weight:500;left:50%;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}@keyframes newMessageHint{0%,to{opacity:0;transform:translateX(-50%) translateY(10px)}20%,80%{opacity:1;transform:translateX(-50%) translateY(0)}}.footer{all:unset}html{scroll-behavior:smooth}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-display:swap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;margin:0;overflow-x:hidden;padding:0;position:relative}:root{--home-bg-primary:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);--home-glow-primary:#7c3aed;--home-glow-secondary:#db2777;--home-particle-color:#7c3aed;--home-star-color:#fff;--container-bg:linear-gradient(145deg,#f8fafc,#e2e8f0);--text-primary:#1e293b;--text-secondary:#64748b;--border-light:#94a3b84d;--shadow-light:#0000001a;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--input-bg:#fff;--input-border:#cbd5e1;--input-border-focus:#667eea}body.dark{--home-bg-primary:radial-gradient(ellipse at center,#1a0033 0%,#0d001a 50%,#001 100%);--home-glow-primary:#bb86fc;--home-glow-secondary:#9c27b0;--home-particle-color:#bb86fce6;--container-bg:#1e1e1ef2;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--border-light:#667eea4d;--shadow-light:#00000080;--gradient-primary:linear-gradient(135deg,#8b5cf6,#ec4899);--input-bg:#374151;--input-border:#667eea4d;--input-border-focus:#667eea}body{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe)!important;background:var(--home-bg-primary)!important}body:before{animation:homeNebulaMove 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#7c3aed33 0,#0000 50%),radial-gradient(circle at 80% 70%,#db277726 0,#0000 50%),radial-gradient(circle at 40% 80%,#3b82f61f 0,#0000 50%);background-size:550px 550px,350px 350px,250px 250px;z-index:1}body:after,body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;transform:translateZ(0);width:100%;will-change:transform}body:after{background:radial-gradient(circle at 50% 50%,#fff 0,#0000 1px),radial-gradient(circle at 10% 20%,#fff 0,#0000 2px),radial-gradient(circle at 80% 10%,#7c3aedb3 0,#0000 1px),radial-gradient(circle at 30% 80%,#fff 0,#0000 2px),radial-gradient(circle at 70% 25%,#db277799 0,#0000 1px);background:radial-gradient(circle at 50% 50%,var(--home-star-color) 0,#0000 1px),radial-gradient(circle at 10% 20%,var(--home-star-color) 0,#0000 2px),radial-gradient(circle at 80% 10%,#7c3aedb3 0,#0000 1px),radial-gradient(circle at 30% 80%,var(--home-star-color) 0,#0000 2px),radial-gradient(circle at 70% 25%,#db277799 0,#0000 1px);background-size:200px 200px,150px 150px,400px 400px,300px 300px,450px 450px;z-index:2}body.dark:before{background:radial-gradient(circle at 20% 30%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 80% 70%,#ec48991f 0,#0000 50%),radial-gradient(circle at 40% 80%,#3b82f61a 0,#0000 50%);background-size:550px 550px,350px 350px,250px 250px}body.dark:after{background:radial-gradient(circle at 50% 50%,#fff 0,#0000 1px),radial-gradient(circle at 10% 20%,#fff 0,#0000 2px),radial-gradient(circle at 80% 10%,#8b5cf680 0,#0000 1px),radial-gradient(circle at 30% 80%,#fff 0,#0000 2px),radial-gradient(circle at 70% 25%,#ec489966 0,#0000 1px);background:radial-gradient(circle at 50% 50%,var(--home-star-color) 0,#0000 1px),radial-gradient(circle at 10% 20%,var(--home-star-color) 0,#0000 2px),radial-gradient(circle at 80% 10%,#8b5cf680 0,#0000 1px),radial-gradient(circle at 30% 80%,var(--home-star-color) 0,#0000 2px),radial-gradient(circle at 70% 25%,#ec489966 0,#0000 1px);background-size:200px 200px,150px 150px,400px 400px,300px 300px,450px 450px}.page-wrapper{position:relative;z-index:10}.main-content{display:flex;flex:1 0 auto;flex-direction:column;justify-content:flex-start;padding:20px 0 0}.app-container{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#f8fafc,#e2e8f0);background:var(--container-bg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;border:1px solid #94a3b84d;border:1px solid var(--border-light);border-radius:25px;box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000d,inset 0 1px 0 #ffffff1a;box-shadow:0 20px 40px var(--shadow-light),0 8px 16px #0000000d,inset 0 1px 0 #ffffff1a;contain:layout style paint;margin:0 auto 40px;max-width:400px;padding:30px 25px;position:relative;transition:all .3s ease;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes homeNebulaMove{0%,to{opacity:.8;transform:scale(1) rotate(0deg)}33%{opacity:1;transform:scale(1.1) rotate(5deg)}66%{opacity:.6;transform:scale(.9) rotate(-3deg)}}@keyframes shimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{box-shadow:0 8px 25px #667eea66}50%{box-shadow:0 8px 25px #667eeab3}to{box-shadow:0 8px 25px #667eea66}}.header{margin-bottom:30px;text-align:center}.greeting{color:#1e293b;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px}.greeting,.subtitle{transition:color .3s ease}.subtitle{color:#64748b;color:var(--text-secondary);font-size:16px;font-weight:400}.stats-card{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:1px solid #94a3b84d;border:1px solid var(--border-light);border-radius:20px;color:#fff;margin:25px 0;overflow:hidden;padding:20px;position:relative;text-align:center}.stats-card:before{animation:shimmer 3s infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:translateZ(0);width:200%;will-change:transform}.stats-number{font-size:24px;font-weight:700;margin-bottom:5px}.stats-number,.stats-text{position:relative;z-index:2}.stats-text{font-size:14px;margin-bottom:15px;opacity:.9}.reset-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;position:relative;transition:all .3s ease;z-index:3}.reset-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.reset-btn:active{transform:translateY(0)}.reset-btn:focus{outline:3px solid #7c3aed;outline:3px solid var(--home-glow-primary);outline-offset:2px}.mood-section,.note-section{margin:30px 0}.section-title{color:#1e293b;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:20px;text-align:center;transition:color .3s ease}.mood-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.mood-btn{align-items:center;background:#fff;background:var(--input-bg);border:2px solid #cbd5e1;border:2px solid var(--input-border);border-radius:15px;box-shadow:0 5px 15px #00000014;color:#1e293b;color:var(--text-primary);contain:layout style paint;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:15px 10px;position:relative;transition:all .3s ease}.mood-btn:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:translateZ(0);transition:left .5s;width:100%;will-change:transform}.mood-btn:hover:before{left:100%}.mood-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-color:#667eea;border-color:var(--input-border-focus);box-shadow:0 10px 25px #00000026;color:#fff;transform:translateY(-3px) scale(1.02)}.mood-btn.selected{animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--gradient-primary)!important;border:2px solid #667eea99;box-shadow:0 8px 25px #667eea66;color:#fff!important;transform:scale(1.05)}.mood-btn:focus{outline:3px solid #7c3aed;outline:3px solid var(--home-glow-primary);outline-offset:2px}.mood-emoji{font-size:20px}#note{background:#fff;background:var(--input-bg);border:2px solid #cbd5e1;border:2px solid var(--input-border);border-radius:15px;color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:80px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}#note::placeholder{color:#64748b;color:var(--text-secondary)}#note:focus{border-color:#667eea;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #667eea1a;outline:3px solid #7c3aed;outline:3px solid var(--home-glow-primary);outline-offset:2px}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:2px solid #667eea;border:2px solid var(--input-border-focus);border-radius:15px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:20px 0;padding:15px;transition:all .3s ease;width:100%}.save-btn:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.save-btn:focus{outline:3px solid #7c3aed;outline:3px solid var(--home-glow-primary);outline-offset:2px}.reminder-section{background:#fff;background:var(--input-bg);border:2px solid #cbd5e1;border:2px solid var(--input-border);border-radius:15px;margin:20px 0;padding:20px;transition:all .3s ease}.reminder-label{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:10px;transition:color .3s ease}.reminder-input-group{align-items:center;display:flex;gap:10px}#reminderTime{background:#fff;background:var(--input-bg);border:2px solid #cbd5e1;border:2px solid var(--input-border);border-radius:10px;color:#1e293b;color:var(--text-primary);flex:1 1;font-size:14px;padding:10px 15px;transition:all .3s ease}#reminderTime:focus{border-color:#667eea;border-color:var(--input-border-focus);outline:3px solid #7c3aed;outline:3px solid var(--home-glow-primary);outline-offset:2px}#setReminderBtn{background:#28a745;border:2px solid #28a745;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}#setReminderBtn:hover{background:#218838;border-color:#218838;transform:translateY(-1px)}#setReminderBtn:focus{outline:3px solid #7c3aed;outline:3px solid var(--home-glow-primary);outline-offset:2px}.custom-notification{contain:layout style paint;max-width:350px;position:fixed;right:-400px;top:80px;transition:right .4s cubic-bezier(.25,.46,.45,.94);z-index:9999}.custom-notification.show{right:20px}.notification-content{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#f8fafc,#e2e8f0);background:var(--container-bg);border:1px solid #667eea4d;border-radius:20px;box-shadow:0 15px 35px #0000001a;box-shadow:0 15px 35px var(--shadow-light);display:flex;gap:12px;overflow:hidden;padding:18px 22px;position:relative}.notification-content:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.notification-icon{animation:notificationPulse 2s infinite;flex-shrink:0;font-size:24px;transform:translateZ(0);will-change:transform}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-text{color:#1e293b;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.notification-close{background:none;border:none;border-radius:50%;color:#64748b;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:20px;font-weight:700;padding:4px;transition:all .3s ease}.notification-close:hover{background:#dc35451a;color:#dc3545;transform:scale(1.1)}body.dark .mood-btn{background:#fff;background:var(--input-bg);border:2px solid #cbd5e1;border:2px solid var(--input-border);box-shadow:0 5px 15px #0000004d;color:#f1f5f9}body.dark .mood-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-color:#667eea;border-color:var(--input-border-focus);color:#fff}body.dark .mood-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--gradient-primary)!important;border:2px solid #667eeacc;color:#fff!important}body.dark #note{background:#fff;background:var(--input-bg);border:2px solid #cbd5e1;border:2px solid var(--input-border);color:#f1f5f9}body.dark #note::placeholder{color:#9ca3af}body.dark .reminder-section{background:#fff;background:var(--input-bg);border:2px solid #cbd5e1;border:2px solid var(--input-border)}body.dark .reminder-label{color:#d1d5db}body.dark #reminderTime{background:#fff;background:var(--input-bg);border:2px solid #cbd5e1;border:2px solid var(--input-border);color:#f1f5f9}.home-quantum-field{animation:homeQuantumShift 8s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,#7c3aed33 0,#0000 50%),radial-gradient(circle at 75% 75%,#db277726 0,#0000 50%);height:100%;left:0;pointer-events:none;position:fixed;top:0;transform:translateZ(0);width:100%;will-change:transform;z-index:3}body.dark .home-quantum-field{background:radial-gradient(circle at 25% 25%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 75% 75%,#9c27b01f 0,#0000 50%)}@keyframes homeQuantumShift{0%,to{opacity:.5;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.1) rotate(180deg)}}.home-floating-objects{contain:layout style paint;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:4}.home-floating-cube{animation:homeFloatCube 6s ease-in-out infinite;background:#db2777;background:var(--home-glow-secondary);border:2px solid #7c3aed;border:2px solid var(--home-glow-primary);box-shadow:0 0 15px #7c3aed,inset 0 0 8px #db2777;box-shadow:0 0 15px var(--home-glow-primary),inset 0 0 8px var(--home-glow-secondary);height:8px;opacity:.8;position:absolute;transform:translateZ(0);width:8px;will-change:transform}.home-floating-cube:first-child{animation-delay:0s;left:20%;top:10%}.home-floating-cube:nth-child(2){animation-delay:-2s;left:80%;top:60%}.home-floating-cube:nth-child(3){animation-delay:-4s;left:15%;top:80%}@keyframes homeFloatCube{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.home-light-orb{animation:homeOrbFloat 8s ease-in-out infinite;background:radial-gradient(circle,#7c3aed 0,#0000 70%);background:radial-gradient(circle,var(--home-glow-primary) 0,#0000 70%);border-radius:50%;box-shadow:0 0 20px #7c3aed;box-shadow:0 0 20px var(--home-glow-primary);height:6px;position:absolute;transform:translateZ(0);width:6px;will-change:transform}.home-light-orb:nth-child(4){animation-delay:0s;right:10%;top:25%}.home-light-orb:nth-child(5){animation-delay:-3s;bottom:40%;left:30%}@keyframes homeOrbFloat{0%,to{opacity:.7;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-25px) scale(1.2)}}.home-energy-pulse{animation:homeEnergyPulse 4s linear infinite;background:#7c3aed;background:var(--home-glow-primary);border-radius:50%;box-shadow:0 0 20px #7c3aed;box-shadow:0 0 20px var(--home-glow-primary);height:4px;pointer-events:none;position:fixed;transform:translateZ(0);width:4px;will-change:transform;z-index:5}.home-energy-pulse:nth-child(6){animation-delay:-1s;left:10%;top:20%}.home-energy-pulse:nth-child(7){animation-delay:-3s;right:20%;top:70%}@keyframes homeEnergyPulse{0%{opacity:1;transform:scale(0)}50%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2)}}.home-particle-container{contain:layout style paint;height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:6}.home-floating-particle{border-radius:50%;pointer-events:none;position:absolute;transform:translateZ(0);will-change:transform}.home-floating-particle.type-1{animation:homeParticleFloat1 25s linear infinite;background:#7c3aed;background:var(--home-particle-color);box-shadow:0 0 12px #7c3aed;box-shadow:0 0 12px var(--home-particle-color);height:3px;width:3px}.home-floating-particle.type-2{animation:homeParticleFloat2 30s linear infinite reverse;background:#db2777cc;box-shadow:0 0 10px #db2777cc;height:2px;width:2px}@keyframes homeParticleFloat1{0%{opacity:0;transform:translateY(100vh) translateX(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translateX(50px) rotate(1turn)}}@keyframes homeParticleFloat2{0%{opacity:0;transform:translateY(100vh) translateX(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translateX(-30px) rotate(-1turn)}}.home-shooting-star{animation:homeShootingStar 8s linear infinite;background:#7c3aed;background:var(--home-particle-color);border-radius:50%;box-shadow:0 0 20px #7c3aed,0 0 40px #7c3aed;box-shadow:0 0 20px var(--home-particle-color),0 0 40px var(--home-glow-primary);height:4px;pointer-events:none;position:absolute;transform:translateZ(0);width:4px;will-change:transform;z-index:7}body.dark .home-shooting-star{background:#8b5cf6;box-shadow:0 0 20px #8b5cf6,0 0 40px #fff}@keyframes homeShootingStar{0%{opacity:0;transform:translateX(-200px) translateY(-200px) scale(0)}10%{box-shadow:0 0 20px currentColor,0 0 40px currentColor,-100px 100px 15px #7c3aed66;opacity:1;transform:translateX(-100px) translateY(-100px) scale(1)}90%{box-shadow:0 0 20px currentColor,0 0 40px currentColor,-100px 100px 15px #7c3aed66;opacity:1;transform:translateX(calc(100vw + 100px)) translateY(calc(100vh + 100px)) scale(.8)}to{opacity:0;transform:translateX(calc(100vw + 200px)) translateY(calc(100vh + 200px)) scale(0)}}@media (max-width:768px){.main-content{padding:10px 0 0}.app-container{margin:10px 10px 30px;padding:20px}.mood-grid{grid-template-columns:repeat(2,1fr)}.home-energy-pulse:nth-child(n+2),.home-floating-cube:nth-child(n+2),.home-floating-particle:nth-child(n+4),.home-light-orb:nth-child(n+2){display:none}.custom-notification{max-width:300px;right:-350px}.custom-notification.show{right:10px}}@media (max-width:480px){.main-content{padding:5px 0 0}.app-container{border-radius:20px;margin:5px 5px 20px;padding:15px}.greeting{font-size:24px}.mood-grid{gap:10px;grid-template-columns:1fr}.mood-btn{font-size:16px;padding:12px}.home-floating-cube,.home-floating-particle:nth-child(n+2),.home-light-orb{display:none}.custom-notification{max-width:calc(100vw - 20px);right:-100vw}.reminder-input-group{flex-direction:column;gap:15px}#setReminderBtn{padding:12px 20px;width:100%}}#note:focus,#reminderTime:focus,#setReminderBtn:focus,.mood-btn:focus,.reset-btn:focus,.save-btn:focus{outline:3px solid #7c3aed;outline:3px solid var(--home-glow-primary);outline-offset:2px}@media (prefers-contrast:high){.app-container{background:#fff;border:2px solid}body.dark .app-container{background:#000;color:#fff}.mood-btn,.reset-btn,.save-btn{border:2px solid}}@media (prefers-reduced-motion:reduce){.home-energy-pulse,.home-floating-cube,.home-floating-particle,.home-light-orb,.home-shooting-star{animation-duration:.1s!important;animation-iteration-count:1!important}.mood-btn,.reset-btn,.save-btn{transition-duration:.1s!important}.home-quantum-field,body:after,body:before{animation-duration:1s!important;opacity:.3!important}.notification-icon{animation:none!important}}.home-energy-pulse,.home-floating-cube,.home-floating-particle,.home-light-orb,.home-quantum-field,.home-shooting-star,.mood-btn:before,.notification-icon,.stats-card:before{transform:translateZ(0);will-change:transform}.app-container,.stats-card{background-attachment:local;background-repeat:no-repeat;background-size:cover}.app-container,.custom-notification,.mood-btn{contain:layout style paint}.mood-grid{contain:layout}:root{--chart-bg-primary:#ffffff26;--chart-bg-secondary:#ffffff40;--chart-border-color:#ffffff4d;--chart-text-color:#2d1b69;--chart-grid-color:#2d1b6933;--chart-legend-color:#201b5e;--chart-title-color:#4b1f97;--chart-canvas-bg:#ffffff14;--chart-hover-overlay:#7c3aed1a;--chart-glow-color:#7c3aed4d;--chart-shadow-color:#0000001a}body.dark{--chart-bg-primary:#0003;--chart-bg-secondary:#00000059;--chart-border-color:#8b5cf64d;--chart-text-color:#fff;--chart-grid-color:#8b5cf640;--chart-legend-color:#c4b5fd;--chart-title-color:#bb86fc;--chart-canvas-bg:#8b5cf60d;--chart-hover-overlay:#8b5cf626;--chart-glow-color:#8b5cf666;--chart-shadow-color:#8b5cf633}.mood-chart-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;background:var(--chart-bg-primary);border:2px solid #ffffff4d;border:2px solid var(--chart-border-color);border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 2px 0 #ffffff1a;box-shadow:0 8px 32px var(--chart-shadow-color),inset 0 2px 0 #ffffff1a;display:flex;flex-direction:column;justify-content:center;margin:1.5rem auto;max-width:800px;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform,box-shadow,background}.mood-chart-container:hover{background:#ffffff40;background:var(--chart-bg-secondary);border-color:var(--dashboard-glow-primary);box-shadow:0 15px 40px #0000001a,0 0 25px #7c3aed4d,inset 0 2px 0 #fff3;box-shadow:0 15px 40px var(--chart-shadow-color),0 0 25px var(--chart-glow-color),inset 0 2px 0 #fff3;transform:translateY(-3px) scale(1.01)}body.dark .mood-chart-container{box-shadow:0 8px 32px #0000001a,inset 0 2px 0 #ffffff0d;box-shadow:0 8px 32px var(--chart-shadow-color),inset 0 2px 0 #ffffff0d}body.dark .mood-chart-container:hover{box-shadow:0 15px 40px #0000001a,0 0 35px #7c3aed4d,inset 0 2px 0 #ffffff1a;box-shadow:0 15px 40px var(--chart-shadow-color),0 0 35px var(--chart-glow-color),inset 0 2px 0 #ffffff1a}.mood-chart-container:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.mood-chart-container:hover:before{left:100%}body.dark .mood-chart-container:before{background:linear-gradient(90deg,#0000,#8b5cf626,#0000)}.mood-chart-container canvas{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14!important;background:var(--chart-canvas-bg)!important;border-radius:12px;box-shadow:inset 0 2px 8px #0000000d,0 2px 8px #7c3aed1a;display:block;height:auto!important;margin:0 auto;max-width:100%;position:relative;transition:all .3s ease;width:100%!important;will-change:transform,box-shadow;z-index:2}body.dark .mood-chart-container canvas{box-shadow:inset 0 2px 8px #0003,0 2px 12px #8b5cf626}.mood-chart-container:hover canvas{box-shadow:inset 0 2px 12px #00000014,0 4px 16px #7c3aed33;transform:scale(1.005)}body.dark .mood-chart-container:hover canvas{box-shadow:inset 0 2px 12px #0000004d,0 4px 20px #8b5cf640}.mood-chart-container .chartjs-title{color:#4b1f97!important;color:var(--chart-title-color)!important;font-family:Inter,Segoe UI,sans-serif!important;font-size:1.4rem!important;font-weight:700!important;letter-spacing:-.5px!important;margin-bottom:1rem!important;text-shadow:1px 1px 3px #0003!important}body.dark .mood-chart-container .chartjs-title{text-shadow:1px 1px 6px #8b5cf64d!important}.mood-chart-container .chartjs-legend{margin-bottom:1.5rem!important}.mood-chart-container .chartjs-legend ul{display:flex!important;flex-wrap:wrap!important;gap:1rem!important;justify-content:center!important;margin:0!important;padding:0!important}.mood-chart-container .chartjs-legend li{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff40!important;background:var(--chart-bg-secondary)!important;border:1px solid #ffffff4d!important;border:1px solid var(--chart-border-color)!important;border-radius:20px!important;cursor:pointer!important;display:flex!important;margin:.2rem!important;padding:.5rem 1rem!important;transition:all .3s ease!important;will-change:transform,background,border-color!important}.mood-chart-container .chartjs-legend li:hover{background:#7c3aed1a!important;background:var(--chart-hover-overlay)!important;border-color:var(--dashboard-glow-primary)!important;box-shadow:0 5px 15px #7c3aed4d!important;box-shadow:0 5px 15px var(--chart-glow-color)!important;transform:translateY(-2px) scale(1.05)!important}.mood-chart-container .chartjs-legend li span{color:#201b5e!important;color:var(--chart-legend-color)!important;font-size:.9rem!important;font-weight:600!important;margin-left:.5rem!important;text-shadow:1px 1px 2px #0000001a!important}body.dark .mood-chart-container .chartjs-legend li span{text-shadow:1px 1px 4px #8b5cf633!important}.mood-chart-container .chartjs-axis{color:#2d1b69!important;color:var(--chart-text-color)!important;font-family:Inter,Segoe UI,sans-serif!important;font-size:.85rem!important;font-weight:500!important}.mood-chart-container .chartjs-grid-line{stroke-dasharray:2,2!important;color:#2d1b6933!important;color:var(--chart-grid-color)!important;opacity:.6!important}.mood-chart-container .chartjs-tooltip{animation:tooltipGlow 2s ease-in-out infinite!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:var(--dashboard-bg-card)!important;border:2px solid var(--dashboard-glow-primary)!important;border-radius:12px!important;box-shadow:0 8px 25px #0003,0 0 20px #7c3aed4d!important;box-shadow:0 8px 25px #0003,0 0 20px var(--chart-glow-color)!important;color:#2d1b69!important;color:var(--chart-text-color)!important;font-family:Inter,Segoe UI,sans-serif!important;font-weight:600!important;padding:1rem 1.5rem!important}@keyframes tooltipGlow{0%,to{border-color:var(--dashboard-glow-primary);box-shadow:0 8px 25px #0003,0 0 20px #7c3aed4d;box-shadow:0 8px 25px #0003,0 0 20px var(--chart-glow-color)}50%{border-color:var(--dashboard-glow-secondary);box-shadow:0 10px 30px #00000040,0 0 30px #db277766}}body.dark .mood-chart-container .chartjs-tooltip{animation:tooltipGlowDark 2s ease-in-out infinite!important}@keyframes tooltipGlowDark{0%,to{border-color:var(--dashboard-glow-primary);box-shadow:0 8px 25px #0006,0 0 25px #7c3aed4d;box-shadow:0 8px 25px #0006,0 0 25px var(--chart-glow-color)}50%{border-color:var(--dashboard-glow-secondary);box-shadow:0 10px 30px #00000080,0 0 35px #9c27b080}}.mood-chart-container .chartjs-bar{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;will-change:transform,filter!important}.mood-chart-container .chartjs-bar:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3)) drop-shadow(0 0 15px var(--dashboard-glow-primary))!important;transform:scaleY(1.05)!important}body.dark .mood-chart-container .chartjs-bar:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.4)) drop-shadow(0 0 20px var(--dashboard-glow-primary))!important}.mood-chart-container.loading{opacity:.7;pointer-events:none}.mood-chart-container.loading:after{animation:loadingPulse 2s ease-in-out infinite;color:#2d1b69;color:var(--chart-text-color);content:"Loading chart...";font-size:1.1rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.mood-chart-container.error{background:#ef44441a;border-color:#ef4444}.mood-chart-container.error:after{color:#ef4444;content:"Chart data unavailable";font-size:1.1rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.mood-chart-container .chart-particle{animation:chartParticleFloat 8s linear infinite;background:var(--dashboard-particle-color);border-radius:50%;height:4px;opacity:.6;pointer-events:none;position:absolute;width:4px;will-change:transform,opacity}.mood-chart-container .chart-particle:nth-child(odd){animation-direction:reverse;animation-duration:12s}@keyframes chartParticleFloat{0%{opacity:0;transform:translateY(100px) translateX(0) scale(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100px) translateX(50px) scale(1.2)}}@media (max-width:768px){.mood-chart-container{margin:1rem auto;max-width:95%;padding:1.5rem}.mood-chart-container>div{height:350px!important}.mood-chart-container .chartjs-title{font-size:1.2rem!important}.mood-chart-container .chartjs-legend ul{align-items:center!important;flex-direction:column!important}.mood-chart-container .chartjs-legend li{margin:.3rem 0!important;padding:.4rem .8rem!important}.mood-chart-container .chartjs-legend li span{font-size:.8rem!important}}@media (max-width:480px){.mood-chart-container{border-radius:16px;margin:1rem auto;max-width:100%;padding:1rem}.mood-chart-container>div{height:300px!important}.mood-chart-container canvas{border-radius:8px}.mood-chart-container .chartjs-title{font-size:1.1rem!important;margin-bottom:.8rem!important}.mood-chart-container .chartjs-tooltip{font-size:.85rem!important;padding:.8rem 1rem!important}.mood-chart-container .chart-particle{display:none}}@media (prefers-reduced-motion:reduce){.mood-chart-container,.mood-chart-container *,.mood-chart-container :after,.mood-chart-container :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.mood-chart-container{background:#ffffff40;background:var(--chart-bg-secondary);border-width:3px}.mood-chart-container .chartjs-legend li{background:#ffffff26;background:var(--chart-bg-primary);border-width:2px}}.mood-chart-container *{backface-visibility:hidden;perspective:1000px}.chart-particle,.mood-chart-container canvas,.mood-chart-container:before{transform:translateZ(0);will-change:transform}.mood-chart-container:focus-within{outline:2px solid var(--dashboard-glow-primary);outline-offset:4px}.mood-chart-container .chartjs-legend li:focus{outline:2px solid var(--dashboard-glow-primary);outline-offset:2px}.mood-chart-container:after{animation:chartGradientShift 15s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,var(--dashboard-energy-color) 0,#0000 50%),radial-gradient(circle at 80% 70%,var(--dashboard-plasma-color) 0,#0000 50%);border-radius:20px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;will-change:transform,opacity;z-index:0}@keyframes chartGradientShift{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:.5;transform:scale(1.1) rotate(180deg)}}.carousel-container{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--dashboard-bg-secondary);border:2px solid var(--dashboard-border-color);border-radius:16px;box-shadow:0 8px 25px var(--dashboard-shadow-color),inset 0 2px 0 #ffffff4d;display:flex;margin:1.5rem 0;max-width:100%;min-height:180px;overflow:hidden;position:relative;transition:all .3s ease;width:100%;will-change:transform,box-shadow}body.dark .carousel-container{box-shadow:0 8px 25px var(--dashboard-shadow-color),inset 0 2px 0 #ffffff1a}.carousel-container:hover{border-color:#8b5cf699;box-shadow:0 12px 30px var(--dashboard-shadow-color),0 0 25px #8b5cf64d,inset 0 2px 0 #fff6;transform:translateY(-2px)}body.dark .carousel-container:hover{box-shadow:0 12px 30px var(--dashboard-shadow-color),0 0 25px #8b5cf666,inset 0 2px 0 #fff3}.note-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0000001a,inset 0 1px 0 #fff3;color:var(--dashboard-text-primary);padding:2rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform,opacity}body.dark .note-card{background:#8b5cf60d;border:1px solid #8b5cf64d;box-shadow:0 4px 15px #8b5cf61a,inset 0 1px 0 #ffffff1a}.note-card h4{align-items:center;color:var(--dashboard-glow-primary);display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;letter-spacing:.5px;margin:0 0 1rem;text-shadow:1px 1px 3px #0003}body.dark .note-card h4{text-shadow:1px 1px 6px #8b5cf64d}.note-card h4:before{animation:noteIconPulse 3s ease-in-out infinite;content:"📝";filter:drop-shadow(0 0 8px var(--dashboard-glow-primary));font-size:1.2rem}@keyframes noteIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.note-card p{color:var(--dashboard-text-secondary);font-size:1rem;font-weight:500;line-height:1.6;margin:1rem 0 1.5rem;padding-left:1rem;position:relative;text-align:left}.note-card p:before{left:-.2rem;top:-.3rem}.note-card p:after,.note-card p:before{color:var(--dashboard-glow-primary);content:'"';font-family:Georgia,serif;font-size:2rem;opacity:.6;position:absolute}.note-card p:after{bottom:-.8rem;right:0}.note-card small{align-items:center;color:var(--dashboard-text-accent);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:1px;opacity:.8;text-transform:uppercase}.note-card small:before{content:"⏰";filter:drop-shadow(0 0 5px var(--dashboard-glow-secondary));font-size:1rem}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-100%) scale(.9)}}@keyframes cosmicSlideIn{0%{filter:blur(5px);opacity:0;transform:translateX(120%) rotateY(-15deg) scale(.8)}50%{filter:blur(2px);opacity:.7;transform:translateX(10%) rotateY(-5deg) scale(.95)}to{filter:blur(0);opacity:1;transform:translateX(0) rotateY(0deg) scale(1)}}@keyframes cosmicSlideOut{0%{filter:blur(0);opacity:1;transform:translateX(0) rotateY(0deg) scale(1)}50%{filter:blur(2px);opacity:.7;transform:translateX(-10%) rotateY(5deg) scale(.95)}to{filter:blur(5px);opacity:0;transform:translateX(-120%) rotateY(15deg) scale(.8)}}.note-card.slide-in{animation:cosmicSlideIn .8s cubic-bezier(.25,.46,.45,.94) forwards}.note-card.slide-out{animation:cosmicSlideOut .8s cubic-bezier(.55,.06,.68,.19) forwards}.carousel-container:after{animation:progressBar 5s linear infinite;background:linear-gradient(90deg,var(--dashboard-glow-primary),var(--dashboard-glow-secondary));border-radius:0 0 14px 14px;bottom:0;box-shadow:0 0 15px var(--dashboard-glow-primary);content:"";height:4px;left:0;position:absolute;will-change:width}@keyframes progressBar{0%{width:0}to{width:100%}}.note-card:before{animation:cosmicGlow 4s ease-in-out infinite;background:linear-gradient(45deg,var(--dashboard-glow-primary),var(--dashboard-glow-secondary),#0000,var(--dashboard-glow-primary));background-size:400% 400%;border-radius:14px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;will-change:background-position,opacity;z-index:-1}@keyframes cosmicGlow{0%,to{background-position:0 50%;opacity:.3}50%{background-position:100% 50%;opacity:.6}}.carousel-container .floating-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.carousel-container .floating-particle{animation:carouselParticleFloat 8s linear infinite;background:var(--dashboard-particle-color);border-radius:50%;box-shadow:0 0 10px var(--dashboard-particle-color);height:3px;position:absolute;width:3px;will-change:transform,opacity}@keyframes carouselParticleFloat{0%{opacity:0;transform:translateX(-10px) translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateX(calc(100% + 10px)) translateY(-20px)}}.carousel-dots{bottom:15px;display:flex;gap:8px;position:absolute;right:20px;z-index:3}.carousel-dot{background:#fff6;border:1px solid var(--dashboard-border-color);border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px;will-change:background,transform,box-shadow}.carousel-dot.active{background:var(--dashboard-glow-primary);box-shadow:0 0 15px var(--dashboard-glow-primary);transform:scale(1.3)}.carousel-dot:hover{background:var(--dashboard-glow-secondary);box-shadow:0 0 10px var(--dashboard-glow-secondary);transform:scale(1.2)}.carousel-container:hover .note-card{box-shadow:0 8px 25px #00000026,0 0 20px #8b5cf633,inset 0 2px 0 #ffffff4d;transform:scale(1.02)}body.dark .carousel-container:hover .note-card{box-shadow:0 8px 25px #8b5cf633,0 0 20px #8b5cf64d,inset 0 2px 0 #fff3}.note-card.loading{animation:cosmicPulse 2s ease-in-out infinite;opacity:.7}@keyframes cosmicPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@media (max-width:768px){.carousel-container{margin:1rem 0;min-height:160px}.note-card{padding:1.5rem}.note-card h4{font-size:1.2rem}.note-card p{font-size:.95rem;line-height:1.5}.carousel-dots{bottom:10px;right:15px}.carousel-dot{height:6px;width:6px}}@media (max-width:480px){.carousel-container{margin:.8rem 0;min-height:140px}.note-card{padding:1.2rem}.note-card h4{font-size:1.1rem;margin-bottom:.8rem}.note-card p{font-size:.9rem;margin:.8rem 0 1.2rem;padding-left:.8rem}.note-card small{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.carousel-container:after,.floating-particle,.note-card.slide-in,.note-card.slide-out,.note-card:before{animation:none!important}.note-card{transition:none!important}}@media (prefers-contrast:high){.carousel-container{border:3px solid var(--dashboard-border-color)}.note-card{border:2px solid var(--dashboard-text-primary)}.note-card h4,.note-card p,.note-card small{text-shadow:none}}.carousel-container:focus-within{outline:3px solid var(--dashboard-glow-primary);outline-offset:4px}.carousel-dot:focus{outline:2px solid var(--dashboard-glow-primary);outline-offset:2px}.carousel-container,.carousel-dot,.floating-particle,.note-card{backface-visibility:hidden;perspective:1000px}.carousel-container:after,.note-card.slide-in,.note-card.slide-out,.note-card:before{transform:translateZ(0);will-change:transform,opacity}.note-card:has-text("No notes yet"){background:#ffffff0d;color:var(--dashboard-text-accent);font-style:italic;opacity:.8;text-align:center}body.dark .note-card:has-text("No notes yet"){background:#8b5cf605}:root{--dashboard-bg-primary:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);--dashboard-bg-secondary:#ffffff59;--dashboard-bg-card:#ffffff40;--dashboard-bg-card-hover:#fff6;--dashboard-text-primary:#2d1b69;--dashboard-text-secondary:#201b5e;--dashboard-text-accent:#4b1f97;--dashboard-border-color:#ffffff80;--dashboard-shadow-color:#00000026;--dashboard-glow-primary:#7c3aed;--dashboard-glow-secondary:#db2777;--dashboard-particle-color:#7c3aed;--dashboard-star-color:#fff;--dashboard-energy-color:#7c3aed33;--dashboard-plasma-color:#db277726;--dashboard-navbar-height:80px;--dashboard-content-spacing:1.8rem}body.dark{--dashboard-bg-primary:radial-gradient(ellipse at center,#1a0033 0%,#0d001a 50%,#001 100%);--dashboard-bg-secondary:#0006;--dashboard-bg-card:#0000004d;--dashboard-bg-card-hover:#ffffff14;--dashboard-text-primary:#fff;--dashboard-text-secondary:#c4b5fd;--dashboard-text-accent:#bb86fc;--dashboard-border-color:#8b5cf666;--dashboard-shadow-color:#8b5cf633;--dashboard-glow-primary:#bb86fc;--dashboard-glow-secondary:#9c27b0;--dashboard-particle-color:#bb86fce6;--dashboard-star-color:#fff;--dashboard-energy-color:#8b5cf626;--dashboard-plasma-color:#9c27b01f}.cosmic-dashboard{color:#2d1b69;color:var(--dashboard-text-primary);font-family:Inter,Segoe UI,sans-serif;margin:calc(80px + 1.8rem) auto 0;margin-top:calc(var(--dashboard-navbar-height) + var(--dashboard-content-spacing));max-width:1200px;min-height:100vh;overflow:hidden;padding:1.8rem 2rem 2rem;padding-top:var(--dashboard-content-spacing);position:relative}.cosmic-dashboard-page{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe)!important;background:var(--dashboard-bg-primary)!important;margin:0;min-height:100vh;padding:0;transition:all .3s ease}.cosmic-dashboard:before{animation:dashboardNebulaMove 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#7c3aed33 0,#0000 50%),radial-gradient(circle at 80% 70%,#db277726 0,#0000 50%),radial-gradient(circle at 40% 80%,#3b82f61f 0,#0000 50%);background-size:550px 550px,350px 350px,250px 250px;will-change:transform,opacity}.cosmic-dashboard:after,.cosmic-dashboard:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.cosmic-dashboard:after{background:radial-gradient(circle at 50% 50%,#fff 0,#0000 1px),radial-gradient(circle at 10% 20%,#fff 0,#0000 2px),radial-gradient(circle at 80% 10%,#7c3aedb3 0,#0000 1px),radial-gradient(circle at 30% 80%,#fff 0,#0000 2px),radial-gradient(circle at 70% 25%,#db277799 0,#0000 1px);background:radial-gradient(circle at 50% 50%,var(--dashboard-star-color) 0,#0000 1px),radial-gradient(circle at 10% 20%,var(--dashboard-star-color) 0,#0000 2px),radial-gradient(circle at 80% 10%,#7c3aedb3 0,#0000 1px),radial-gradient(circle at 30% 80%,var(--dashboard-star-color) 0,#0000 2px),radial-gradient(circle at 70% 25%,#db277799 0,#0000 1px);background-size:200px 200px,150px 150px,400px 400px,300px 300px,450px 450px;will-change:transform}body.dark .cosmic-dashboard:before{background:radial-gradient(circle at 20% 30%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 80% 70%,#ec48991f 0,#0000 50%),radial-gradient(circle at 40% 80%,#3b82f61a 0,#0000 50%);background-size:550px 550px,350px 350px,250px 250px}body.dark .cosmic-dashboard:after{background:radial-gradient(circle at 50% 50%,#fff 0,#0000 1px),radial-gradient(circle at 10% 20%,#fff 0,#0000 2px),radial-gradient(circle at 80% 10%,#8b5cf680 0,#0000 1px),radial-gradient(circle at 30% 80%,#fff 0,#0000 2px),radial-gradient(circle at 70% 25%,#ec489966 0,#0000 1px);background:radial-gradient(circle at 50% 50%,var(--dashboard-star-color) 0,#0000 1px),radial-gradient(circle at 10% 20%,var(--dashboard-star-color) 0,#0000 2px),radial-gradient(circle at 80% 10%,#8b5cf680 0,#0000 1px),radial-gradient(circle at 30% 80%,var(--dashboard-star-color) 0,#0000 2px),radial-gradient(circle at 70% 25%,#ec489966 0,#0000 1px);background-size:200px 200px,150px 150px,400px 400px,300px 300px,450px 450px}@keyframes dashboardNebulaMove{0%,to{opacity:.8;transform:scale(1) rotate(0deg)}33%{opacity:1;transform:scale(1.1) rotate(5deg)}66%{opacity:.6;transform:scale(.9) rotate(-3deg)}}.dashboard-quantum-field{animation:dashboardQuantumShift 8s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,#7c3aed33 0,#0000 50%),radial-gradient(circle at 75% 75%,#db277726 0,#0000 50%);background:radial-gradient(circle at 25% 25%,var(--dashboard-energy-color) 0,#0000 50%),radial-gradient(circle at 75% 75%,var(--dashboard-plasma-color) 0,#0000 50%);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;will-change:transform,opacity;z-index:1}@keyframes dashboardQuantumShift{0%,to{opacity:.5;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.1) rotate(180deg)}}.dashboard-floating-objects{contain:layout style paint;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.dashboard-floating-cube{animation:dashboardFloatCube 6s ease-in-out infinite;background:#db2777;background:var(--dashboard-glow-secondary);border:2px solid #7c3aed;border:2px solid var(--dashboard-glow-primary);box-shadow:0 0 15px #7c3aed,inset 0 0 8px #db2777;box-shadow:0 0 15px var(--dashboard-glow-primary),inset 0 0 8px var(--dashboard-glow-secondary);height:10px;opacity:.9;position:absolute;width:10px;will-change:transform}.dashboard-floating-cube:first-child{animation-delay:0s;left:20%;top:10%}.dashboard-floating-cube:nth-child(2){animation-delay:-1s;left:80%;top:30%}.dashboard-floating-cube:nth-child(3){animation-delay:-2s;left:15%;top:60%}.dashboard-floating-cube:nth-child(4){animation-delay:-3s;left:60%;top:80%}@keyframes dashboardFloatCube{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.dashboard-light-orb{animation:dashboardOrbFloat 8s ease-in-out infinite;background:radial-gradient(circle,#7c3aed 0,#0000 70%);background:radial-gradient(circle,var(--dashboard-glow-primary) 0,#0000 70%);border-radius:50%;box-shadow:0 0 20px #7c3aed;box-shadow:0 0 20px var(--dashboard-glow-primary);height:8px;position:absolute;width:8px;will-change:transform,opacity}.dashboard-light-orb:nth-child(5){animation-delay:0s;right:10%;top:25%}.dashboard-light-orb:nth-child(6){animation-delay:-2s;bottom:40%;left:30%}.dashboard-light-orb:nth-child(7){animation-delay:-4s;right:40%;top:70%}@keyframes dashboardOrbFloat{0%,to{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}}.dashboard-energy-pulse{animation:dashboardEnergyPulse 4s linear infinite;background:#7c3aed;background:var(--dashboard-glow-primary);border-radius:50%;box-shadow:0 0 25px #7c3aed;box-shadow:0 0 25px var(--dashboard-glow-primary);height:6px;pointer-events:none;position:fixed;width:6px;will-change:transform,opacity;z-index:-1}.dashboard-energy-pulse:nth-child(8){animation-delay:-1s;left:10%;top:20%}.dashboard-energy-pulse:nth-child(9){animation-delay:-2s;right:15%;top:60%}@keyframes dashboardEnergyPulse{0%{opacity:1;transform:scale(0)}50%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.cosmic-dashboard-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff40;background:var(--dashboard-bg-card);border:2px solid #ffffff80;border:2px solid var(--dashboard-border-color);border-radius:16px;box-shadow:0 8px 25px #00000026,inset 0 2px 0 #ffffff4d;box-shadow:0 8px 25px var(--dashboard-shadow-color),inset 0 2px 0 #ffffff4d;margin:1.206rem auto;margin:calc(var(--dashboard-content-spacing)*.67) auto;max-width:800px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease;width:90%;will-change:transform,background;z-index:2}.cosmic-dashboard-card:first-of-type{margin-top:2.16rem;margin-top:calc(var(--dashboard-content-spacing)*1.2)}body.dark .cosmic-dashboard-card{box-shadow:0 8px 25px #00000026,inset 0 2px 0 #ffffff1a;box-shadow:0 8px 25px var(--dashboard-shadow-color),inset 0 2px 0 #ffffff1a}.cosmic-dashboard-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cosmic-dashboard-card:hover{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fff6;background:var(--dashboard-bg-card-hover);border-color:#8b5cf699;box-shadow:0 15px 35px #00000026,0 0 30px #8b5cf64d,inset 0 2px 0 #fff6;box-shadow:0 15px 35px var(--dashboard-shadow-color),0 0 30px #8b5cf64d,inset 0 2px 0 #fff6;transform:translateY(-5px) scale(1.02)}body.dark .cosmic-dashboard-card:hover{box-shadow:0 15px 35px #00000026,0 0 30px #8b5cf680,inset 0 2px 0 #fff3;box-shadow:0 15px 35px var(--dashboard-shadow-color),0 0 30px #8b5cf680,inset 0 2px 0 #fff3}.cosmic-dashboard-card:hover:before{left:100%}.mood-history-container{margin:1rem 0;max-height:400px;overflow-x:hidden;overflow-y:auto;padding-right:8px;scrollbar-color:#7c3aed #ffffff59;scrollbar-color:var(--dashboard-glow-primary) var(--dashboard-bg-secondary);scrollbar-width:thin}.mood-history-container::-webkit-scrollbar{width:6px}.mood-history-container::-webkit-scrollbar-track{background:#ffffff59;background:var(--dashboard-bg-secondary);border-radius:3px}.mood-history-container::-webkit-scrollbar-thumb{background:#7c3aed;background:var(--dashboard-glow-primary);border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.mood-history-container::-webkit-scrollbar-thumb:hover{background:#db2777;background:var(--dashboard-glow-secondary)}.cosmic-dashboard h2{-webkit-text-fill-color:#0000;animation:dashboardTitlePulse 4s ease-in-out infinite;background:linear-gradient(45deg,#2d1b69,#3730a3,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin:2.7rem 0 1.8rem;margin:calc(var(--dashboard-content-spacing)*1.5) 0 var(--dashboard-content-spacing) 0;text-align:center;text-shadow:2px 2px 4px #0000004d}body.dark .cosmic-dashboard h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#c4b5fd,#8b5cf6);-webkit-background-clip:text;background-clip:text;text-shadow:2px 2px 8px #8b5cf680}@keyframes dashboardTitlePulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.05)}}.cosmic-dashboard-card h3{color:#4b1f97;color:var(--dashboard-text-accent);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-shadow:1px 1px 3px #0003}body.dark .cosmic-dashboard-card h3{text-shadow:1px 1px 6px #8b5cf64d}.cosmic-dashboard-card p{color:#201b5e;color:var(--dashboard-text-secondary);font-weight:500;line-height:1.6;margin:1rem 0}.cosmic-dashboard-card ul{list-style:none;padding:0}.cosmic-dashboard-card li{background:#ffffff59;background:var(--dashboard-bg-secondary);border:1px solid #ffffff80;border:1px solid var(--dashboard-border-color);border-radius:8px;color:#201b5e;color:var(--dashboard-text-secondary);font-weight:500;margin:.5rem 0;padding:1rem;transition:all .3s ease;will-change:transform,background}.cosmic-dashboard-card li:hover{background:#fff6;border-color:#7c3aed;border-color:var(--dashboard-glow-primary);box-shadow:0 5px 15px #7c3aed40;transform:translateX(5px)}body.dark .cosmic-dashboard-card li:hover{background:#8b5cf61a;box-shadow:0 5px 15px #8b5cf64d}.dashboard-particle-container{contain:layout style paint;height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.dashboard-floating-particle{border-radius:50%;pointer-events:none;position:absolute;will-change:transform,opacity}.dashboard-floating-particle.type-1{animation:dashboardParticleFloat1 25s linear infinite;background:#7c3aed;background:var(--dashboard-particle-color);box-shadow:0 0 15px #7c3aed;box-shadow:0 0 15px var(--dashboard-particle-color);height:4px;width:4px}.dashboard-floating-particle.type-2{animation:dashboardParticleFloat2 30s linear infinite reverse;background:#db2777cc;box-shadow:0 0 12px #db2777cc;height:3px;width:3px}.dashboard-floating-particle.type-3{animation:dashboardParticleFloat3 20s linear infinite;background:#3b82f6e6;box-shadow:0 0 18px #3b82f6e6;height:5px;width:5px}@keyframes dashboardParticleFloat1{0%{opacity:0;transform:translateY(100vh) translateX(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translateX(50px) rotate(1turn)}}@keyframes dashboardParticleFloat2{0%{opacity:0;transform:translateY(100vh) translateX(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translateX(-30px) rotate(-1turn)}}@keyframes dashboardParticleFloat3{0%{opacity:0;transform:translateY(100vh) scale(.5)}10%{opacity:1}50%{opacity:1;transform:translateY(50vh) scale(1.2)}90%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(.8)}}.mood-item{background:#ffffff59;background:var(--dashboard-bg-secondary);border:1px solid #ffffff80;border:1px solid var(--dashboard-border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#2d1b69;color:var(--dashboard-text-primary);font-weight:500;margin:.8rem 0;padding:1.2rem;transition:all .3s ease;will-change:transform,background}.mood-item:hover{background:#fff6;border-color:#7c3aed;border-color:var(--dashboard-glow-primary);box-shadow:0 8px 20px #7c3aed40;transform:translateX(8px) scale(1.02)}body.dark .mood-item:hover{background:#8b5cf626;box-shadow:0 8px 20px #8b5cf659}.mood-item .mood-emoji{display:inline-block;font-size:1.5rem;margin-right:.8rem}.mood-item .mood-text{color:#201b5e;color:var(--dashboard-text-secondary);font-weight:600}.mood-item .mood-timestamp{color:#4b1f97;color:var(--dashboard-text-accent);font-size:.85rem;margin-top:.5rem;opacity:.8}.cosmic-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff59;background:var(--dashboard-bg-secondary);border:2px solid #ffffff80;border:2px solid var(--dashboard-border-color);border-radius:12px;color:#2d1b69;color:var(--dashboard-text-primary);font-size:1rem;font-weight:500;margin:1rem 0;padding:1rem 1.5rem;transition:all .3s ease;width:100%;will-change:background,border-color,box-shadow}.cosmic-input:focus{background:#fff6;border-color:#7c3aed;border-color:var(--dashboard-glow-primary);box-shadow:0 0 20px #7c3aed4d;outline:none}body.dark .cosmic-input:focus{background:#8b5cf61a;box-shadow:0 0 20px #8b5cf680}.cosmic-input::placeholder{color:#4b1f97;color:var(--dashboard-text-accent);opacity:.7}.cosmic-button{background:linear-gradient(135deg,#7c3aed,#db2777);background:linear-gradient(135deg,var(--dashboard-glow-primary),var(--dashboard-glow-secondary));border:none;border-radius:12px;box-shadow:0 4px 15px #7c3aed4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease;will-change:transform,box-shadow,background}.cosmic-button:hover{background:linear-gradient(135deg,#db2777,#7c3aed);background:linear-gradient(135deg,var(--dashboard-glow-secondary),var(--dashboard-glow-primary));box-shadow:0 8px 25px #7c3aed66;transform:translateY(-2px) scale(1.05)}body.dark .cosmic-button{box-shadow:0 4px 15px #8b5cf666}body.dark .cosmic-button:hover{box-shadow:0 8px 25px #8b5cf699}@media (max-width:768px){:root{--dashboard-content-spacing:2rem;--dashboard-navbar-height:60px}.cosmic-dashboard{margin-top:calc(80px + 1.8rem);margin-top:calc(var(--dashboard-navbar-height) + var(--dashboard-content-spacing));padding:1.8rem 1rem 1rem;padding-top:var(--dashboard-content-spacing)}.cosmic-dashboard-card{margin:.9rem auto;margin:calc(var(--dashboard-content-spacing)*.5) auto;padding:1.5rem}.cosmic-dashboard-card:first-of-type{margin-top:1.8rem;margin-top:var(--dashboard-content-spacing)}.cosmic-dashboard h2{font-size:2rem;margin:1.8rem 0;margin:var(--dashboard-content-spacing) 0}.mood-history-container{max-height:300px}.dashboard-floating-cube:nth-child(n+3),.dashboard-light-orb:nth-child(n+2){display:none}}@media (max-width:480px){:root{--dashboard-content-spacing:1.5rem;--dashboard-navbar-height:50px}.cosmic-dashboard h2{font-size:1.8rem}.cosmic-dashboard-card h3{font-size:1.3rem}.cosmic-dashboard-card{padding:1rem}.mood-history-container{max-height:250px}.dashboard-floating-cube,.dashboard-light-orb{display:none}}.cosmic-dashboard *,.cosmic-dashboard :after,.cosmic-dashboard :before{backface-visibility:hidden;perspective:1000px}.cosmic-dashboard:after,.cosmic-dashboard:before,.dashboard-energy-pulse,.dashboard-floating-cube,.dashboard-floating-particle,.dashboard-light-orb,.dashboard-quantum-field{transform:translateZ(0);will-change:transform}.cosmic-dashboard p:contains("Loading"){animation:dashboardLoadingGlow 2s ease-in-out infinite;color:#4b1f97;color:var(--dashboard-text-accent);font-size:1.2rem;text-align:center}@keyframes dashboardLoadingGlow{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cosmic-dashboard-card:focus-within{outline:2px solid #7c3aed;outline:2px solid var(--dashboard-glow-primary);outline-offset:4px}.cosmic-dashboard::-webkit-scrollbar{width:8px}.cosmic-dashboard::-webkit-scrollbar-track{background:#ffffff59;background:var(--dashboard-bg-secondary);border-radius:4px}.cosmic-dashboard::-webkit-scrollbar-thumb{background:#7c3aed;background:var(--dashboard-glow-primary);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.cosmic-dashboard::-webkit-scrollbar-thumb:hover{background:#db2777;background:var(--dashboard-glow-secondary)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff59;background:var(--dashboard-bg-secondary);border:2px solid #ffffff80;border:2px solid var(--dashboard-border-color);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease;will-change:transform,border-color,box-shadow}.stat-card:hover{border-color:#7c3aed;border-color:var(--dashboard-glow-primary);box-shadow:0 10px 25px #7c3aed4d;transform:translateY(-5px) scale(1.05)}body.dark .stat-card:hover{box-shadow:0 10px 25px #8b5cf666}.stat-number{color:#7c3aed;color:var(--dashboard-glow-primary);font-size:2.5rem;font-weight:700;margin:.5rem 0}.stat-label{color:#201b5e;color:var(--dashboard-text-secondary);font-weight:600;letter-spacing:1px;text-transform:uppercase}.cosmic-alert{animation:cosmicAlertGlow 3s ease-in-out infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff40;background:var(--dashboard-bg-card);border:2px solid #7c3aed;border:2px solid var(--dashboard-glow-primary);border-radius:12px;margin:1rem 0;padding:1.5rem;will-change:border-color,box-shadow}@keyframes cosmicAlertGlow{0%,to{border-color:#7c3aed;border-color:var(--dashboard-glow-primary);box-shadow:0 0 20px #7c3aed4d}50%{border-color:#db2777;border-color:var(--dashboard-glow-secondary);box-shadow:0 0 30px #db277766}}body.dark .cosmic-alert{animation:cosmicAlertGlowDark 3s ease-in-out infinite}@keyframes cosmicAlertGlowDark{0%,to{border-color:#7c3aed;border-color:var(--dashboard-glow-primary);box-shadow:0 0 20px #8b5cf680}50%{border-color:#db2777;border-color:var(--dashboard-glow-secondary);box-shadow:0 0 30px #9c27b099}}.cosmic-progress{background:#ffffff59;background:var(--dashboard-bg-secondary);border-radius:25px;box-shadow:inset 0 2px 8px #0000001a;height:12px;margin:1rem 0;overflow:hidden}.cosmic-progress-fill{animation:cosmicProgressPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#7c3aed,#db2777);background:linear-gradient(90deg,var(--dashboard-glow-primary),var(--dashboard-glow-secondary));border-radius:25px;box-shadow:0 0 15px #7c3aed80;height:100%;transition:width .5s ease;will-change:width,box-shadow}@keyframes cosmicProgressPulse{0%,to{box-shadow:0 0 15px #7c3aed80}50%{box-shadow:0 0 25px #7c3aedcc}}body.dark .cosmic-progress-fill{animation:cosmicProgressPulseDark 2s ease-in-out infinite;box-shadow:0 0 15px #8b5cf699}@keyframes cosmicProgressPulseDark{0%,to{box-shadow:0 0 15px #8b5cf699}50%{box-shadow:0 0 25px #8b5cf6e6}}.dashboard-shooting-star{animation:dashboardShootingStar 5s linear infinite;background:#7c3aed;background:var(--dashboard-particle-color);border-radius:50%;box-shadow:0 0 25px #7c3aed,0 0 50px #7c3aed;box-shadow:0 0 25px var(--dashboard-particle-color),0 0 50px var(--dashboard-glow-primary);height:5px;pointer-events:none;position:absolute;width:5px;will-change:transform,opacity,box-shadow;z-index:1}body.dark .dashboard-shooting-star{background:#8b5cf6;box-shadow:0 0 25px #8b5cf6,0 0 50px #fff}@keyframes dashboardShootingStar{0%{opacity:0;transform:translateX(-200px) translateY(-200px) scale(0)}10%{box-shadow:0 0 25px currentColor,0 0 50px currentColor,-150px 150px 20px #7c3aed80;opacity:1;transform:translateX(-100px) translateY(-100px) scale(1)}90%{box-shadow:0 0 25px currentColor,0 0 50px currentColor,-150px 150px 20px #7c3aed80;opacity:1;transform:translateX(calc(100vw + 100px)) translateY(calc(100vh + 100px)) scale(.8)}to{opacity:0;transform:translateX(calc(100vw + 200px)) translateY(calc(100vh + 200px)) scale(0)}}.dashboard-data-stream{animation:dashboardDataFlow 3s linear infinite;background:linear-gradient(180deg,#0000,#7c3aed,#0000);background:linear-gradient(to bottom,#0000,var(--dashboard-glow-primary),#0000);height:100%;opacity:.8;pointer-events:none;position:fixed;right:0;top:0;width:3px;will-change:transform;z-index:-1}@keyframes dashboardDataFlow{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.navbar-spacer{flex-shrink:0;height:calc(80px + 1.8rem);height:calc(var(--dashboard-navbar-height) + var(--dashboard-content-spacing));width:100%}.has-fixed-navbar{padding-top:calc(80px + 1.8rem)!important;padding-top:calc(var(--dashboard-navbar-height) + var(--dashboard-content-spacing))!important}.has-fixed-navbar .cosmic-dashboard{margin-top:0;padding-top:1.8rem;padding-top:var(--dashboard-content-spacing)}@container (max-width: 600px){.cosmic-dashboard-card{margin:.72rem auto;margin:calc(var(--dashboard-content-spacing)*.4) auto;padding:1.2rem}.cosmic-dashboard h2{font-size:1.6rem;margin:1.44rem 0;margin:calc(var(--dashboard-content-spacing)*.8) 0}}body,html{height:100%;margin:0;padding:0}body{font-family:Inter,sans-serif}.page.auth{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 25%,#6366f1 50%,#8b5cf6 75%,#a855f7);background-attachment:fixed;background-size:100% 100%;display:flex;height:100vh;justify-content:center;left:0;min-height:100vh;overflow:hidden;padding:120px 20px 20px;position:fixed;top:0;transition:all .8s cubic-bezier(.4,0,.2,1);width:100vw;z-index:0}.page.auth:before{animation:floatingShapes 20s ease-in-out infinite;background:radial-gradient(circle 300px at 20% 20%,#6366f133 0,#8b5cf626 50%,#0000 100%),radial-gradient(circle 200px at 80% 70%,#8b5cf633 0,#6366f126 50%,#0000 100%),radial-gradient(circle 150px at 30% 60%,#a855f733 0,#8b5cf626 50%,#0000 100%),radial-gradient(circle 250px at 70% 20%,#6366f126 0,#a855f733 50%,#0000 100%),radial-gradient(circle 180px at 5% 80%,#8b5cf62e 0,#6366f12e 50%,#0000 100%),radial-gradient(circle 120px at 90% 40%,#a855f726 0,#8b5cf633 50%,#0000 100%);z-index:1}.page.auth:after,.page.auth:before{content:"";height:100vh;left:0;position:fixed;top:0;width:100vw}.page.auth:after{animation:geometricFloat 25s linear infinite;background:radial-gradient(circle at 15% 25%,#ffffff0f 80px,#0000 0),radial-gradient(circle at 85% 15%,#ffffff0f 60px,#0000 0),radial-gradient(circle at 25% 75%,#ffffff0f 100px,#0000 0),radial-gradient(circle at 75% 85%,#ffffff0f 40px,#0000 0),radial-gradient(circle at 45% 45%,#ffffff0f 80px,#0000 0),radial-gradient(circle at 65% 25%,#ffffff0f 60px,#0000 0),radial-gradient(circle at 35% 85%,#ffffff0f 100px,#0000 0);background-size:400px 400px,300px 300px,500px 500px,200px 200px,350px 350px,450px 450px,250px 250px;z-index:2}.auth-card{animation:cardAppear .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:24px;box-shadow:0 25px 50px #00000014,inset 0 0 0 1px #ffffff1a;max-width:420px;padding:48px 40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.auth-card:hover{box-shadow:0 35px 70px #0000001f,inset 0 0 0 1px #ffffff26;transform:translateY(-8px)}.auth-card h2{color:#fffffff2;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:2.5rem;position:relative;text-align:center;text-shadow:0 2px 20px #ffffff40}.auth-card h2:after{animation:underlineGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#ffffffb3,#fff6);border-radius:4px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:70px}.auth-card form{display:flex;flex-direction:column;gap:1.5rem}.auth-card input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-family:Inter,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.auth-card input::placeholder{color:#fff9;font-weight:400}.auth-card input:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 4px #ffffff14;outline:none;transform:translateY(-2px)}.auth-card input:focus::placeholder{color:#fffc}.auth-card .error{animation:errorShake .5s ease-in-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#7f1d1d4d;border:1px solid #fca5a54d;border-radius:12px;box-shadow:0 4px 20px #fca5a51a;color:#fca5a5;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:1rem 1.5rem;text-align:center}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.auth-card button{background:linear-gradient(135deg,#ffffffd9,#ffffffbf);border:none;border-radius:12px;color:#4338ca;cursor:pointer;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;margin-bottom:24px;overflow:hidden;padding:18px;position:relative;transition:all .3s ease;width:100%}.auth-card button:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.auth-card button:hover:before{left:100%}.auth-card button:hover{background:linear-gradient(135deg,#fffffff2,#ffffffd9);box-shadow:0 8px 30px #ffffff40;transform:translateY(-2px)}.auth-card button:active{transform:translateY(0)}.auth-card hr{background:linear-gradient(90deg,#0000,#ffffff40,#0000);border:none;border-radius:1px;height:1px;margin:32px 0}.google-btn{align-items:center!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a!important;border:1px solid #fff3!important;color:#fff!important;display:flex!important;font-family:Outfit,sans-serif!important;font-weight:500!important;gap:12px!important;justify-content:center!important;margin-bottom:0!important;position:relative!important}.google-btn:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%23fff' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23fff' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23fff' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E") 50%/cover;content:"";height:24px;width:24px}.google-btn:hover{background:#ffffff26!important;border-color:#ffffff4d!important;box-shadow:0 8px 30px #ffffff14!important;transform:translateY(-2px)!important}.forgot-link{color:#fffc;cursor:pointer;display:block;font-size:14px;font-weight:500;margin-bottom:24px;text-align:right;text-decoration:none;transition:all .3s ease}.forgot-link:hover{color:#fff;text-shadow:0 0 10px #fff6}body.dark .page.auth{background:linear-gradient(135deg,#0c0a1a,#1a0f2e 25%,#1a1625 50%,#2a1f3d 75%,#2d2438);background-attachment:fixed;background-size:100% 100%}body.dark .page.auth:before{background:radial-gradient(circle 300px at 20% 20%,#8b5cf633 0,#a855f726 50%,#0000 100%),radial-gradient(circle 200px at 80% 70%,#a855f733 0,#8b5cf626 50%,#0000 100%),radial-gradient(circle 150px at 30% 60%,#c47aff26 0,#a855f71f 50%,#0000 100%),radial-gradient(circle 250px at 70% 20%,#8b5cf62e 0,#c47aff1f 50%,#0000 100%),radial-gradient(circle 180px at 5% 80%,#a855f729 0,#8b5cf629 50%,#0000 100%),radial-gradient(circle 120px at 90% 40%,#c47aff1f 0,#a855f729 50%,#0000 100%);height:100vh;width:100vw}body.dark .page.auth:after{background:radial-gradient(circle at 15% 25%,#8b5cf614 80px,#0000 0),radial-gradient(circle at 85% 15%,#a855f70f 60px,#0000 0),radial-gradient(circle at 25% 75%,#c47aff17 100px,#0000 0),radial-gradient(circle at 75% 85%,#d977f20d 40px,#0000 0),radial-gradient(circle at 45% 45%,#8b5cf612 80px,#0000 0),radial-gradient(circle at 65% 25%,#a855f714 60px,#0000 0),radial-gradient(circle at 35% 85%,#c47aff0f 100px,#0000 0);height:100vh;width:100vw}body.dark .auth-card{background:#1a1625e6;border:1px solid #8b5cf640;box-shadow:0 25px 60px -15px #8b5cf633,inset 0 0 0 1px #a855f71a}body.dark .auth-card:hover{border-color:#8b5cf666;box-shadow:0 35px 80px -15px #8b5cf64d,inset 0 0 0 1px #a855f733}body.dark .auth-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c084fc,#8b5cf6 50%,#a855f7);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--dark-text-primary);text-shadow:none}body.dark .auth-card h2:after{background:linear-gradient(90deg,#8b5cf6,#7c3aed);background:linear-gradient(90deg,var(--dark-accent),var(--dark-accent-hover));box-shadow:0 0 15px #8b5cf699}body.dark .auth-card input{background:#2d2438cc;border:1px solid #8b5cf633;color:#f8fafc;color:var(--dark-text-primary)}body.dark .auth-card input::placeholder{color:#a1a1aa;color:var(--dark-text-secondary)}body.dark .auth-card input:focus{background:#2d2438f2;border-color:#8b5cf6;border-color:var(--dark-accent);box-shadow:0 0 0 4px #8b5cf626}body.dark .auth-card input:focus::placeholder{color:#c084fc}body.dark .auth-card .error{background:#7f1d1d4d;background:var(--dark-error-bg);border-color:#f871714d;color:#f87171;color:var(--dark-error)}body.dark .auth-card button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--dark-accent) 0,var(--dark-accent-hover) 100%);color:#fff}body.dark .auth-card button:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6);background:linear-gradient(135deg,#a855f7 0,var(--dark-accent) 100%);box-shadow:0 8px 30px #8b5cf666}body.dark .auth-card hr{background:linear-gradient(90deg,#0000,#8b5cf64d,#0000)}body.dark .google-btn{background:#2d2438cc!important;border:1px solid #8b5cf633!important;color:#f8fafc!important;color:var(--dark-text-primary)!important}body.dark .google-btn:hover{background:#2d2438f2!important;border-color:#8b5cf6!important;border-color:var(--dark-accent)!important;box-shadow:0 8px 30px #8b5cf633!important}body.dark .forgot-link{color:#c084fc}body.dark .forgot-link:hover{color:#8b5cf6;color:var(--dark-accent);text-shadow:0 0 10px #8b5cf699}.auth-card button:disabled{opacity:.7;pointer-events:none;position:relative}.auth-card button:disabled:after{animation:spin 1s linear infinite;border:2px solid #4338ca4d;border-radius:50%;border-top-color:#4338ca;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}body.dark .auth-card button:disabled:after{border-color:#8b5cf6 #8b5cf64d #8b5cf64d;border-top-color:var(--dark-accent)}@media (max-width:768px){.page.auth{height:100vh;min-height:-webkit-fill-available;padding-top:100px;width:100vw}}@media (max-width:640px){.page.auth{padding-top:80px}.auth-card{margin:20px 12px;max-width:380px;padding:32px 24px}.auth-card h2{font-size:2rem;margin-bottom:2rem}.auth-card input{font-size:15px;padding:14px 16px}.auth-card button{font-size:15px;padding:16px}}@media (max-width:480px){.page.auth{padding:60px 1rem 1rem}.auth-card{padding:24px 20px}.auth-card h2{font-size:1.75rem}}@supports (-webkit-touch-callout:none){.page.auth{min-height:-webkit-fill-available}}body.dark .contact-info,body.dark .disclaimer-box,body.dark .highlight-box,body.dark .intro-text,body.dark .support-resources{border:1px solid #4b55634d}body.dark .contact-info p,body.dark .disclaimer-box p,body.dark .highlight-box p,body.dark .intro-text p,body.dark .support-resources h4,body.dark .support-resources p{color:#1f2937}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-wrapper .app-container{flex:1 1;max-width:600px;padding:40px 35px}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:25px;text-align:center}h1,h3{color:#2c3e50;transition:all .3s ease}h3{border-bottom:2px solid #e8ecef;font-size:20px;font-weight:600;margin:30px 0 15px;padding-bottom:8px;position:relative}h3:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50px}.page-wrapper p{color:#5a6c7d;font-size:16px;line-height:1.6;margin-bottom:20px;transition:color .3s ease}.page-wrapper ul{color:#5a6c7d;margin:0 0 20px 20px}.page-wrapper li{margin-bottom:8px;position:relative;transition:color .3s ease}.page-wrapper li::marker{color:#28a745;content:"✓ ";font-weight:700}.back-link{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea4d;border-radius:25px;box-shadow:0 5px 15px #667eea4d;color:#fff;display:inline-flex;font-weight:500;gap:8px;margin-top:30px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.back-link:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.back-link:before{content:"←";font-size:18px}.contact-info,.disclaimer-box,.highlight-box,.intro-text,.support-resources{border:1px solid #fff3;border-radius:15px;margin:25px 0;padding:20px;transition:all .3s ease}.contact-info{background:linear-gradient(135deg,#84fab0,#8fd3f4);text-align:center}.intro-text{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.disclaimer-box{background:linear-gradient(135deg,#fda085,#f6d365);border-left:4px solid #e67e22}.disclaimer-box:before{content:"⚠️ ";font-size:18px;margin-right:8px}.highlight-box{background:#667eea1a;border-left:4px solid #667eea}.support-resources{background:linear-gradient(135deg,#a8edea,#fed6e3)}.support-resources h4{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:10px}.contact-info p,.disclaimer-box p,.highlight-box p,.intro-text p{color:#2c3e50;font-weight:500;margin:0}.support-resources p{color:#2c3e50;font-size:14px;margin:5px 0}.email-link,.support-resources a{border-bottom:1px solid #0000;color:#2c3e50;font-weight:600;text-decoration:none;transition:border-bottom .3s ease}.email-link:hover,.support-resources a:hover{border-bottom:1px solid #2c3e50}.security-badge{align-items:center;background:#28a7451a;border:1px solid #28a74533;border-radius:20px;color:#28a745;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin:10px 0;padding:8px 16px}.security-badge:before{content:"🔒"}.terms-section{background:#667eea0d;border-left:4px solid #667eea}.legal-disclaimer,.terms-section{border-radius:15px;margin:25px 0;padding:20px}.legal-disclaimer{background:linear-gradient(135deg,#ff9a9e,#fecfef);border-left:4px solid #ff6b6b}.legal-disclaimer:before{content:"⚖️ ";font-size:18px;margin-right:8px}.legal-disclaimer p{color:#2c3e50;font-weight:500;margin:0}.acceptance-box{background:linear-gradient(135deg,#d299c2,#fef9d3);border-left:4px solid #9b59b6;border-radius:15px;margin:25px 0;padding:20px}.acceptance-box:before{content:"📝 ";font-size:18px;margin-right:8px}.acceptance-box p{color:#2c3e50;font-weight:500;margin:0}body.dark h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;color:#f1f5f9}body.dark h3{border-bottom-color:#4b5563;color:#f1f5f9}body.dark h3:after{background:linear-gradient(135deg,#8b5cf6,#ec4899)}body.dark .page-wrapper li,body.dark .page-wrapper p,body.dark .page-wrapper ul{color:#d1d5db}body.dark .acceptance-box,body.dark .contact-info,body.dark .disclaimer-box,body.dark .highlight-box,body.dark .intro-text,body.dark .legal-disclaimer,body.dark .support-resources,body.dark .terms-section{border:1px solid #4b55634d}body.dark .acceptance-box p,body.dark .contact-info p,body.dark .disclaimer-box p,body.dark .email-link,body.dark .highlight-box p,body.dark .intro-text p,body.dark .legal-disclaimer p,body.dark .support-resources a,body.dark .support-resources h4,body.dark .support-resources p{color:#1f2937}body.dark .email-link:hover,body.dark .support-resources a:hover{border-bottom-color:#1f2937}body.dark .back-link{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:1px solid #8b5cf64d}body.dark .security-badge{border:1px solid #28a7454d}.page-wrapper footer{margin-top:auto}@media (max-width:480px){.page-wrapper .app-container{margin:10px;padding:25px 20px}}.page.forgot-password{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 25%,#6366f1 50%,#8b5cf6 75%,#a855f7);background-attachment:fixed;background-size:100% 100%;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;top:0;transition:all .8s cubic-bezier(.4,0,.2,1);width:100vw}.page.forgot-password:before{animation:floatingShapes 20s ease-in-out infinite;background:radial-gradient(circle 300px at 20% 20%,#6366f133 0,#8b5cf626 50%,#0000 100%),radial-gradient(circle 200px at 80% 70%,#8b5cf633 0,#6366f126 50%,#0000 100%),radial-gradient(circle 150px at 30% 60%,#a855f733 0,#8b5cf626 50%,#0000 100%),radial-gradient(circle 250px at 70% 20%,#6366f126 0,#a855f733 50%,#0000 100%),radial-gradient(circle 180px at 5% 80%,#8b5cf62e 0,#6366f12e 50%,#0000 100%),radial-gradient(circle 120px at 90% 40%,#a855f726 0,#8b5cf633 50%,#0000 100%);z-index:1}.page.forgot-password:after,.page.forgot-password:before{content:"";height:100%;left:0;position:fixed;top:0;width:100%}.page.forgot-password:after{animation:geometricFloat 25s linear infinite;background:radial-gradient(circle at 15% 25%,#ffffff0f 80px,#0000 0),radial-gradient(circle at 85% 15%,#ffffff0f 60px,#0000 0),radial-gradient(circle at 25% 75%,#ffffff0f 100px,#0000 0),radial-gradient(circle at 75% 85%,#ffffff0f 40px,#0000 0),radial-gradient(circle at 45% 45%,#ffffff0f 80px,#0000 0),radial-gradient(circle at 65% 25%,#ffffff0f 60px,#0000 0),radial-gradient(circle at 35% 85%,#ffffff0f 100px,#0000 0);background-size:400px 400px,300px 300px,500px 500px,200px 200px,350px 350px,450px 450px,250px 250px;z-index:2}.forgot-password-card{animation:cardAppear .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:24px;box-shadow:0 25px 50px #00000014,inset 0 0 0 1px #ffffff1a;max-width:420px;padding:48px 40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.forgot-password-card:hover{box-shadow:0 35px 70px #0000001f,inset 0 0 0 1px #ffffff26;transform:translateY(-8px)}.forgot-password-card h2{color:#fffffff2;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:2.5rem;position:relative;text-align:center;text-shadow:0 2px 20px #ffffff40}.forgot-password-card h2:after{animation:underlineGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#ffffffb3,#fff6);border-radius:4px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:70px}.forgot-password-card form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-card input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-family:Inter,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.forgot-password-card input::placeholder{color:#fff9;font-weight:400}.forgot-password-card input:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 4px #ffffff14;outline:none;transform:translateY(-2px)}.forgot-password-card input:focus::placeholder{color:#fffc}.forgot-password-card .message{animation:messageAppear .5s ease-in-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#c41d1dde;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #9814141a;color:#ffffffe6;font-size:.9rem;font-weight:500;margin-top:1rem;padding:1rem 1.5rem;text-align:center}.forgot-password-card button{background:linear-gradient(135deg,#ffffffd9,#ffffffbf);border:none;border-radius:12px;color:#4338ca;cursor:pointer;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;margin-bottom:24px;overflow:hidden;padding:18px;position:relative;transition:all .3s ease;width:100%}.forgot-password-card button:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.forgot-password-card button:hover:before{left:100%}.forgot-password-card button:hover{background:linear-gradient(135deg,#fffffff2,#ffffffd9);box-shadow:0 8px 30px #ffffff40;transform:translateY(-2px)}.forgot-password-card button:active{transform:translateY(0)}body.dark .page.forgot-password{background:linear-gradient(135deg,#0c0a1a,#1a0f2e 25%,#1a1625 50%,#2a1f3d 75%,#2d2438);background:linear-gradient(135deg,var(--dark-bg-primary) 0,#1a0f2e 25%,var(--dark-bg-secondary) 50%,#2a1f3d 75%,var(--dark-bg-tertiary) 100%);background-attachment:fixed;background-size:100% 100%}body.dark .page.forgot-password:before{background:radial-gradient(circle 300px at 20% 20%,#8b5cf633 0,#a855f726 50%,#0000 100%),radial-gradient(circle 200px at 80% 70%,#a855f733 0,#8b5cf626 50%,#0000 100%),radial-gradient(circle 150px at 30% 60%,#c47aff26 0,#a855f71f 50%,#0000 100%),radial-gradient(circle 250px at 70% 20%,#8b5cf62e 0,#c47aff1f 50%,#0000 100%),radial-gradient(circle 180px at 5% 80%,#a855f729 0,#8b5cf629 50%,#0000 100%),radial-gradient(circle 120px at 90% 40%,#c47aff1f 0,#a855f729 50%,#0000 100%)}body.dark .page.forgot-password:after{background:radial-gradient(circle at 15% 25%,#8b5cf614 80px,#0000 0),radial-gradient(circle at 85% 15%,#a855f70f 60px,#0000 0),radial-gradient(circle at 25% 75%,#c47aff17 100px,#0000 0),radial-gradient(circle at 75% 85%,#d977f20d 40px,#0000 0),radial-gradient(circle at 45% 45%,#8b5cf612 80px,#0000 0),radial-gradient(circle at 65% 25%,#a855f714 60px,#0000 0),radial-gradient(circle at 35% 85%,#c47aff0f 100px,#0000 0)}body.dark .forgot-password-card{background:#1a1625e6;border:1px solid #8b5cf640;box-shadow:0 25px 60px -15px #8b5cf633,inset 0 0 0 1px #a855f71a}body.dark .forgot-password-card:hover{border-color:#8b5cf666;box-shadow:0 35px 80px -15px #8b5cf64d,inset 0 0 0 1px #a855f733}body.dark .forgot-password-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c084fc,#8b5cf6 50%,#a855f7);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--dark-text-primary);text-shadow:none}body.dark .forgot-password-card h2:after{background:linear-gradient(90deg,#8b5cf6,#7c3aed);background:linear-gradient(90deg,var(--dark-accent),var(--dark-accent-hover));box-shadow:0 0 15px #8b5cf699}body.dark .forgot-password-card input{background:#2d2438cc;border:1px solid #8b5cf633;color:#f8fafc;color:var(--dark-text-primary)}body.dark .forgot-password-card input::placeholder{color:#a1a1aa;color:var(--dark-text-secondary)}body.dark .forgot-password-card input:focus{background:#2d2438f2;border-color:#8b5cf6;border-color:var(--dark-accent);box-shadow:0 0 0 4px #8b5cf626}body.dark .forgot-password-card input:focus::placeholder{color:#c084fc}body.dark .forgot-password-card .message{background:#c41d1dde;border-color:#8b5cf633;color:#f8fafc;color:var(--dark-text-primary)}body.dark .forgot-password-card button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--dark-accent) 0,var(--dark-accent-hover) 100%);color:#fff}body.dark .forgot-password-card button:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6);background:linear-gradient(135deg,#a855f7 0,var(--dark-accent) 100%);box-shadow:0 8px 30px #8b5cf666}.forgot-password-card button:disabled{opacity:.7;pointer-events:none;position:relative}.forgot-password-card button:disabled:after{animation:spin 1s linear infinite;border:2px solid #4338ca4d;border-radius:50%;border-top-color:#4338ca;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}body.dark .forgot-password-card button:disabled:after{border-color:#8b5cf6 #8b5cf64d #8b5cf64d;border-top-color:var(--dark-accent)}@media (max-width:640px){.forgot-password-card{margin:20px 12px;max-width:380px;padding:32px 24px}.forgot-password-card h2{font-size:2rem;margin-bottom:2rem}.forgot-password-card input{font-size:15px;padding:14px 16px}.forgot-password-card button{font-size:15px;padding:16px}}@media (max-width:480px){.page.forgot-password{padding:1rem}.forgot-password-card{padding:24px 20px}.forgot-password-card h2{font-size:1.75rem}}.page.verify-otp{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 25%,#6366f1 50%,#8b5cf6 75%,#a855f7);background-attachment:fixed;background-size:100% 100%;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;top:0;transition:all .8s cubic-bezier(.4,0,.2,1);width:100vw}.page.verify-otp:before{animation:floatingShapes 20s ease-in-out infinite;background:radial-gradient(circle 300px at 20% 20%,#6366f133 0,#8b5cf626 50%,#0000 100%),radial-gradient(circle 200px at 80% 70%,#8b5cf633 0,#6366f126 50%,#0000 100%),radial-gradient(circle 150px at 30% 60%,#a855f733 0,#8b5cf626 50%,#0000 100%),radial-gradient(circle 250px at 70% 20%,#6366f126 0,#a855f733 50%,#0000 100%),radial-gradient(circle 180px at 5% 80%,#8b5cf62e 0,#6366f12e 50%,#0000 100%),radial-gradient(circle 120px at 90% 40%,#a855f726 0,#8b5cf633 50%,#0000 100%);z-index:1}.page.verify-otp:after,.page.verify-otp:before{content:"";height:100%;left:0;position:fixed;top:0;width:100%}.page.verify-otp:after{animation:geometricFloat 25s linear infinite;background:radial-gradient(circle at 15% 25%,#ffffff0f 80px,#0000 0),radial-gradient(circle at 85% 15%,#ffffff0f 60px,#0000 0),radial-gradient(circle at 25% 75%,#ffffff0f 100px,#0000 0),radial-gradient(circle at 75% 85%,#ffffff0f 40px,#0000 0),radial-gradient(circle at 45% 45%,#ffffff0f 80px,#0000 0),radial-gradient(circle at 65% 25%,#ffffff0f 60px,#0000 0),radial-gradient(circle at 35% 85%,#ffffff0f 100px,#0000 0);background-size:400px 400px,300px 300px,500px 500px,200px 200px,350px 350px,450px 450px,250px 250px;z-index:2}.verify-otp-card{animation:cardAppear .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:24px;box-shadow:0 25px 50px #00000014,inset 0 0 0 1px #ffffff1a;max-width:420px;padding:48px 40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.verify-otp-card:hover{box-shadow:0 35px 70px #0000001f,inset 0 0 0 1px #ffffff26;transform:translateY(-8px)}.verify-otp-card h2{color:#fffffff2;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:2.5rem;position:relative;text-align:center;text-shadow:0 2px 20px #ffffff40}.verify-otp-card h2:after{animation:underlineGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#ffffffb3,#fff6);border-radius:4px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:70px}.verify-otp-card form{display:flex;flex-direction:column;gap:1.5rem}.verify-otp-card input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-family:Inter,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.verify-otp-card input::placeholder{color:#fff9;font-weight:400}.verify-otp-card input:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 4px #ffffff14;outline:none;transform:translateY(-2px)}.verify-otp-card input:focus::placeholder{color:#fffc}.verify-otp-card .message{animation:messageAppear .5s ease-in-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#c41d1dde;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #ffffff1a;color:#ffffffe6;font-size:.9rem;font-weight:500;margin-top:1rem;padding:1rem 1.5rem;text-align:center}.verify-otp-card button{background:linear-gradient(135deg,#ffffffd9,#ffffffbf);border:none;border-radius:12px;color:#4338ca;cursor:pointer;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;margin-bottom:24px;overflow:hidden;padding:18px;position:relative;transition:all .3s ease;width:100%}.verify-otp-card button:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.verify-otp-card button:hover:before{left:100%}.verify-otp-card button:hover{background:linear-gradient(135deg,#fffffff2,#ffffffd9);box-shadow:0 8px 30px #ffffff40;transform:translateY(-2px)}.verify-otp-card button:active{transform:translateY(0)}body.dark .page.verify-otp{background:linear-gradient(135deg,#0c0a1a,#1a0f2e 25%,#1a1625 50%,#2a1f3d 75%,#2d2438);background:linear-gradient(135deg,var(--dark-bg-primary) 0,#1a0f2e 25%,var(--dark-bg-secondary) 50%,#2a1f3d 75%,var(--dark-bg-tertiary) 100%);background-attachment:fixed;background-size:100% 100%}body.dark .page.verify-otp:before{background:radial-gradient(circle 300px at 20% 20%,#8b5cf633 0,#a855f726 50%,#0000 100%),radial-gradient(circle 200px at 80% 70%,#a855f733 0,#8b5cf626 50%,#0000 100%),radial-gradient(circle 150px at 30% 60%,#c47aff26 0,#a855f71f 50%,#0000 100%),radial-gradient(circle 250px at 70% 20%,#8b5cf62e 0,#c47aff1f 50%,#0000 100%),radial-gradient(circle 180px at 5% 80%,#a855f729 0,#8b5cf629 50%,#0000 100%),radial-gradient(circle 120px at 90% 40%,#c47aff1f 0,#a855f729 50%,#0000 100%)}body.dark .page.verify-otp:after{background:radial-gradient(circle at 15% 25%,#8b5cf614 80px,#0000 0),radial-gradient(circle at 85% 15%,#a855f70f 60px,#0000 0),radial-gradient(circle at 25% 75%,#c47aff17 100px,#0000 0),radial-gradient(circle at 75% 85%,#d977f20d 40px,#0000 0),radial-gradient(circle at 45% 45%,#8b5cf612 80px,#0000 0),radial-gradient(circle at 65% 25%,#a855f714 60px,#0000 0),radial-gradient(circle at 35% 85%,#c47aff0f 100px,#0000 0)}body.dark .verify-otp-card{background:#1a1625e6;border:1px solid #8b5cf640;box-shadow:0 25px 60px -15px #8b5cf633,inset 0 0 0 1px #a855f71a}body.dark .verify-otp-card:hover{border-color:#8b5cf666;box-shadow:0 35px 80px -15px #8b5cf64d,inset 0 0 0 1px #a855f733}body.dark .verify-otp-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c084fc,#8b5cf6 50%,#a855f7);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--dark-text-primary);text-shadow:none}body.dark .verify-otp-card h2:after{background:linear-gradient(90deg,#8b5cf6,#7c3aed);background:linear-gradient(90deg,var(--dark-accent),var(--dark-accent-hover));box-shadow:0 0 15px #8b5cf699}body.dark .verify-otp-card input{background:#2d2438cc;border:1px solid #8b5cf633;color:#f8fafc;color:var(--dark-text-primary)}body.dark .verify-otp-card input::placeholder{color:#a1a1aa;color:var(--dark-text-secondary)}body.dark .verify-otp-card input:focus{background:#2d2438f2;border-color:#8b5cf6;border-color:var(--dark-accent);box-shadow:0 0 0 4px #8b5cf626}body.dark .verify-otp-card input:focus::placeholder{color:#c084fc}body.dark .verify-otp-card .message{background:#c41d1dde;border-color:#8b5cf633;color:#f8fafc;color:var(--dark-text-primary)}body.dark .verify-otp-card button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--dark-accent) 0,var(--dark-accent-hover) 100%);color:#fff}body.dark .verify-otp-card button:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6);background:linear-gradient(135deg,#a855f7 0,var(--dark-accent) 100%);box-shadow:0 8px 30px #8b5cf666}.verify-otp-card button:disabled{opacity:.7;pointer-events:none;position:relative}.verify-otp-card button:disabled:after{animation:spin 1s linear infinite;border:2px solid #4338ca4d;border-radius:50%;border-top-color:#4338ca;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}body.dark .verify-otp-card button:disabled:after{border-color:#8b5cf6 #8b5cf64d #8b5cf64d;border-top-color:var(--dark-accent)}@media (max-width:640px){.verify-otp-card{margin:20px 12px;max-width:380px;padding:32px 24px}.verify-otp-card h2{font-size:2rem;margin-bottom:2rem}.verify-otp-card input{font-size:15px;padding:14px 16px}.verify-otp-card button{font-size:15px;padding:16px}}@media (max-width:480px){.page.verify-otp{padding:1rem}.verify-otp-card{padding:24px 20px}.verify-otp-card h2{font-size:1.75rem}}:root{--light-bg-primary:#f1f5f9;--light-bg-secondary:#e2e8f0;--light-bg-tertiary:#cbd5e1;--light-card-bg:#ffffffd9;--light-text-primary:#334155;--light-text-secondary:#64748b;--light-accent:#6366f1;--light-accent-hover:#4f46e5;--light-border:#6366f126;--light-border-input:#94a3b840;--light-shadow:#6366f11a;--light-error:#dc2626;--light-error-bg:#fee2e2cc;--dark-bg-primary:#0c0a1a;--dark-bg-secondary:#1a1625;--dark-bg-tertiary:#2d2438;--dark-card-bg:#1a1625f2;--dark-text-primary:#f8fafc;--dark-text-secondary:#a1a1aa;--dark-accent:#8b5cf6;--dark-accent-hover:#7c3aed;--dark-border:#8b5cf633;--dark-border-input:#a1a1aa33;--dark-shadow:#8b5cf640;--dark-error:#f87171;--dark-error-bg:#7f1d1d4d}.page.reset-password{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 25%,#6366f1 50%,#8b5cf6 75%,#a855f7);background-attachment:fixed;background-size:100% 100%;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;top:0;transition:all .8s cubic-bezier(.4,0,.2,1);width:100vw}.page.reset-password:before{animation:floatingShapes 20s ease-in-out infinite;background:radial-gradient(circle 300px at 20% 20%,#6366f133 0,#8b5cf626 50%,#0000 100%),radial-gradient(circle 200px at 80% 70%,#8b5cf633 0,#6366f126 50%,#0000 100%),radial-gradient(circle 150px at 30% 60%,#a855f733 0,#8b5cf626 50%,#0000 100%),radial-gradient(circle 250px at 70% 20%,#6366f126 0,#a855f733 50%,#0000 100%),radial-gradient(circle 180px at 5% 80%,#8b5cf62e 0,#6366f12e 50%,#0000 100%),radial-gradient(circle 120px at 90% 40%,#a855f726 0,#8b5cf633 50%,#0000 100%);z-index:1}.page.reset-password:after,.page.reset-password:before{content:"";height:100%;left:0;position:fixed;top:0;width:100%}.page.reset-password:after{animation:geometricFloat 25s linear infinite;background:radial-gradient(circle at 15% 25%,#ffffff0f 80px,#0000 0),radial-gradient(circle at 85% 15%,#ffffff0f 60px,#0000 0),radial-gradient(circle at 25% 75%,#ffffff0f 100px,#0000 0),radial-gradient(circle at 75% 85%,#ffffff0f 40px,#0000 0),radial-gradient(circle at 45% 45%,#ffffff0f 80px,#0000 0),radial-gradient(circle at 65% 25%,#ffffff0f 60px,#0000 0),radial-gradient(circle at 35% 85%,#ffffff0f 100px,#0000 0);background-size:400px 400px,300px 300px,500px 500px,200px 200px,350px 350px,450px 450px,250px 250px;z-index:2}@keyframes floatingShapes{0%,to{transform:translate(0) rotate(0deg) scale(1)}25%{transform:translate(-30px,-20px) rotate(5deg) scale(1.05)}50%{transform:translate(20px,-15px) rotate(-3deg) scale(.95)}75%{transform:translate(-20px,30px) rotate(7deg) scale(1.02)}}@keyframes geometricFloat{0%{opacity:.7;transform:translate(0) rotate(0deg)}25%{opacity:1;transform:translate(-40px,-40px) rotate(90deg)}50%{opacity:.8;transform:translate(30px,20px) rotate(180deg)}75%{opacity:.9;transform:translate(-20px,-30px) rotate(270deg)}to{opacity:.7;transform:translate(0) rotate(1turn)}}.reset-password-card{animation:cardAppear .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:24px;box-shadow:0 25px 50px #00000014,inset 0 0 0 1px #ffffff1a;max-width:420px;padding:48px 40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:10}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reset-password-card:hover{box-shadow:0 35px 70px #0000001f,inset 0 0 0 1px #ffffff26;transform:translateY(-8px)}.reset-password-card h2{color:#fffffff2;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:2.5rem;position:relative;text-align:center;text-shadow:0 2px 20px #ffffff40}.reset-password-card h2:after{animation:underlineGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#ffffffb3,#fff6);border-radius:4px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:70px}@keyframes underlineGlow{0%{box-shadow:0 0 5px #fff6}to{box-shadow:0 0 20px #ffffffb3,0 0 30px #ffffff80}}.reset-password-card form{display:flex;flex-direction:column;gap:1.5rem}.reset-password-card input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-family:Inter,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.reset-password-card input::placeholder{color:#fff9;font-weight:400}.reset-password-card input:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 4px #ffffff14;outline:none;transform:translateY(-2px)}.reset-password-card input:focus::placeholder{color:#fffc}.reset-password-card .message{animation:messageAppear .5s ease-in-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #ffffff1a;color:#ffffffe6;font-size:.9rem;font-weight:500;margin-top:1rem;padding:1rem 1.5rem;text-align:center}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reset-password-card button{background:linear-gradient(135deg,#ffffffd9,#ffffffbf);border:none;border-radius:12px;color:#4338ca;cursor:pointer;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;margin-bottom:24px;overflow:hidden;padding:18px;position:relative;transition:all .3s ease;width:100%}.reset-password-card button:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.reset-password-card button:hover:before{left:100%}.reset-password-card button:hover{background:linear-gradient(135deg,#fffffff2,#ffffffd9);box-shadow:0 8px 30px #ffffff40;transform:translateY(-2px)}.reset-password-card button:active{transform:translateY(0)}body.dark .page.reset-password{background:linear-gradient(135deg,#0c0a1a,#1a0f2e 25%,#1a1625 50%,#2a1f3d 75%,#2d2438);background:linear-gradient(135deg,var(--dark-bg-primary) 0,#1a0f2e 25%,var(--dark-bg-secondary) 50%,#2a1f3d 75%,var(--dark-bg-tertiary) 100%);background-attachment:fixed;background-size:100% 100%}body.dark .page.reset-password:before{background:radial-gradient(circle 300px at 20% 20%,#8b5cf633 0,#a855f726 50%,#0000 100%),radial-gradient(circle 200px at 80% 70%,#a855f733 0,#8b5cf626 50%,#0000 100%),radial-gradient(circle 150px at 30% 60%,#c47aff26 0,#a855f71f 50%,#0000 100%),radial-gradient(circle 250px at 70% 20%,#8b5cf62e 0,#c47aff1f 50%,#0000 100%),radial-gradient(circle 180px at 5% 80%,#a855f729 0,#8b5cf629 50%,#0000 100%),radial-gradient(circle 120px at 90% 40%,#c47aff1f 0,#a855f729 50%,#0000 100%)}body.dark .page.reset-password:after{background:radial-gradient(circle at 15% 25%,#8b5cf614 80px,#0000 0),radial-gradient(circle at 85% 15%,#a855f70f 60px,#0000 0),radial-gradient(circle at 25% 75%,#c47aff17 100px,#0000 0),radial-gradient(circle at 75% 85%,#d977f20d 40px,#0000 0),radial-gradient(circle at 45% 45%,#8b5cf612 80px,#0000 0),radial-gradient(circle at 65% 25%,#a855f714 60px,#0000 0),radial-gradient(circle at 35% 85%,#c47aff0f 100px,#0000 0)}body.dark .reset-password-card{background:#1a1625e6;border:1px solid #8b5cf640;box-shadow:0 25px 60px -15px #8b5cf633,inset 0 0 0 1px #a855f71a}body.dark .reset-password-card:hover{border-color:#8b5cf666;box-shadow:0 35px 80px -15px #8b5cf64d,inset 0 0 0 1px #a855f733}body.dark .reset-password-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c084fc,#8b5cf6 50%,#a855f7);-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--dark-text-primary);text-shadow:none}body.dark .reset-password-card h2:after{background:linear-gradient(90deg,#8b5cf6,#7c3aed);background:linear-gradient(90deg,var(--dark-accent),var(--dark-accent-hover));box-shadow:0 0 15px #8b5cf699}body.dark .reset-password-card input{background:#2d2438cc;border:1px solid #8b5cf633;color:#f8fafc;color:var(--dark-text-primary)}body.dark .reset-password-card input::placeholder{color:#a1a1aa;color:var(--dark-text-secondary)}body.dark .reset-password-card input:focus{background:#2d2438f2;border-color:#8b5cf6;border-color:var(--dark-accent);box-shadow:0 0 0 4px #8b5cf626}body.dark .reset-password-card input:focus::placeholder{color:#c084fc}body.dark .reset-password-card .message{background:#2d2438cc;border-color:#8b5cf633;color:#f8fafc;color:var(--dark-text-primary)}body.dark .reset-password-card button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--dark-accent) 0,var(--dark-accent-hover) 100%);color:#fff}body.dark .reset-password-card button:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6);background:linear-gradient(135deg,#a855f7 0,var(--dark-accent) 100%);box-shadow:0 8px 30px #8b5cf666}.reset-password-card button:disabled{opacity:.7;pointer-events:none;position:relative}.reset-password-card button:disabled:after{animation:spin 1s linear infinite;border:2px solid #4338ca4d;border-radius:50%;border-top-color:#4338ca;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}body.dark .reset-password-card button:disabled:after{border-color:#8b5cf6 #8b5cf64d #8b5cf64d;border-top-color:var(--dark-accent)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}@media (max-width:640px){.reset-password-card{margin:20px 12px;max-width:380px;padding:32px 24px}.reset-password-card h2{font-size:2rem;margin-bottom:2rem}.reset-password-card input{font-size:15px;padding:14px 16px}.reset-password-card button{font-size:15px;padding:16px}}@media (max-width:480px){.page.reset-password{padding:1rem}.reset-password-card{padding:24px 20px}.reset-password-card h2{font-size:1.75rem}}@keyframes gentleGradient{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 50%}}@keyframes floatParticles{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}to{transform:translateY(0) rotate(1turn)}}.calendar-container{min-height:100vh;overflow-x:hidden;padding:2rem;position:relative;z-index:1}.calendar-container:before{content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}.calendar-container:before,body.dark .calendar-container:before{animation:gentleGradient 20s ease infinite;background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe,#00f2fe);background-size:400% 400%}body.dark .calendar-container:before{filter:brightness(.4) contrast(1.2)}.calendar-container:after{animation:floatParticles 30s linear infinite;background-image:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff14 0,#0000 50%),radial-gradient(circle at 50% 50%,#ffffff0d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}body.dark .calendar-container:after{background-image:radial-gradient(circle at 25% 25%,#64c8ff26 0,#0000 50%),radial-gradient(circle at 75% 75%,#ff64c81f 0,#0000 50%),radial-gradient(circle at 50% 50%,#96ff9614 0,#0000 50%)}.calendar-header{align-items:center;display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.calendar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffffffe6,#ffffffb3);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;text-shadow:0 0 20px #ffffff80,2px 2px 10px #0000004d}body.dark .calendar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#64c8ffe6,#ff64c8cc);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 20px #64c8ff99,2px 2px 10px #00000080}.calendar-header button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff40;border:1px solid #fff6;border-radius:50%;box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;font-size:1.5rem;height:50px;transition:all .3s ease;width:50px}body.dark .calendar-header button{background:#64c8ff33;border:1px solid #64c8ff66;box-shadow:0 4px 15px #64c8ff33}.calendar-header button:hover:not(:disabled){background:#fff6;box-shadow:0 8px 25px #0003;transform:scale(1.1)}body.dark .calendar-header button:hover:not(:disabled){background:#64c8ff4d;box-shadow:0 8px 25px #64c8ff4d}.calendar-header button:disabled{cursor:not-allowed;opacity:.5}.calendar-grid{grid-gap:1rem;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px #00000026,inset 0 1px 0 #fff3;display:grid;gap:1rem;grid-template-columns:repeat(7,1fr);margin:0 auto;max-width:1000px;padding:2rem}body.dark .calendar-grid{background:#0000004d;border:1px solid #64c8ff33;box-shadow:0 8px 32px #0006,inset 0 1px 0 #64c8ff1a}.calendar-day-name{background:#1f1f1f38;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:1rem;text-align:center;text-transform:uppercase;transition:all .3s ease}body.dark .calendar-day-name{background:#64c8ff26;border:1px solid #64c8ff33}.calendar-day-name:hover{background:#ffffff4d;transform:translateY(-1px)}body.dark .calendar-day-name:hover{background:#64c8ff40}.calendar-cell{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f1f1f38;border:1px solid #a9a9a924;border-radius:16px;display:flex;flex-direction:column;min-height:100px;padding:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark .calendar-cell{background:#ffffff14;border:1px solid #64c8ff26}.calendar-cell:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}body.dark .calendar-cell:hover{background:#64c8ff26;border-color:#64c8ff4d;box-shadow:0 8px 25px #64c8ff33}.calendar-cell.empty{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none}.calendar-cell.empty:hover{box-shadow:none;transform:none}.cell-date{background:#2323232b;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.4rem;text-align:center;text-shadow:1px 1px 3px #0000004d}body.dark .cell-date{background:#64c8ff26;text-shadow:1px 1px 3px #00000080}.calendar-cell .mood-carousel{flex:1 1}.mood-indicator{align-items:center;display:flex;flex:1 1;justify-content:center;margin-top:.5rem}.mood-dot{border-radius:50%;height:8px;margin:0 2px;transition:transform .2s ease;width:8px}.mood-dot:hover{transform:scale(1.3)}.mood-happy{background:linear-gradient(45deg,#4ade80,#22c55e);box-shadow:0 0 8px #4ade8099}.mood-sad{background:linear-gradient(45deg,#60a5fa,#3b82f6);box-shadow:0 0 8px #60a5fa99}.mood-angry{background:linear-gradient(45deg,#f87171,#ef4444);box-shadow:0 0 8px #f8717199}.mood-excited{background:linear-gradient(45deg,#fbbf24,#f59e0b);box-shadow:0 0 8px #fbbf2499}.mood-calm{background:linear-gradient(45deg,#a78bfa,#8b5cf6);box-shadow:0 0 8px #a78bfa99}body.dark .mood-happy{box-shadow:0 0 12px #4ade80cc}body.dark .mood-sad{box-shadow:0 0 12px #60a5facc}body.dark .mood-angry{box-shadow:0 0 12px #f87171cc}body.dark .mood-excited{box-shadow:0 0 12px #fbbf24cc}body.dark .mood-calm{box-shadow:0 0 12px #a78bfacc}@media (max-width:768px){.calendar-container{padding:1rem}.calendar-grid{gap:.5rem;padding:1rem}.calendar-cell{min-height:70px;padding:.5rem}.calendar-header h2{font-size:1.8rem}.calendar-header{gap:1rem;margin-bottom:2rem}.calendar-header button{font-size:1.2rem;height:40px;width:40px}}@media (max-width:480px){.calendar-grid{gap:.25rem;grid-template-columns:repeat(7,1fr)}.calendar-cell{min-height:60px;padding:.25rem}.cell-date{font-size:.9rem;padding:.2rem}.calendar-day-name{font-size:.7rem;padding:.5rem 0}}.calendar-container:after,.calendar-container:before{transform:translateZ(0);will-change:transform}.calendar-cell{contain:layout style paint}.calendar-cell,.calendar-header button{will-change:transform}.calendar-cell:hover{will-change:auto}.calendar-cell{contain:layout style}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mood-carousel{background:#0000;height:60px;padding:.5rem;width:100%}.mood-box,.mood-carousel{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.mood-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;border:1px solid #ffffff40;border-radius:50%;box-shadow:0 4px 20px #00000014,inset 0 1px 0 #ffffff4d;contain:layout style;height:45px;transition:all .3s ease;width:45px}body.dark .mood-box{background:#64c8ff26;border:1px solid #64c8ff40;box-shadow:0 4px 20px #0000004d,inset 0 1px 0 #64c8ff33}.mood-box:hover{background:#ffffff59;border-color:#fff6;box-shadow:0 8px 25px #00000026,inset 0 1px 0 #fff6;transform:scale(1.1)}body.dark .mood-box:hover{background:#64c8ff40;border-color:#64c8ff66;box-shadow:0 8px 25px #64c8ff33,inset 0 1px 0 #64c8ff4d}.emoji-container{height:100%;overflow:hidden;position:relative;width:100%}.emoji{font-size:1.8rem;left:50%;line-height:1;position:absolute;text-shadow:0 0 12px #fff9,0 2px 4px #0003;top:50%;transform:translate(-50%,-50%);transition:none}body.dark .emoji{text-shadow:0 0 18px #64c8ffcc,0 0 10px #ff64c880,0 2px 4px #0006}.note{display:none!important}@keyframes slideUpFromBottom{0%{opacity:0;transform:translate(-50%,200%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideUpAndOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-200%)}}.emoji.slide-in{animation:slideUpFromBottom 1s cubic-bezier(.4,0,.2,1) forwards}.emoji.slide-out{animation:slideUpAndOut 1s cubic-bezier(.4,0,.2,1) forwards}.emoji.current{opacity:1;transform:translate(-50%,-50%)}.mood-carousel[data-mood=Good] .emoji,.mood-carousel[data-mood=Great] .emoji{filter:drop-shadow(0 0 12px rgba(74,222,128,.8))}.mood-carousel[data-mood=Okay] .emoji{filter:drop-shadow(0 0 12px rgba(251,191,36,.8))}.mood-carousel[data-mood="Not Great"] .emoji,.mood-carousel[data-mood=Bad] .emoji{filter:drop-shadow(0 0 12px rgba(96,165,250,.8))}.mood-carousel[data-mood=Anxious] .emoji{filter:drop-shadow(0 0 12px rgba(248,113,113,.8))}.calendar-cell .mood-carousel{height:50px;margin-top:auto;padding:.25rem}.calendar-cell .mood-box{height:40px;width:40px}.calendar-cell .emoji{font-size:1.5rem}@media (max-width:768px){.mood-carousel{height:55px;padding:.4rem}.mood-box{height:42px;width:42px}.emoji{font-size:1.6rem}.calendar-cell .mood-carousel{height:45px;padding:.2rem}.calendar-cell .mood-box{height:35px;width:35px}.calendar-cell .emoji{font-size:1.3rem}}@media (max-width:480px){.mood-carousel{height:50px;padding:.3rem}.mood-box{height:38px;width:38px}.emoji{font-size:1.4rem}.calendar-cell .mood-carousel{height:40px;padding:.15rem}.calendar-cell .mood-box{height:32px;width:32px}.calendar-cell .emoji{font-size:1.1rem}}.mood-box:before{animation:subtlePulse 3s ease-in-out infinite;background:linear-gradient(45deg,#ffffff4d,#ffffff1a,#ffffff4d);border-radius:50%;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}body.dark .mood-box:before{background:linear-gradient(45deg,#64c8ff66,#ff64c833,#64c8ff66)}.mood-box:hover:before{opacity:1}@keyframes subtlePulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.mood-box.transitioning{box-shadow:0 6px 30px #0000001f,inset 0 1px 0 #fff6,0 0 20px #ffffff4d}body.dark .mood-box.transitioning{box-shadow:0 6px 30px #64c8ff40,inset 0 1px 0 #64c8ff4d,0 0 20px #64c8ff66}.mood-box{contain:layout style paint;will-change:transform}.emoji{will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.emoji.slide-in,.emoji.slide-out{animation:none!important;transition-duration:.01ms!important}.mood-box:before{animation:none!important}.emoji.slide-in{opacity:1;transform:translate(-50%,-50%)}.emoji.slide-out{opacity:0}}.mood-carousel.loading .mood-box{animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.contributors-page{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s ease;width:100vw;z-index:1}body.dark .contributors-page{background:radial-gradient(ellipse at center,#1a0033 0,#0d001a 50%,#001 100%)}.contributors-page:before{animation:nebulaMove 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#8b5cf61a 0,#0000 50%),radial-gradient(circle at 80% 70%,#ec489914 0,#0000 50%),radial-gradient(circle at 40% 80%,#3b82f60f 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}body.dark .contributors-page:before{background:radial-gradient(circle at 20% 30%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 80% 70%,#ec48991f 0,#0000 50%),radial-gradient(circle at 40% 80%,#3b82f61a 0,#0000 50%)}@keyframes nebulaMove{0%,to{opacity:.8;transform:scale(1) rotate(0deg)}33%{opacity:1;transform:scale(1.1) rotate(5deg)}66%{opacity:.6;transform:scale(.9) rotate(-3deg)}}.contributors-content{align-items:center;display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:auto;padding:80px 20px 40px;position:relative;width:100%;z-index:2}.contributors-title{-webkit-text-fill-color:#0000;animation:titlePulse 4s ease-in-out infinite;background:linear-gradient(45deg,#1e1b4b,#4338ca,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:900;letter-spacing:-2px;margin-bottom:2rem;position:relative;text-shadow:2px 2px 4px #0000004d;z-index:3}body.dark .contributors-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#c4b5fd,#8b5cf6);-webkit-background-clip:text;background-clip:text;text-shadow:2px 2px 8px #8b5cf680}@keyframes titlePulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.05)}}.stats-panel{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem;position:relative;z-index:3}.stat-item{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff40;border:2px solid #fff6;border-radius:20px;box-shadow:0 8px 25px #0000001a;color:#1e1b4b;display:flex;flex-direction:column;font-weight:600;gap:.5rem;min-width:120px;padding:1rem 2rem;transition:all .3s ease}body.dark .stat-item{background:#0006;border:2px solid #8b5cf666;box-shadow:0 8px 25px #8b5cf633;color:#fff}.stat-item:hover{border-color:#8b5cf699;box-shadow:0 15px 35px #0003;transform:translateY(-5px) scale(1.05)}body.dark .stat-item:hover{box-shadow:0 15px 35px #8b5cf666}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.8rem;font-weight:800}.stat-label{font-size:.9rem;opacity:.8}.contributors-space{flex:1 1;height:70vh;margin:0 auto;max-width:1400px;min-height:500px;position:relative;width:100%}.contributor-bubble{align-items:center;animation:floatBubble 8s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:3px solid #fff6;border-radius:50%;box-shadow:0 10px 30px #0000001a,inset 0 2px 0 #ffffff4d;color:inherit;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:15px;position:absolute;text-decoration:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}body.dark .contributor-bubble{background:#0000004d;border:3px solid #8b5cf666;box-shadow:0 10px 30px #8b5cf633,inset 0 2px 0 #ffffff1a}.contributor-bubble:nth-child(odd){animation-delay:-2s;animation-direction:reverse}.contributor-bubble:nth-child(2n){animation-delay:-4s}.contributor-bubble:nth-child(3n){animation-delay:-6s}@keyframes floatBubble{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-20px) rotate(2deg) scale(1.02)}50%{transform:translateY(-10px) rotate(-1deg) scale(.98)}75%{transform:translateY(-25px) rotate(3deg) scale(1.01)}}.contributor-bubble:hover{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-color:#8b5cf6;box-shadow:0 25px 50px #8b5cf64d,0 0 0 3px #8b5cf680,inset 0 2px 0 #ffffff80;transform:scale(1.2) translateY(-15px)!important}body.dark .contributor-bubble:hover{box-shadow:0 25px 50px #8b5cf680,0 0 0 3px #8b5cf6b3,0 0 40px #8b5cf64d}.contributor-bubble.small{height:100px;width:100px}.contributor-bubble.medium{height:120px;width:120px}.contributor-bubble.large{height:140px;width:140px}.contributor-image-wrapper{margin-bottom:8px;position:relative}.contributor-bubble img{border:2px solid #ffffff80;border-radius:50%;height:60px;object-fit:cover;transition:all .3s ease;width:60px}body.dark .contributor-bubble img{border-color:#8b5cf680}.contributor-bubble:hover img{border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf680;transform:scale(1.1)}.contributor-bubble.medium img{height:70px;width:70px}.contributor-bubble.large img{height:80px;width:80px}.contribution-badge{align-items:center;animation:badgeGlow 2.5s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:.7rem;font-weight:800;height:22px;justify-content:center;min-width:22px;position:absolute;right:-8px;top:-8px}body.dark .contribution-badge{border-color:#8b5cf6}@keyframes badgeGlow{0%,to{box-shadow:0 2px 8px #ef444466;transform:scale(1)}50%{box-shadow:0 4px 15px #ef444499;transform:scale(1.1)}}.contributor-info{text-align:center}.contributor-name{align-items:center;color:#1e1b4b;display:flex;font-size:.8rem;font-weight:700;gap:.3rem;justify-content:center;text-shadow:1px 1px 2px #fffc}body.dark .contributor-name{color:#fff;text-shadow:1px 1px 2px #00000080}.crown-icon{font-size:.7rem}.contributor-bubble.top-contributor{animation:topContributorAura 4s ease-in-out infinite}@keyframes topContributorAura{0%,to{box-shadow:0 10px 30px #0000001a,inset 0 2px 0 #ffffff4d}50%{box-shadow:0 15px 40px #8b5cf64d,0 0 30px #8b5cf633,inset 0 2px 0 #fff6}}body.dark .contributor-bubble.top-contributor{animation:topContributorAuraDark 4s ease-in-out infinite;border-color:#8b5cf699}@keyframes topContributorAuraDark{0%,to{box-shadow:0 10px 30px #8b5cf633,inset 0 2px 0 #ffffff1a}50%{box-shadow:0 15px 40px #8b5cf666,0 0 30px #8b5cf64d,inset 0 2px 0 #fff3}}.loading-container{color:#4338ca;margin-top:4rem;position:relative;text-align:center;z-index:3}body.dark .loading-container{color:#c4b5fd}.loading-text{animation:loadingGlow 2s ease-in-out infinite;font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}body.dark .loading-text{text-shadow:2px 2px 8px #8b5cf64d}.loading-stars{animation:loadingDots 1.5s infinite;font-size:1.5rem}@keyframes loadingGlow{0%,to{opacity:.7}50%{opacity:1}}@keyframes loadingDots{0%,20%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(0)}80%,to{transform:translateY(0)}}.footer-message{animation:fadeInUp 2s ease-out;color:#4338ca;font-size:1.2rem;font-weight:600;margin-top:2rem;opacity:.9;position:relative;text-align:center;text-shadow:1px 1px 3px #ffffff80;z-index:3}body.dark .footer-message{color:#c4b5fd;text-shadow:1px 1px 6px #8b5cf64d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:.9;transform:translateY(0)}}.particle-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-particle{border-radius:50%;pointer-events:none;position:absolute}.floating-particle.type-1{animation:particleFloat1 25s linear infinite;background:#8b5cf6cc;box-shadow:0 0 10px #8b5cf6cc;height:3px;width:3px}.floating-particle.type-2{animation:particleFloat2 30s linear infinite reverse;background:#ec489999;box-shadow:0 0 8px #ec489999;height:2px;width:2px}.floating-particle.type-3{animation:particleFloat3 20s linear infinite;background:#3b82f6b3;box-shadow:0 0 12px #3b82f6b3;height:4px;width:4px}@keyframes particleFloat1{0%{opacity:0;transform:translateY(100vh) translateX(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translateX(50px) rotate(1turn)}}@keyframes particleFloat2{0%{opacity:0;transform:translateY(100vh) translateX(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translateX(-30px) rotate(-1turn)}}@keyframes particleFloat3{0%{opacity:0;transform:translateY(100vh) scale(.5)}10%{opacity:1}50%{opacity:1;transform:translateY(50vh) scale(1.2)}90%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(.8)}}.shooting-star{animation:shootingStar 5s linear infinite;background:#fff;border-radius:50%;box-shadow:0 0 20px #fff,0 0 40px #8b5cf6;height:4px;pointer-events:none;position:absolute;width:4px;z-index:1}body.dark .shooting-star{background:#8b5cf6;box-shadow:0 0 25px #8b5cf6,0 0 50px #fff}@keyframes shootingStar{0%{opacity:0;transform:translateX(-200px) translateY(-200px) scale(0)}10%{box-shadow:0 0 25px currentColor,0 0 50px currentColor,-150px 150px 20px #8b5cf666,-100px 100px 15px #ffffff4d;opacity:1;transform:translateX(-100px) translateY(-100px) scale(1)}90%{box-shadow:0 0 25px currentColor,0 0 50px currentColor,-150px 150px 20px #8b5cf666,-100px 100px 15px #ffffff4d;opacity:1;transform:translateX(calc(100vw + 100px)) translateY(calc(100vh + 100px)) scale(.8)}to{opacity:0;transform:translateX(calc(100vw + 200px)) translateY(calc(100vh + 200px)) scale(0)}}.meteor{animation:meteorFall 6s linear infinite;background:#ec4899;border-radius:50%;height:3px;pointer-events:none;position:absolute;width:3px;z-index:1}body.dark .meteor{background:#f59e0b}@keyframes meteorFall{0%{opacity:0;transform:translateX(-120px) translateY(-120px) scale(0)}15%{box-shadow:0 0 20px currentColor,0 0 40px currentColor,-120px 120px 25px #ec489980,-80px 80px 15px #f59e0b66;opacity:1;transform:translateX(-60px) translateY(-60px) scale(1)}85%{box-shadow:0 0 15px currentColor,0 0 30px currentColor,-120px 120px 25px #ec489980,-80px 80px 15px #f59e0b66;opacity:1;transform:translateX(400px) translateY(400px) scale(.7)}to{opacity:0;transform:translateX(500px) translateY(500px) scale(0)}}@media (max-width:768px){.contributors-page{padding:0}.contributors-content{padding:60px 15px 30px}.contributors-title{font-size:2.8rem;margin-bottom:1.5rem}.contributors-space{height:60vh;min-height:400px}.stats-panel{align-items:center;flex-direction:column;gap:1rem}.stat-item{min-width:100px;padding:.8rem 1.5rem}.contributor-bubble.large,.contributor-bubble.medium,.contributor-bubble.small{height:90px;padding:10px;width:90px}.contributor-bubble img{height:50px;width:50px}.contributor-bubble.large img,.contributor-bubble.medium img{height:55px;width:55px}.contributor-name{font-size:.7rem}.contributors-space{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:1rem;position:relative}.contributor-bubble{left:auto!important;position:relative!important;right:auto!important;top:auto!important}}@media (max-width:480px){.contributors-title{font-size:2.2rem}.contributors-space{gap:1rem}.contributor-bubble.large,.contributor-bubble.medium,.contributor-bubble.small{height:80px;padding:8px;width:80px}.contributor-bubble img{height:45px;width:45px}.contributor-bubble.large img,.contributor-bubble.medium img{height:50px;width:50px}.contribution-badge{font-size:.6rem;height:18px;min-width:18px;right:-6px;top:-6px}}.contributors-content::-webkit-scrollbar{background:#0000;width:0}.contributors-content{-ms-overflow-style:none;scrollbar-width:none}.intro-screen{align-items:center;background:radial-gradient(ellipse at top,#0a0a1a 0,#000 50%,#0f0318 100%),linear-gradient(145deg,#000,#1a0033 50%,#000);color:#fff;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,sans-serif;inset:0;justify-content:center;opacity:0;overflow:hidden;position:fixed;transform:scale(1.1);transition:all 2s cubic-bezier(.25,.46,.45,.94);z-index:9999}.intro-screen.intro-loaded{opacity:1;transform:scale(1)}.intro-screen:before{animation:intro-quantum-shift 20s ease-in-out infinite alternate;background:radial-gradient(circle at 25% 25%,#40e0ff26 0,#0000 50%),radial-gradient(circle at 75% 75%,#ff7f5026 0,#0000 50%),radial-gradient(circle at 50% 100%,#8a2be226 0,#0000 50%),radial-gradient(circle at 0 50%,#ff14931a 0,#0000 50%);content:"";inset:0;mix-blend-mode:screen;position:absolute;will-change:transform}.intro-screen:after{animation:intro-holographic-scan 12s ease-in-out infinite;background:linear-gradient(90deg,#0000,#40e0ff08 25%,#ffffff0d 50%,#ff7f5008 75%,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.intro-atmosphere{animation:intro-atmosphere-shift 25s ease-in-out infinite alternate;background:radial-gradient(ellipse 400px 300px at 20% 30%,#40e0ff14 0,#0000 50%),radial-gradient(ellipse 500px 400px at 80% 70%,#ff7f500f 0,#0000 50%),radial-gradient(ellipse 300px 600px at 50% 100%,#8a2be20a 0,#0000 50%);inset:0;mix-blend-mode:lighten;position:absolute}.intro-cyber-grid{animation:intro-grid-pulse 12s ease-in-out infinite alternate;background-image:linear-gradient(#40e0ff08 1px,#0000 0),linear-gradient(90deg,#40e0ff08 1px,#0000 0);background-size:50px 50px}.intro-cyber-grid,.intro-data-streams{inset:0;pointer-events:none;position:absolute}.intro-data-streams{overflow:hidden}.intro-data-stream{animation:intro-data-flow linear infinite;background:linear-gradient(180deg,#0000 0,#40e0ff99 20%,#40e0ffcc 50%,#40e0ff99 80%,#0000);height:80px;position:absolute;width:1px}.intro-data-stream:nth-child(odd){background:linear-gradient(180deg,#0000 0,#ff7f5099 20%,#ff7f50cc 50%,#ff7f5099 80%,#0000)}.intro-data-stream:nth-child(3n){background:linear-gradient(180deg,#0000 0,#8a2be299 20%,#8a2be2cc 50%,#8a2be299 80%,#0000)}.intro-neural-network{inset:0;overflow:hidden;position:absolute}.intro-network-node{animation:intro-node-glow 4s ease-in-out infinite alternate;background:radial-gradient(circle,#40e0ffe6 0,#40e0ff4d 70%,#0000 100%);border-radius:50%;height:6px;position:absolute;width:6px;z-index:1}.intro-network-node:before{animation:intro-node-pulse 3s ease-out infinite;border:1px solid #40e0ff4d;border-radius:50%;content:"";height:18px;left:-6px;position:absolute;top:-6px;width:18px}.intro-network-connections{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.intro-hexagon-grid-container{inset:0;overflow:hidden;position:absolute}.intro-hexagon-grid{height:200%;left:-50%;position:absolute;top:-50%;width:200%}.intro-layer-1{animation:intro-hex-move-layer1 35s linear infinite;background-image:linear-gradient(30deg,#0000 24%,#40e0ff0d 25%,#40e0ff0d 26%,#0000 27%,#0000 74%,#40e0ff0d 75%,#40e0ff0d 76%,#0000 77%);background-size:80px 140px;opacity:.6}.intro-layer-2{animation:intro-hex-move-layer2 30s linear infinite reverse;background-image:linear-gradient(150deg,#0000 24%,#ff7f500a 25%,#ff7f500a 26%,#0000 27%,#0000 74%,#ff7f500a 75%,#ff7f500a 76%,#0000 77%);background-size:60px 104px;opacity:.4}.intro-layer-3{animation:intro-hex-move-layer3 45s linear infinite;background-image:linear-gradient(210deg,#0000 24%,#8a2be208 25%,#8a2be208 26%,#0000 27%,#0000 74%,#8a2be208 75%,#8a2be208 76%,#0000 77%);background-size:100px 173px;opacity:.3}.intro-geometric-shapes{inset:0;overflow:hidden;position:absolute}.intro-shape{filter:blur(.5px);position:absolute}.intro-shape-hex-1{animation:intro-shape-float1 18s ease-in-out infinite;background:linear-gradient(45deg,#40e0ff1a,#8a2be21a);height:50px;left:10%;top:15%;width:50px}.intro-shape-hex-1,.intro-shape-hex-2{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.intro-shape-hex-2{animation:intro-shape-float2 22s ease-in-out infinite;background:linear-gradient(135deg,#ff7f5026,#40e0ff26);bottom:20%;height:35px;right:15%;width:35px}.intro-shape-circle-1{animation:intro-shape-rotate1 28s linear infinite;background:radial-gradient(circle,#8a2be214,#0000 70%);border:2px solid #8a2be240;border-radius:50%;height:60px;left:80%;top:60%;width:60px}.intro-shape-triangle-1{animation:intro-shape-float3 24s ease-in-out infinite;border-bottom:35px solid #ff7f501f;border-left:20px solid #0000;border-right:20px solid #0000;height:0;right:25%;top:25%;width:0}.intro-shape-pentagon-1{animation:intro-shape-morph1 20s ease-in-out infinite;background:linear-gradient(72deg,#40e0ff1a,#ff7f501a);bottom:40%;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);height:40px;left:20%;width:40px}.intro-particle-system{inset:0;pointer-events:none;position:absolute}.intro-particle{animation:intro-particle-rise linear infinite;border-radius:50%;position:absolute}.intro-particle-1{background:radial-gradient(circle,#40e0ffe6,#40e0ff4d);box-shadow:0 0 8px #40e0ff80;height:2px;width:2px}.intro-particle-2{background:radial-gradient(circle,#ff7f50e6,#ff7f504d);box-shadow:0 0 6px #ff7f5080;height:1.5px;width:1.5px}.intro-particle-3{background:radial-gradient(circle,#8a2be2e6,#8a2be24d);box-shadow:0 0 10px #8a2be280;height:3px;width:3px}.intro-particle-4{background:radial-gradient(circle,#ffffffe6,#ffffff4d);box-shadow:0 0 4px #ffffffb3;height:1px;width:1px}.intro-energy-orbs{inset:0;pointer-events:none;position:absolute}.intro-orb{border-radius:50%;filter:blur(1px);position:absolute}.intro-orb-1{animation:intro-orb-float1 28s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#40e0ff4d,#40e0ff14 50%,#0000 70%);height:100px;left:15%;top:20%;width:100px}.intro-orb-2{animation:intro-orb-float2 35s ease-in-out infinite;background:radial-gradient(circle at 60% 40%,#ff7f5040,#ff7f5014 50%,#0000 70%);bottom:25%;height:70px;right:20%;width:70px}.intro-orb-3{animation:intro-orb-float3 40s ease-in-out infinite;background:radial-gradient(circle at 50% 20%,#8a2be247,#8a2be214 50%,#0000 70%);height:80px;left:75%;top:50%;width:80px}.intro-logo-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;border-radius:0;box-shadow:none;margin-bottom:40px;padding:0;position:relative;z-index:10}.intro-logo-symbol{-webkit-text-fill-color:#0000;animation:intro-logo-gradient 6s ease-in-out infinite,intro-logo-float 8s ease-in-out infinite;background:linear-gradient(45deg,#40e0ff,coral,#8a2be2);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;filter:drop-shadow(0 0 15px rgba(64,224,255,.3));font-size:3.5rem;text-align:center}.intro-logo-rings,.intro-ring{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.intro-ring{border:1px solid;border-radius:50%}.intro-ring-1{animation:intro-ring-rotate1 12s linear infinite;border-color:#40e0ff4d;height:80px;width:80px}.intro-ring-2{animation:intro-ring-rotate2 16s linear infinite reverse;border-color:#ff7f5033;height:105px;width:105px}.intro-ring-3{animation:intro-ring-rotate3 20s linear infinite;border-color:#8a2be226;height:130px;width:130px}.intro-content{max-width:700px;padding:0 20px;position:relative;text-align:center;z-index:10}.intro-content,.intro-text{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;border-radius:0;box-shadow:none}.intro-text{margin-bottom:50px;padding:0}.intro-text-line-1,.intro-text-line-3{animation:intro-text-fade-in 3s ease-out;color:#ffffffb3;filter:blur(3px);font-size:clamp(.85rem,2.2vw,1.1rem);font-weight:300;letter-spacing:2px;margin:10px 0;opacity:0;transform:translateY(15px) scale(.95)}.intro-text-line-1{animation-delay:.5s;animation-fill-mode:both}.intro-text-line-3{animation-delay:2s;animation-fill-mode:both;font-style:italic}.intro-text-line-2{animation:intro-brand-reveal 4s cubic-bezier(.25,.46,.45,.94) .8s both;background:none;border:none;border-radius:0;filter:blur(8px);margin:25px 0;opacity:0;transform:scale(.85) rotateX(90deg)}.intro-brand-name,.intro-text-line-2{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:0;position:relative}.intro-brand-name{-webkit-text-fill-color:#0000;animation:intro-brand-shimmer 4s ease-in-out infinite;background:linear-gradient(45deg,#40e0ff,coral,#8a2be2,#40e0ff);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;border:none;display:inline-block;font-size:clamp(2.2rem,7vw,4rem);font-weight:800;letter-spacing:-2px;text-shadow:0 0 30px #40e0ff4d}.intro-brand-name:before{animation:intro-brand-shine 6s ease-in-out 3s infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%) skewX(-20deg)}.intro-brand-underline{animation:intro-underline-grow 3s ease-out 1.5s both;background:linear-gradient(90deg,#0000,#40e0ff,coral,#8a2be2,#0000);border-radius:2px;box-shadow:0 0 8px #40e0ff80;height:3px;margin:8px auto;width:0}.intro-progress-indicator{animation:intro-progress-fade-in 2s ease-out 3s both;margin:35px 0;opacity:0;transform:translateY(8px)}.intro-progress-bar{background:#ffffff1a;border-radius:2px;height:3px;margin:0 auto 12px;overflow:hidden;position:relative;width:250px}.intro-progress-bar:before{animation:intro-progress-scan 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#40e0ffcc,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.intro-progress-fill{animation:intro-progress-fill 8s ease-out .5s both;background:linear-gradient(90deg,#40e0ff,coral,#8a2be2);border-radius:2px;box-shadow:0 0 8px #40e0ff80;height:100%;width:0}.intro-progress-text{animation:intro-progress-text-pulse 3s ease-in-out infinite;color:#fff9;font-size:.8rem;letter-spacing:1px}.intro-darkmode-hint{animation:intro-hint-slide-up 3s cubic-bezier(.175,.885,.32,1.275) 4s forwards;bottom:30px;filter:blur(3px);left:50%;opacity:0;position:absolute;transform:translateX(-50%);transform:translateX(-50%) translateY(25px) scale(.95);z-index:10}.intro-hint-text{animation:intro-hint-glow 4s ease-in-out infinite alternate;-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;box-shadow:none;color:#fffc;font-size:.9rem;font-weight:300;letter-spacing:1px;padding:0;position:relative;text-align:center}.intro-hint-text:before{display:none}.intro-highlight{-webkit-text-fill-color:#0000;animation:intro-highlight-shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#40e0ff,coral,#8a2be2);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-weight:600;text-shadow:0 0 8px #40e0ff4d}@keyframes intro-quantum-shift{0%{filter:blur(15px) hue-rotate(0deg);opacity:.3;transform:scale(1)}33%{filter:blur(8px) hue-rotate(120deg);opacity:.6;transform:scale(1.03)}66%{filter:blur(12px) hue-rotate(240deg);opacity:.4;transform:scale(.97)}to{filter:blur(4px) hue-rotate(1turn);opacity:.7;transform:scale(1.01)}}@keyframes intro-holographic-scan{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes intro-atmosphere-shift{0%{opacity:.5;transform:scale(1) rotate(0deg)}33%{opacity:.7;transform:scale(1.05) rotate(1deg)}66%{opacity:.3;transform:scale(.95) rotate(-.5deg)}to{opacity:.6;transform:scale(1.02) rotate(.5deg)}}@keyframes intro-grid-pulse{0%{background-size:50px 50px;opacity:.08}50%{background-size:55px 55px;opacity:.2}to{background-size:45px 45px;opacity:.12}}@keyframes intro-data-flow{0%{opacity:0;transform:translateY(-80px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(calc(100vh + 80px))}}@keyframes intro-node-glow{0%{box-shadow:0 0 8px #40e0ff66;transform:scale(1)}to{box-shadow:0 0 20px #40e0ffcc,0 0 30px #8a2be266;transform:scale(1.3)}}@keyframes intro-node-pulse{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}@keyframes intro-hex-move-layer1{0%{transform:translate(0) rotate(0deg) scale(1)}to{transform:translate(-80px,-140px) rotate(1turn) scale(1.05)}}@keyframes intro-hex-move-layer2{0%{transform:translate(0) rotate(0deg) scale(.95)}to{transform:translate(60px,104px) rotate(-1turn) scale(1.1)}}@keyframes intro-hex-move-layer3{0%{transform:translate(0) rotate(0deg) scale(1.02)}to{transform:translate(-100px,-173px) rotate(180deg) scale(.98)}}@keyframes intro-shape-float1{0%,to{opacity:.25;transform:translateY(0) rotate(0deg) scale(1)}33%{opacity:.5;transform:translateY(-30px) rotate(120deg) scale(1.1)}66%{opacity:.3;transform:translateY(-15px) rotate(240deg) scale(.9)}}@keyframes intro-shape-float2{0%,to{opacity:.3;transform:translateX(0) rotate(0deg) scale(1)}50%{opacity:.6;transform:translateX(-25px) rotate(180deg) scale(1.2)}}@keyframes intro-shape-float3{0%,to{opacity:.25;transform:translate(0) rotate(0deg)}25%{opacity:.5;transform:translate(15px,-12px) rotate(90deg)}75%{opacity:.4;transform:translate(-12px,8px) rotate(270deg)}}@keyframes intro-shape-rotate1{0%{border-color:#8a2be240;transform:rotate(0deg) scale(1)}50%{border-color:#40e0ff66;transform:rotate(180deg) scale(1.1)}to{border-color:#8a2be240;transform:rotate(1turn) scale(1)}}@keyframes intro-shape-morph1{0%,to{filter:hue-rotate(0deg);transform:scale(1) rotate(0deg)}33%{filter:hue-rotate(120deg);transform:scale(1.2) rotate(144deg)}66%{filter:hue-rotate(240deg);transform:scale(.8) rotate(288deg)}}@keyframes intro-particle-rise{0%{opacity:0;transform:translateY(105vh) translateX(0) scale(0) rotate(0deg)}10%{opacity:1;transform:translateY(85vh) translateX(15px) scale(1) rotate(45deg)}90%{opacity:.7;transform:translateY(5vh) translateX(-15px) scale(1.1) rotate(315deg)}to{opacity:0;transform:translateY(-5vh) translateX(0) scale(0) rotate(1turn)}}@keyframes intro-orb-float1{0%,to{opacity:.5;transform:translate(0) scale(1)}33%{opacity:.7;transform:translate(25px,-40px) scale(1.1)}66%{opacity:.3;transform:translate(-15px,25px) scale(.9)}}@keyframes intro-orb-float2{0%,to{opacity:.4;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(-35px,-35px) scale(1.2)}}@keyframes intro-orb-float3{0%,to{opacity:.6;transform:translate(0) scale(1)}25%{opacity:.25;transform:translate(-25px,15px) scale(.8)}75%{opacity:.7;transform:translate(35px,-25px) scale(1.05)}}@keyframes intro-logo-gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes intro-logo-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.03)}}@keyframes intro-ring-rotate1{0%{opacity:.3;transform:translate(-50%,-50%) rotate(0deg) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) rotate(180deg) scale(1.08)}to{opacity:.3;transform:translate(-50%,-50%) rotate(1turn) scale(1)}}@keyframes intro-ring-rotate2{0%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}to{transform:translate(-50%,-50%) rotate(-1turn) scale(1)}}@keyframes intro-ring-rotate3{0%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}to{transform:translate(-50%,-50%) rotate(1turn) scale(1)}}@keyframes intro-text-fade-in{0%{filter:blur(3px);opacity:0;transform:translateY(15px) scale(.95)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}@keyframes intro-brand-reveal{0%{filter:blur(8px);opacity:0;transform:scale(.85) rotateX(90deg)}50%{filter:blur(1px);opacity:.7;transform:scale(1.02) rotateX(0deg)}to{filter:blur(0);opacity:1;transform:scale(1) rotateX(0deg)}}@keyframes intro-brand-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes intro-brand-shine{0%{transform:translateX(-100%) skewX(-20deg)}to{transform:translateX(150%) skewX(-20deg)}}@keyframes intro-underline-grow{0%{width:0}to{width:55%}}@keyframes intro-progress-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-progress-fill{0%{width:0}to{width:100%}}@keyframes intro-progress-scan{0%{left:-100%}to{left:100%}}@keyframes intro-progress-text-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes intro-hint-slide-up{0%{filter:blur(3px);opacity:0;transform:translateX(-50%) translateY(25px) scale(.95)}to{filter:blur(0);opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes intro-hint-glow{0%{color:#fffc;text-shadow:0 0 10px #40e0ff4d}to{color:#ffffffe6;text-shadow:0 0 15px #40e0ff66}}@keyframes intro-highlight-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:1024px){.intro-logo-symbol{font-size:3rem}.intro-brand-name{font-size:clamp(2rem,6vw,3.2rem)}.intro-ring-1{height:70px;width:70px}.intro-ring-2{height:90px;width:90px}.intro-ring-3{height:110px;width:110px}.intro-progress-bar{width:220px}}@media (max-width:768px){.intro-content{padding:0 25px}.intro-logo-symbol{font-size:2.5rem}.intro-brand-name{font-size:clamp(1.6rem,8vw,2.8rem);letter-spacing:-1px}.intro-text-line-1,.intro-text-line-3{font-size:clamp(.75rem,2.8vw,.95rem);letter-spacing:1px}.intro-hint-text{font-size:.8rem;padding:10px 20px}.intro-progress-bar{width:180px}.intro-shape-hex-1,.intro-shape-hex-2{height:35px;width:35px}.intro-shape-circle-1{height:45px;width:45px}.intro-orb-1{height:70px;width:70px}.intro-orb-2{height:50px;width:50px}.intro-orb-3{height:60px;width:60px}.intro-data-stream{height:50px}.intro-data-stream:nth-child(n+6),.intro-network-node:nth-child(n+6),.intro-particle:nth-child(n+15){display:none}}@media (max-width:480px){.intro-content{padding:0 15px}.intro-logo-symbol{font-size:2rem;margin-bottom:15px}.intro-brand-name{font-size:clamp(1.4rem,9vw,2.2rem)}.intro-text-line-1,.intro-text-line-3{font-size:clamp(.7rem,3.5vw,.85rem);margin:6px 0}.intro-progress-bar{height:2px;width:160px}.intro-progress-text{font-size:.7rem}.intro-darkmode-hint{bottom:15px}.intro-hint-text{font-size:.75rem;padding:8px 16px}.intro-ring-1{height:50px;width:50px}.intro-ring-2{height:65px;width:65px}.intro-ring-3{height:80px;width:80px}.intro-network-node{height:4px;width:4px}.intro-particle-1,.intro-particle-3{height:1.5px;width:1.5px}.intro-particle-2,.intro-particle-4{height:1px;width:1px}.intro-data-stream:nth-child(n+4),.intro-network-node:nth-child(n+4),.intro-particle:nth-child(n+10),.intro-shape:nth-child(n+4){display:none}}@media (prefers-contrast:high){.intro-screen{background:#000}.intro-brand-name{-webkit-text-fill-color:#fff;background:none}.intro-hint-text,.intro-text-line-1,.intro-text-line-3{color:#fff}}@media (prefers-reduced-motion:reduce){.intro-screen,.intro-screen *,.intro-screen:after,.intro-screen:before{animation-duration:.1s!important;animation-iteration-count:1!important;transition-duration:.1s!important}.intro-data-stream,.intro-network-node,.intro-orb,.intro-particle,.intro-shape{animation:none!important}}.intro-content,.intro-logo-container,.intro-text,.intro-text-line-2{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important}.intro-screen{will-change:opacity,transform}.intro-brand-name{will-change:background-position}.intro-progress-fill{will-change:width}.intro-particle{will-change:transform,opacity}.intro-network-node{will-change:transform,box-shadow}.intro-data-stream{will-change:transform,opacity}.intro-atmosphere,.intro-orb,.intro-quantum-field,.intro-shape{will-change:transform}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;width:100%}body{overflowy:hidden;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:80px 20px 20px;transition:all .3s ease}body.dark{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#e0e0e0}@media (max-width:480px){body{padding:10px}.switch{height:26px;width:50px}.switch .slider{font-size:12px;padding:0 6px}.switch .slider:before{bottom:2px;height:18px;left:3px;width:18px}input:checked+.slider:before{transform:translateX(20px)}}
/*# sourceMappingURL=main.efcc9538.css.map*/