@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap);#root,body,html{color:#2a2a3e;min-height:100%}.welcome-page{background:#fff;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.welcome-page:before{animation:float 20s ease-in-out infinite;height:600px;right:-200px;top:-300px;width:600px}.welcome-page:after,.welcome-page:before{background:#0000;border-radius:50%;content:"";position:fixed;z-index:0}.welcome-page:after{animation:float 25s ease-in-out infinite reverse;bottom:-400px;height:800px;left:-300px;width:800px}.images-section{align-items:center;animation:fadeIn 1.5s ease-out;background:linear-gradient(135deg,#9c88ff40,#81d4fa33 50%,#ce93d833),url(https://images.unsplash.com/photo-1506905925346-21bda4d32df4?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80) 50%/cover;background-blend-mode:overlay;display:flex;height:70vh;justify-content:center;position:relative;will-change:transform}.fade-overlay{background:linear-gradient(180deg,#0000 0,#e8f0fe4d 20%,#e8f0feb3 50%,#e8f0fef2);bottom:0;height:200px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.hero-section{animation:slideUp 1s ease-out .5s both;background:#0000;padding:100px 40px 120px;position:relative;text-align:center;z-index:2}.hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9c88ff,#74b9ff 25%,#81ecec 50%,#a29bfe);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Poppins,sans-serif;font-size:5rem;font-weight:900;letter-spacing:-2px;line-height:1.1;margin-bottom:30px}.hero-content p{color:#5a5a7e;font-size:1.4rem;font-weight:400;letter-spacing:.5px;line-height:1.8;margin:0 auto 50px;max-width:800px}.checkin-btn{background:linear-gradient(135deg,#9c88ff,#74b9ff);border:none;border-radius:60px;box-shadow:0 15px 35px #9c88ff40;display:inline-block;font-family:Poppins,sans-serif;font-size:2.1rem;font-weight:700;letter-spacing:2px;overflow:hidden;padding:32px 60px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.checkin-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.checkin-btn:hover:before{left:100%}.checkin-btn:hover{box-shadow:0 20px 45px #9c88ff59;transform:translateY(-5px) scale(1.05)}.features-title{-webkit-text-fill-color:#0000;animation:slideUp 1s ease-out .8s both;background:linear-gradient(135deg,#74b9ff,#a29bfe);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:4.5rem;font-weight:900;letter-spacing:-1px;margin:100px 0 80px;position:relative;text-align:center;z-index:2}.features-container{background:#0000;margin:0 auto;max-width:1400px;padding:0 40px 120px;position:relative;z-index:2}.feature-row{align-items:center;animation:featureFadeIn .8s ease-out backwards;display:flex;gap:80px;margin-bottom:100px}.feature-row:first-child{animation-delay:.1s}.feature-row:nth-child(2){animation-delay:.2s}.feature-row:nth-child(3){animation-delay:.3s}.feature-row:nth-child(4){animation-delay:.4s}.feature-row:nth-child(5){animation-delay:.5s}.feature-row:nth-child(6){animation-delay:.6s}.feature-row:nth-child(7){animation-delay:.7s}@keyframes featureFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.feature-row.reverse{flex-direction:row-reverse}.feature-image{border-radius:25px;box-shadow:0 15px 40px #9c88ff26;flex:1 1;height:350px;max-width:500px;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.23,1,.32,1)}.feature-image:before{background:linear-gradient(135deg,#9c88ff33,#81d4fa26 50%,#ce93d833);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:1}.feature-image:hover:before{opacity:1}.feature-image:hover{box-shadow:0 25px 60px #9c88ff40;transform:scale(1.03)}.feature-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.feature-image:hover img{transform:scale(1.1)}.feature-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff0,#fff0);border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 10px 40px #9c88ff14;flex:1 1;overflow:hidden;padding:40px;position:relative;transition:all .5s cubic-bezier(.23,1,.32,1)}.feature-content:before{animation:borderRotate 3s linear infinite;background:linear-gradient(45deg,#9c88ff,#74b9ff,#81ecec,#a29bfe,#9c88ff);background-size:400% 400%;border-radius:25px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .5s ease}@keyframes borderRotate{0%{background-position:0 50%}to{background-position:100% 50%}}.feature-content:hover:before{opacity:.6}.feature-content:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);box-shadow:0 20px 50px #9c88ff26,inset 0 0 80px #9c88ff0d;transform:translateY(-8px)}.feature-icon{filter:drop-shadow(0 5px 15px rgba(156,136,255,.2));margin-bottom:25px;transition:all .4s ease}.feature-content:hover .feature-icon{filter:drop-shadow(0 8px 25px rgba(156,136,255,.3));transform:scale(1.15) rotate(3deg)}.feature-content h2{color:#4a4a6e;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:25px 0 20px}.feature-content p{color:#6a6a8e;font-size:1.15rem;font-weight:400;line-height:1.7;margin:0}@media screen and (max-width:1024px){.images-section{height:60vh}.hero-content h1{font-size:3.2rem}.features-container{padding:0 30px 80px}.feature-row{gap:50px;margin-bottom:80px}.feature-image{height:300px}.feature-content{padding:35px 30px}.feature-content h2{font-size:1.8rem}.feature-content p{font-size:1.1rem}.features-title{font-size:2.8rem}}@media screen and (max-width:768px){.images-section{height:50vh}.hero-section{padding:70px 25px 90px}.hero-content h1{font-size:2.8rem;letter-spacing:-1px}.hero-content p{font-size:1.2rem}.features-container{padding:0 25px 60px}.feature-row,.feature-row.reverse{flex-direction:column;gap:30px;margin-bottom:60px;text-align:center}.feature-image{height:250px;max-width:100%}.feature-content{padding:30px 25px}.feature-content h2{font-size:1.6rem}.feature-content p{font-size:1.05rem}.checkin-btn{font-size:1rem;padding:20px 0;width:85%}.features-title{font-size:2.4rem;margin:70px 0 50px}}@media screen and (max-width:480px){.images-section{height:45vh}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1.1rem;padding:0 10px}.features-container{padding:0 20px 50px}.feature-row{gap:25px;margin-bottom:50px}.feature-image{border-radius:20px;height:200px}.feature-content{padding:10px 0}.feature-content h2{font-size:1.4rem}.feature-content p{font-size:.95rem}.features-title{font-size:2rem;margin:50px 0 40px}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#fbfbfb}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9c88ff,#74b9ff);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#74b9ff,#9c88ff)}.welcome-footer{background:linear-gradient(135deg,#2c3e50f2,#34495efa 50%,#2c3e50);color:#ecf0f1;margin-top:80px;overflow:hidden;padding:60px 0 0;position:relative}.welcome-footer:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#9c88ff,#74b9ff 25%,#81ecec 50%,#a29bfe 75%,#9c88ff);background-size:200% auto;content:"";height:4px;left:0;position:absolute;right:0;top:0}.footer-inner{grid-gap:50px;display:grid;gap:50px;grid-template-columns:2fr 1fr 1fr 1.5fr;margin:0 auto 40px;max-width:1200px;padding:0 40px}.footer-brand h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9c88ff,#74b9ff);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:-1px;margin-bottom:20px}.footer-brand .tagline{color:#bdc3c7;font-size:1rem;line-height:1.6;margin-bottom:25px;max-width:300px}.social-links{display:flex;gap:15px;margin-top:20px}.social-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#9c88ff33,#74b9ff33);border:1px solid #9c88ff4d;border-radius:25px;color:#74b9ff;display:inline-block;font-size:.9rem;font-weight:600;padding:12px 20px;text-decoration:none;transition:all .3s ease}.social-link:hover{background:linear-gradient(135deg,#9c88ff,#74b9ff);box-shadow:0 8px 25px #9c88ff4d;color:#fff;transform:translateY(-2px)}.footer-contact h4,.footer-links h4,.footer-services h4{color:#ecf0f1;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:25px;position:relative}.footer-contact h4:after,.footer-links h4:after,.footer-services h4:after{background:linear-gradient(90deg,#9c88ff,#74b9ff);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.footer-links ul,.footer-services ul{list-style:none;padding:0}.footer-links li,.footer-services li{margin-bottom:12px}.footer-links a,.footer-services li{color:#bdc3c7;display:block;font-size:.95rem;padding:5px 0;position:relative;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#74b9ff;transform:translateX(5px)}.footer-links a:before{color:#9c88ff;content:"→";left:-20px;opacity:0;position:absolute;transition:all .3s ease}.footer-links a:hover:before{left:-15px;opacity:1}.contact-info{gap:15px}.contact-info,.contact-item{display:flex;flex-direction:column}.contact-item{gap:5px}.contact-label{color:#9c88ff;font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.contact-item a{color:#bdc3c7;font-size:.95rem;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#74b9ff}.contact-item span:not(.contact-label){color:#bdc3c7;font-size:.95rem}.footer-bottom{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c3e50cc;border-top:1px solid #bdc3c733;padding:25px 0}.footer-bottom-inner{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px}.footer-bottom p{color:#95a5a6;font-size:.9rem;margin:0}.footer-legal{align-items:center;color:#95a5a6;display:flex;font-size:.85rem;gap:15px}.footer-legal span:not(:last-child){cursor:pointer;transition:color .3s ease}.footer-legal span:not(:last-child):hover{color:#74b9ff}@media screen and (max-width:1024px){.footer-inner{gap:40px;grid-template-columns:1fr 1fr;padding:0 30px}.footer-brand{grid-column:1/-1}}@media screen and (max-width:768px){.welcome-footer{margin-top:60px;padding:50px 0 0}.footer-inner{gap:35px;grid-template-columns:1fr;padding:0 25px}.footer-brand h3{font-size:2rem;text-align:center}.footer-brand .tagline{max-width:none;text-align:center}.social-links{justify-content:center}.footer-contact,.footer-links,.footer-services{text-align:center}.footer-contact h4:after,.footer-links h4:after,.footer-services h4:after{left:50%;transform:translateX(-50%)}.footer-bottom-inner{flex-direction:column;padding:0 25px;text-align:center}.footer-legal{justify-content:center}}@media screen and (max-width:480px){.welcome-footer{margin-top:50px;padding:40px 0 0}.footer-inner{gap:30px;padding:0 20px}.footer-brand h3{font-size:1.8rem}.social-links{align-items:center;flex-direction:column}.social-link{text-align:center;width:150px}.footer-legal{flex-direction:column;gap:10px}.footer-bottom-inner{padding:0 20px}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.profile-page{align-items:stretch;background:#fff;background-attachment:fixed;display:flex!important;font-family:Inter,sans-serif;gap:0;height:100%;overflow-x:hidden;padding:0;position:relative;width:100vw}.profile-page:before{background:#fff;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.profile-page>*{position:relative;z-index:2}.profile-page>div:first-child{align-items:center!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-right:1px solid #ffffff1a;display:flex!important;flex:0 0 420px!important;justify-content:center!important;margin-left:200px;padding:3rem 2rem!important}.profile-card{-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;background:#fffffffa!important;border:1px solid #ffffff4d!important;border-radius:32px!important;box-shadow:0 30px 60px #00000026,0 0 0 1px #fff3!important;max-width:550px!important;min-width:560px!important;overflow:hidden;padding:3rem 2.5rem!important;position:relative;transform:translateY(0);transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%!important}.profile-card:before{background:linear-gradient(90deg,#669bea,#4b5ca2 50%,#939dfb);border-radius:32px 32px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}.profile-card:hover{box-shadow:0 40px 80px #0003,0 0 0 1px #ffffff4d;transform:translateY(-8px) scale(1.02)}.profile-name{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-color:#0e5291;font-family:Poppins,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.5px;margin:0 0 15px;text-align:center;text-decoration:underline;-webkit-text-decoration-color:#3498db;text-decoration-color:#3498db;text-decoration-thickness:3px;text-shadow:none;text-underline-offset:8px;width:100%}.profile-name:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-.75rem;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.profile-info-row{align-items:flex-start;border-bottom:1px solid #0000000f;display:flex;font-size:1rem;justify-content:space-between;line-height:1.5;padding:1.25rem 0;transition:all .2s ease}.profile-info-row:last-child{border-bottom:none;padding-bottom:0}.profile-info-row:hover{background:#667eea0a;border-radius:12px;margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem}.profile-info-row strong{color:#4a5568;flex-shrink:0;font-size:.95rem;font-weight:600;min-width:110px}.profile-info-row span:not(strong){color:#6b7280;max-width:180px;text-align:right;word-break:break-word}.profile-card>div:last-child{border-top:1px solid #0000000f;margin-top:2.5rem!important;padding-top:2rem}.stat-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6!important;border:2px solid #fff6;border-radius:24px!important;min-width:120px!important;overflow:hidden;padding:2rem 1.5rem!important;position:relative;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.stat-item:before{background:linear-gradient(135deg,#667eea14,#764ba214);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-item:hover{border-color:#667eea4d;box-shadow:0 20px 40px #00000026;transform:translateY(-5px) scale(1.05)}.stat-item:hover:before{opacity:1}.stat-number{color:#2948d5!important;font-size:2.5rem!important;font-weight:800!important;letter-spacing:-.02em;margin-bottom:.5rem;text-shadow:0 2px 4px #667eea33}.stat-label,.stat-number{position:relative;z-index:2}.stat-label{color:#6b7280!important;font-size:.9rem!important;font-weight:500!important;letter-spacing:.5px;text-transform:uppercase}.profile-page>div:last-child{align-items:center!important;display:flex!important;flex:1 1!important;flex-direction:column!important;justify-content:center!important;min-height:100vh;padding:4rem 3rem!important}.profile-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:32px;box-shadow:0 30px 60px #00000026,0 0 0 1px #fff3;display:flex;flex-direction:column;justify-content:flex-start;max-width:650px;min-height:750px;overflow:visible;position:relative;width:100%}.profile-content:before{background:linear-gradient(90deg,#669bea,#4b5ca2 50%,#939dfb);border-radius:32px 32px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}.profile-actions-section{background:#0000;border-radius:0;box-shadow:none;padding:2rem 2.5rem 2.5rem}.section-title{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-color:#0e5291;font-family:Poppins,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.5px;margin:0 0 25px;text-align:center;text-decoration:underline;-webkit-text-decoration-color:#3498db;text-decoration-color:#3498db;text-decoration-thickness:3px;text-shadow:none;text-underline-offset:8px;width:100%}.section-title:after{background:linear-gradient(90deg,#93affb,#5757f5);border-radius:2px;bottom:-.75rem;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.form-group{margin-bottom:1.75rem;position:relative}.form-group:last-of-type{margin-bottom:1.5rem}.form-label{color:#4a5568;display:block;font-size:1rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.75rem;transition:color .2s ease}.form-input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border:2px solid #00000014;border-radius:14px;box-shadow:0 4px 8px #0000000f;font-family:inherit;font-size:.95rem;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.form-input:focus{background:#fffffffa;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 8px 16px #0000001a;outline:none;transform:translateY(-2px)}.form-input:hover{border-color:#667eea4d;box-shadow:0 6px 12px #00000014;transform:translateY(-1px)}.form-input::placeholder{color:#a0aec0;font-weight:400}.button-group{display:flex;flex-direction:column;gap:.875rem;margin-top:1.25rem;width:100%}.btn{align-items:center;border-radius:14px;box-shadow:0 6px 12px #0000001a;display:inline-flex;font-family:inherit;font-size:.95rem;gap:.75rem;justify-content:center;letter-spacing:-.01em;padding:1rem 1.2rem;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#4e4ba2);border:2px solid #0000!important;color:#fff!important;font-size:1.1rem!important;font-weight:700!important}.btn-primary:hover{transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{background:linear-gradient(135deg,#93affb,#5771f5);color:#fff}.btn-secondary:hover{transform:translateY(-3px)}.btn-outline{background:#ffffffe6;border:2px solid #667eea;box-shadow:0 8px 16px #667eea26;color:#667eea}.btn-outline:hover{background:#667eea;box-shadow:0 16px 32px #667eea4d;color:#fff;transform:translateY(-3px)}.error-message{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#feb2b226;border:2px solid #feb2b24d;border-radius:12px;box-shadow:0 4px 8px #e53e3e1a;color:#e53e3e;font-size:.95rem;font-weight:500;margin:1rem 0;padding:1rem 1.5rem}.loading{color:#fff;font-size:2rem;font-weight:600;letter-spacing:-.01em;padding:6rem 3rem;text-align:center;text-shadow:0 2px 4px #0000004d}.profile-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:32px 32px 0 0;color:#fff;padding:3rem 2rem}@media (max-width:1200px){.profile-page>div:first-child{flex:0 0 380px!important;padding:2.5rem 1.5rem!important}.profile-page>div:last-child{padding:3rem 2rem!important}.profile-actions-section{padding:2.5rem 2rem}}@media (max-width:1024px){.profile-page{align-items:stretch!important;flex-direction:column!important}.profile-page>div:first-child{background:#ffffff08;border-bottom:1px solid #ffffff1a;border-right:none;flex:none!important;min-height:auto;padding:2rem 1.5rem!important}.profile-card{margin:0 auto;max-width:500px!important;min-width:auto!important}.profile-page>div:last-child{flex:1 1!important;min-height:auto;padding:2rem 1.5rem!important}.profile-actions-section{padding:2.5rem 2rem}}@media (max-width:768px){.profile-page>div:first-child{padding:1.5rem 1rem!important}.profile-card{margin:0 auto;max-width:100%!important;min-width:auto!important;padding:2rem 1.5rem!important}.profile-name{font-size:1.75rem!important}.profile-page>div:last-child{padding:1.5rem 1rem!important}.profile-actions-section{padding:2rem 1.5rem}.section-title{font-size:1.75rem!important}.stat-item{min-width:100px!important;padding:1.5rem 1rem!important}.stat-number{font-size:2rem!important}.form-input{padding:1.25rem 1.5rem}.btn,.form-input,.form-label{font-size:1rem}.btn{padding:1.25rem 2rem}}@media (max-width:480px){.profile-page>div:first-child{padding:1rem .75rem!important}.profile-card{padding:1.5rem 1.25rem!important}.profile-name{font-size:1.5rem!important}.profile-page>div:last-child{padding:1rem .75rem!important}.profile-actions-section{padding:1.5rem 1.25rem}.section-title{font-size:1.5rem!important}.profile-info-row{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem 0}.profile-info-row strong{min-width:auto}.profile-info-row span:not(strong){max-width:none;text-align:left}.stat-item{padding:1.25rem .75rem!important}.stat-number{font-size:1.75rem!important}.stat-label{font-size:.8rem!important}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.profile-page>div:first-child{animation:slideInLeft .8s cubic-bezier(.25,.46,.45,.94)}.profile-page>div:last-child{animation:slideInRight .8s cubic-bezier(.25,.46,.45,.94) .2s both}.form-group{animation:slideInUp .6s cubic-bezier(.25,.46,.45,.94) both}.form-group:first-child{animation-delay:.3s}.form-group:nth-child(2){animation-delay:.4s}.form-group:nth-child(3){animation-delay:.5s}.button-group{animation:slideInUp .6s cubic-bezier(.25,.46,.45,.94) .6s both}.btn:focus,.form-input:focus{outline:3px solid #667eea80;outline-offset:0 0 2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports ((-webkit-backdrop-filter:blur(30px)) or (backdrop-filter:blur(30px))){.form-input,.profile-card,.profile-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}.login-page{align-items:center;background:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-page.bg-lake{background:#fff;background-attachment:fixed;position:relative}.login-page.bg-lake:after{background:linear-gradient(180deg,#ffffff59,#ffffff8c 45%,#ffffffb3);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.login-page.bg-lake>.login-container{position:relative;z-index:1}.login-container{max-width:450px;width:100%}.login-page.flat-enabled .login-container{background:none;max-width:450px;padding:clamp(28px,4vw,48px) clamp(22px,3vw,42px) 60px}.login-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.login-header{margin-bottom:44px;text-align:center}.login-header h1{color:#3498db;font-size:2.2rem;font-weight:600;margin-bottom:10px;text-shadow:0 2px 4px #0000001a}.login-header p{color:#5a6c7d;font-size:16px;line-height:1.5}.auth-tabs{background:#3498db0d;border:1px solid #3498db1a;border-radius:12px;display:flex;margin-bottom:38px;padding:4px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#5a6c7d;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.tab-btn.active{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px #3498db4d;color:#fff}.tab-btn:hover:not(.active){background:#3498db1a;color:#3498db}.error-message{background:linear-gradient(135deg,#ffe6e6,#fcc);border-radius:8px;color:#c0392b;font-size:14px;margin-bottom:20px;padding:12px 16px}.auth-form{margin-bottom:32px}.form-group{margin-bottom:26px}.form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-container{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;left:15px;position:absolute;z-index:1}.input-container input{background:#f8fafce6;border:1px solid #e2e8f0cc;border-radius:12px;box-sizing:border-box;color:#2c3e50;font-size:16px;outline:none;padding:15px 20px 15px 50px;transition:all .3s ease;width:100%}.input-container input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.input-container input::placeholder{color:#94a3b8;font-style:italic}.password-toggle{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;padding:5px;position:absolute;right:15px;transition:color .3s ease}.password-toggle:hover{color:#3498db}.auth-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-bottom:15px;padding:15px 20px;transition:all .3s ease;width:100%}.auth-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-btn.primary{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 8px 25px #3498db66;color:#fff}.auth-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f4e79);box-shadow:0 12px 35px #3498db99;transform:translateY(-2px)}.auth-btn.google{background:#fff;border:1px solid #e2e8f0cc;box-shadow:0 4px 15px #0000000d;color:#2c3e50}.auth-btn.google:hover:not(:disabled){background:#f8f9fa;border-color:#3498db;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.divider{margin:40px 0;position:relative;text-align:center}.divider:before{background:linear-gradient(90deg,#0000,#3498db4d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fffffff2;color:#94a3b8;font-size:14px;font-weight:500;padding:0 20px}.login-footer{margin-top:42px;text-align:center}.login-footer p{color:#5a6c7d;font-size:14px;margin-bottom:15px}.link-btn{background:none;border:none;color:#3498db;cursor:pointer;font-weight:600;text-decoration:none;transition:color .3s ease}.link-btn:hover{color:#2980b9;text-decoration:underline}.back-link{color:#94a3b8;font-size:14px;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#3498db}@media (max-width:768px){.login-page{padding:15px}.login-card{padding:30px 25px}.login-header h1{font-size:1.8rem}.login-header p{font-size:14px}.login-header{margin-bottom:34px}.auth-tabs{margin-bottom:30px}.auth-form{margin-bottom:28px}.form-group{margin-bottom:22px}.divider{margin:34px 0}.login-footer{margin-top:34px}.tab-btn{font-size:14px;padding:10px 12px}.input-container input{font-size:14px;padding:12px 16px 12px 45px}.auth-btn{font-size:14px;padding:12px 16px}}@media (max-width:480px){.login-card{padding:25px 20px}.login-header h1{font-size:1.6rem}.auth-tabs{flex-direction:column;gap:4px}.tab-btn{width:100%}}.login-page.flat-enabled:not(.bg-lake){background:linear-gradient(135deg,#eef5fb,#f9fbfc 50%,#eefaf0)}.login-page.flat-enabled.bg-lake{background:linear-gradient(135deg,#e3f2fd59,#f8f9fa4d 40%,#e8f5e859),url(/static/media/jasper-lake1.f39e495d6b63c51ff66b.webp) 50%/cover no-repeat;background-attachment:fixed}.login-page.bg-lake:after{background:linear-gradient(180deg,#ffffff26,#ffffff47 45%,#fff6)}.login-page.flat-enabled .login-card{animation:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;padding:clamp(34px,4.5vw,50px) clamp(26px,3.5vw,46px)}.login-page.flat-enabled .login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#3498db,#2c82c9,#27ae60);-webkit-background-clip:text;background-clip:text;font-weight:700;text-shadow:none}.login-page.flat-enabled .login-header p{color:#4a5b66}.login-page.flat-enabled .auth-tabs{background:#0000;border:none;gap:10px;padding:0}.login-page.flat-enabled .tab-btn{background:#0000;border-radius:0;color:#5a6c7d;font-weight:600;letter-spacing:.3px;padding:12px 4px;position:relative}.login-page.flat-enabled .tab-btn.active{background:#0000;box-shadow:none;color:#1f6fa5}.login-page.flat-enabled .tab-btn.active:after,.login-page.flat-enabled .tab-btn:not(.active):hover:after{background:linear-gradient(90deg,#3498db,#27ae60);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(1);width:100%}.login-page.flat-enabled .tab-btn:not(.active):after{transform:scaleX(0)}.login-page.flat-enabled .tab-btn:not(.active):hover{color:#3498db}.login-page.flat-enabled .input-container input{background:#0000;border:none;border-bottom:2px solid #0000001f;border-radius:0;font-size:15px;padding:14px 10px 10px 42px;transition:border-color .3s,background-color .3s}.login-page.flat-enabled .input-container input:focus{background:#3498db0f;border-bottom-color:#3498db;box-shadow:none}.login-page.flat-enabled .input-icon{color:#7b8a95}.login-page.flat-enabled .auth-btn.primary{background:linear-gradient(90deg,#3498db,#2f8ccc);border-radius:14px;box-shadow:none;letter-spacing:.5px}.login-page.flat-enabled .auth-btn.primary:hover:not(:disabled){background:linear-gradient(90deg,#2c82c9,#256ea9);transform:translateY(-2px)}.login-page.flat-enabled .auth-btn.google{background:#fff;border:1px solid #00000014;border-radius:14px}.login-page.flat-enabled .auth-btn.google:hover:not(:disabled){background:#f5f9fc;border-color:#3498db}.login-page.flat-enabled .error-message{background:#ffecec;border:1px solid #f5c2c0;box-shadow:none;color:#c0392b}.login-page.flat-enabled .divider:before{background:linear-gradient(90deg,#0000,#b9c9d4,#0000)}.login-page.flat-enabled .divider span{background:#0000;color:#7b8a95}.login-page.flat-enabled .link-btn{color:#1f6fa5}.login-page.flat-enabled .link-btn:hover{color:#3498db}.login-page.flat-enabled .back-link{color:#7b8a95}.login-page.flat-enabled .back-link:hover{color:#3498db}.login-page.flat-enabled .login-footer p{color:#556771}.login-page.flat-enabled .password-toggle{color:#7b8a95}.login-page.flat-enabled .password-toggle:hover{color:#3498db}.login-page.flat-enabled button:focus-visible,.login-page.flat-enabled input:focus-visible{outline:2px solid #3498db;outline-offset:2px}@media (max-width:600px){.login-page.flat-enabled .login-card{padding:28px 22px}.login-page.flat-enabled .login-header h1{font-size:1.9rem}.login-page.flat-enabled .tab-btn{padding:10px 2px}}.navbar-desktop{align-items:center;background:linear-gradient(135deg,#1e90ff,#4169e1);box-shadow:0 2px 10px #00000026;display:flex;justify-content:space-between;padding:16px 32px}.logo{color:#fff;font-family:Poppins,sans-serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;text-shadow:0 2px 4px #0000001a}.nav-links-desktop{display:flex;font-weight:600;gap:20px;list-style:none;margin:0;padding:0}.nav-link{border-radius:6px;color:#fff;font-size:15px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background:#fff3;transform:translateY(-2px)}.logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#e74c3c,#c0392b);border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{background:rgba(51,11,11,.523);box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.logout-btn svg{transition:transform .3s ease}.logout-btn:hover svg{transform:translateX(2px)}.navbar-mobile{background:linear-gradient(135deg,#1e90ff,#4169e1);box-shadow:0 2px 10px #00000026;display:none}.mobile-header{justify-content:space-between;padding:16px 24px}.menu-button,.mobile-header{align-items:center;display:flex}.menu-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;justify-content:center;padding:8px;transition:background-color .3s ease}.menu-button:hover{background-color:#ffffff1a}.menu-button:focus{outline:2px solid #ffffff4d}.sidebar-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.sidebar{background:linear-gradient(180deg,#3498db,#2980b9,#74b9ff);box-shadow:-4px 0 10px #0000001a;height:100vh;overflow-y:auto;padding-top:80px;position:fixed;right:-280px;top:0;transition:right .3s ease;width:280px;z-index:999}.sidebar-open{right:0}@media (max-width:768px){.sidebar{transform:translateX(0)}}.nav-links-mobile{list-style:none;margin:0;padding:0}.nav-link-mobile{border-bottom:1px solid #ffffff1a;color:#fff;display:block;font-weight:800;padding:16px 24px;text-decoration:none;transition:all .3s ease}.nav-link-mobile:hover{background-color:#ffffff1a;transform:translateX(-5px)}.nav-link-mobile:last-child{border-bottom:none}.logout-item{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:20px}.logout-btn-mobile{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:12px;box-shadow:0 4px 15px #e74c3c4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;margin:0 16px 20px;padding:16px 24px;transition:all .3s ease;width:100%}.logout-btn-mobile:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.logout-btn-mobile svg{transition:transform .3s ease}.logout-btn-mobile:hover svg{transform:translateX(3px)}@media (min-width:769px){.navbar-mobile{display:none}.navbar-desktop{display:flex}}@media (max-width:768px){.navbar-desktop{display:none}.navbar-mobile{display:block}}@media (max-width:480px){.sidebar{right:-100vw;width:100vw}.sidebar-open{right:0!important}.mobile-header{padding:12px 16px}.logo{font-size:1.25rem}.nav-link-mobile{font-size:1.1rem;padding:18px 20px}}@media (prefers-reduced-motion:reduce){.menu-button,.nav-link,.nav-link-mobile,.sidebar{transition:none}}body,html{color:#2c3e50;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}#root.checkin-bg{background:#fff!important}@media (max-width:700px){#root.checkin-bg{background-attachment:scroll}}.checkin-container{animation:float 8s ease-in-out infinite;background-color:#fff;border-radius:20px;box-shadow:0 25px 50px #00000012;margin:20px auto;max-width:900px;padding:40px 30px;position:relative;transition:transform .3s ease;z-index:1}.checkin-container:after,.checkin-container:before{border-radius:50%;content:"";position:fixed;z-index:-1}.checkin-container:before{background:radial-gradient(circle,#81c784 0,#a5d6a7 100%);height:400px;left:-120px;opacity:.15;top:-100px;width:400px}.checkin-container:after{background:radial-gradient(circle,#64b5f6 0,#90caf9 100%);bottom:-200px;height:600px;opacity:.15;right:-120px;width:400px}.checkin-container h2{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-color:#0e5291;font-family:Poppins,sans-serif;font-size:clamp(2.2rem,5vw,3rem);font-weight:700;letter-spacing:-.5px;margin:0 0 15px;text-align:left;text-decoration:underline;-webkit-text-decoration-color:#3498db;text-decoration-color:#3498db;text-decoration-thickness:3px;text-shadow:none;text-underline-offset:8px;width:100%}.checkin-container h2:after{display:none}.checkin-container h3{color:#2c3e50;font-size:28px;font-weight:600;letter-spacing:.4px;margin:34px 0 18px;text-align:left;text-decoration:underline;-webkit-text-decoration-color:#3498db;text-decoration-color:#3498db;text-decoration-thickness:3px;text-underline-offset:8px}.checkin-container label{color:#34495e;display:block;font-size:18px;font-weight:600;margin-bottom:12px;text-align:left}.checkin-container input[type=range]{background:linear-gradient(90deg,#e74c3c,#f39c12,#f1c40f,#2ecc71,#3498db);border-radius:10px;cursor:pointer;height:14px;margin-top:10px;outline:none;width:100%}.checkin-container input[type=range]::-webkit-slider-thumb{background:#fff;border:3px solid #3498db;border-radius:50%;box-shadow:0 0 8px #3498db66;height:24px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:24px}.checkin-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.mood-labels{color:#7f8c8d;display:flex;font-size:13px;justify-content:space-between;margin-top:5px}.checkin-container textarea{border:1.5px solid #bdc3c7;border-radius:12px;box-shadow:inset 0 2px 5px #0000000d;color:#2c3e50;font-size:16px;height:120px;padding:15px;resize:none;transition:.3s;width:100%}.checkin-container textarea:focus{border-color:#3498db;box-shadow:0 0 12px #3498db33}button[title$=Listening]{animation:pulse 1.5s infinite}.checkin-container button:not([title]){background:linear-gradient(45deg,#3498db,#27ae60);border:none;border-radius:30px;box-shadow:0 8px 20px #3498db4d;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;margin-top:20px;padding:14px 30px;transition:transform .3s ease,box-shadow .3s ease}.checkin-container button:not([title]):hover{box-shadow:0 12px 25px #3498db66;transform:translateY(-3px)}.checkin-container button:not([title]):disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.checkin-container>div>div{background:#fff;border-radius:15px;box-shadow:0 8px 20px #0000000d;margin-top:20px;padding:20px;transition:transform .2s ease}.checkin-container>div>div:hover{transform:translateY(-4px)}.recharts-tooltip-wrapper{border-radius:12px}.recharts-default-tooltip{background-color:#fff!important;border-radius:10px!important;box-shadow:0 4px 12px #0000001a!important;padding:12px!important}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@media screen and (max-width:768px){.checkin-container{animation:none;margin:20px;padding:25px 20px}.checkin-container h2{font-size:24px}.checkin-container button:not([title]){width:100%}.checkin-container textarea{font-size:14px;height:100px}.checkin-container h3{font-size:20px}}.checkin-container{animation:none!important;background:#0000!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:100%!important;padding:60px clamp(20px,6vw,80px) 80px!important;transform:none!important}.welcome-message{color:#455a64;font-size:19px;font-weight:500;line-height:1.45;margin-bottom:-22px;margin-top:-10px;text-align:left}.mood-level-label{display:block;font-weight:600;letter-spacing:.3px;margin-bottom:8px;margin-top:10px}.mood-level-text{margin-right:6px;opacity:.75}.mood-current{color:#2c3e50;font-weight:600}.textarea-row{align-items:stretch;display:flex;gap:12px;margin-top:10px}.textarea-row textarea{flex:1 1}.mic-btn{align-items:center;background:linear-gradient(135deg,#3498db,#27ae60);border:none;border-radius:50%;box-shadow:0 6px 18px #3498db59;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;margin-left:20px;margin-top:50px;transition:all .3s ease;width:56px}.mic-btn.active{background:linear-gradient(135deg,#e53935,#d81b60);box-shadow:0 6px 18px #e5393559}.mic-btn:hover{transform:translateY(-3px)}.mic-btn:active{transform:translateY(-1px)}.save-checkin-btn{margin-top:28px}.history-block{height:320px;margin-top:60px;position:relative}.history-block h3{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-color:#0e5291;display:inline-flex;font-family:Poppins,sans-serif;font-size:clamp(2.2rem,5vw,3rem);font-weight:700;letter-spacing:-.5px;margin:0 0 15px;text-align:left;text-shadow:none;width:100%}.history-chart-box{background:#fff;border:1px solid #0000000f;border-radius:18px;box-shadow:0 10px 28px #0000000f;height:100%;overflow:hidden;padding:26px 28px 32px;position:relative}.history-chart-box:before{background:linear-gradient(145deg,#ffffffe6,#ffffffbf);content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}@media screen and (max-width:768px){.history-chart-box{padding:18px 16px 24px}}.checkin-container label{margin-top:6px}.mood-labels{margin-bottom:14px;margin-top:2px}.checkin-container textarea{margin-top:4px}#root,body{display:flex;flex-direction:column;min-height:100vh}#root>.checkin-container{flex:1 0 auto}.checkin-container h3:before{background:linear-gradient(90deg,#0000,#2c3e5038,#0000)}@media screen and (max-width:768px){.welcome-message{font-size:17px;margin-bottom:34px}.checkin-container h2{font-size:34px!important}.checkin-container h3{font-size:24px;margin:30px 0 16px}.checkin-container label{font-size:17px}.history-block{height:300px;margin-top:50px}.mic-btn{height:44px;width:44px}}@media screen and (max-width:480px){.textarea-row{flex-direction:column}.mic-btn{align-self:flex-start}.history-block{margin-top:45px}.checkin-container h2{font-size:30px!important}.checkin-container h3{font-size:22px}.welcome-message{font-size:16px}}.checkin-container:after,.checkin-container:before{display:none!important}.checkin-container h2{margin-bottom:50px!important;margin-top:0!important}.checkin-container h2:after{height:3px;opacity:.35}.checkin-container>div>div{background:#0000!important;border:none!important;box-shadow:none!important;margin-top:40px!important;padding:0 0 50px!important;transform:none!important}.checkin-container>div>div:hover{transform:none!important}.checkin-container textarea{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff9!important;border:1px solid #c7d2da!important;box-shadow:none!important}.checkin-container button:not([title]){box-shadow:none!important}.checkin-container button:not([title]):hover{box-shadow:none!important;transform:translateY(-2px)}.checkin-container h3{margin-top:40px;padding-top:35px;position:relative}.checkin-container h3:before{background:linear-gradient(90deg,#0000,#2c3e502e,#0000);content:"";height:1px;left:0;position:absolute;top:0;width:100%}.checkin-container h3:first-of-type{margin-top:0;padding-top:0}.checkin-container h3:first-of-type:before{display:none}.checkin-container input[type=range]{height:10px!important}@media screen and (max-width:768px){.checkin-container{margin:0!important;padding:50px 30px 60px!important}.checkin-container>div>div{margin-top:30px!important;padding-bottom:40px!important}.checkin-container h2{margin-bottom:40px!important}}@media screen and (max-width:480px){.checkin-container{padding:45px 22px 55px!important}.checkin-container h2{font-size:26px!important}}@media print{.checkin-container{padding:0!important}.checkin-container h2:after,.checkin-container h3:before{display:none!important}}.smart-popup-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.538);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.smart-popup-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:24px;box-shadow:0 20px 60px #00000026,inset 0 0 0 1px #ffffff1a,0 30px 60px -30px #3498db4d;max-width:500px;overflow:hidden;padding:40px 35px 35px;position:relative;width:100%}.smart-popup-modal:before{background:radial-gradient(circle,#3498db1a 0,#0000 70%);right:-50%;top:-50%}.smart-popup-modal:after,.smart-popup-modal:before{content:"";height:100%;pointer-events:none;position:absolute;width:100%}.smart-popup-modal:after{background:radial-gradient(circle,#2ecc7114 0,#0000 70%);bottom:-50%;left:-50%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.smart-popup-close svg{stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;display:block;height:18px;margin:0 auto;width:18px}.smart-popup-close{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:50%;box-shadow:0 4px 12px #ee5a6f4d;cursor:pointer;display:flex;height:32px;justify-content:center;outline:none;padding:0;position:absolute;right:14px;top:14px;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),background .2s;width:32px;z-index:10}.smart-popup-actions{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.smart-popup-btn{border:none;border-radius:14px;cursor:pointer;font-family:Inter,Segoe UI,sans-serif;font-size:15px;font-weight:600;letter-spacing:.3px;margin:0 auto;max-width:260px;min-width:140px;overflow:hidden;padding:12px 0;position:relative;text-align:center;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:70%;z-index:1}.smart-popup-btn:first-child{background:linear-gradient(90deg,#00b4d8,#48cae4);box-shadow:0 8px 24px #00b4d840;color:#fff}.smart-popup-btn:nth-child(2){background:linear-gradient(90deg,#ffb700,#ff6f00);box-shadow:0 8px 24px #ffb70040;color:#fff}.smart-popup-btn:nth-child(3){background:linear-gradient(90deg,#ef476f,#ffd166);box-shadow:0 8px 24px #ef476f40;color:#fff}.smart-popup-btn:nth-child(n+4){background:linear-gradient(90deg,#06d6a0,#118ab2);box-shadow:0 8px 24px #06d6a040;color:#fff}.smart-popup-btn:hover{box-shadow:0 12px 32px #00000040;transform:translateY(-3px) scale(1.02)}.smart-popup-btn:active{transform:translateY(-1px) scale(.98)}.smart-popup-btn:before{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.smart-popup-btn:active:before{height:300px;width:300px}.smart-popup-btn-icon{font-size:18px;margin-right:8px;vertical-align:middle}@media (max-width:640px){.smart-popup-modal{border-radius:20px;padding:32px 24px 28px}.smart-popup-modal h3{font-size:25px;margin-bottom:28px}.smart-popup-btn{font-size:15px;padding:14px 20px}.smart-popup-close{height:32px;right:16px;top:16px;width:32px}}@media (max-width:480px){.smart-popup-overlay{padding:0}.smart-popup-modal{padding:28px 20px 24px}.smart-popup-modal h3{font-size:20px;margin-bottom:24px}.smart-popup-btn{font-size:14px;padding:13px 18px}}@media (prefers-color-scheme:dark){.smart-popup-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #ffffff1a}.smart-popup-modal h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#041d63,#050387);background-clip:text;-webkit-background-clip:text;font-size:28px}}.smart-popup-actions .smart-popup-btn{animation:buttonSlideIn .5s cubic-bezier(.34,1.56,.64,1) both}.smart-popup-actions .smart-popup-btn:first-child{animation-delay:.1s}.smart-popup-actions .smart-popup-btn:nth-child(2){animation-delay:.2s}.smart-popup-actions .smart-popup-btn:nth-child(3){animation-delay:.3s}@keyframes buttonSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.smart-popup-btn:first-child{animation:buttonSlideIn .5s cubic-bezier(.34,1.56,.64,1) .1s both,subtlePulse 2s ease-in-out 1s infinite}@keyframes subtlePulse{0%,to{box-shadow:0 8px 24px #667eea59}50%{box-shadow:0 8px 32px #667eea80}}.smart-popup-btn.loading{opacity:.7;pointer-events:none}.smart-popup-btn.loading:after{animation:spinner .6s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:16px;left:50%;margin-left:10px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes spinner{to{transform:rotate(1turn)}}.restore-streak-modal{background:none;left:0;padding:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.restore-streak-modal>div{animation:slideDownNotification .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;box-shadow:0 8px 32px #fff,inset 0 0 0 1px #fff;color:#fff;margin:16px auto;max-width:500px;padding:16px 24px;pointer-events:auto;position:relative;text-align:center}@keyframes slideDownNotification{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.restore-streak-modal h3{align-items:center;color:#100f0f;display:flex;font-size:18px;font-weight:600;gap:8px;justify-content:center;margin:0 0 8px}.restore-streak-modal p{color:#010101;font-size:14px;line-height:1.4;margin:0 0 16px;opacity:.95}.restore-streak-modal button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;margin:4px 8px;padding:8px 16px;transition:all .2s ease}.restore-streak-modal button:first-of-type{background:#fff3;border:1px solid #ffffff4d;color:#fff}.restore-streak-modal button:first-of-type:hover{background:#ffffff4d;transform:translateY(-1px)}.restore-streak-modal button:last-of-type{background:#0000;border:1px solid #fff3;color:#fffc}.restore-streak-modal button:last-of-type:hover{background:#ffffff1a;color:#fff}.notification-close{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:15px;line-height:1;padding:3px;position:absolute;right:-12px;top:-21px}.notification-close:hover{color:#fff}@media (max-width:768px){.restore-streak-modal>div{border-radius:10px;margin:12px 16px;padding:14px 20px}.restore-streak-modal h3{font-size:16px}.restore-streak-modal p{font-size:13px;margin-bottom:14px}.restore-streak-modal button{font-size:12px;padding:7px 14px}}@media (max-width:480px){.restore-streak-modal>div{margin:8px 12px;padding:12px 16px}.restore-streak-modal button{display:block;margin:6px 0;width:100%}}.chat-settings-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.settings-left,.settings-right{align-items:center;display:flex;gap:12px}.language-selector{background:#fff;border:1.5px solid #3498db;border-radius:10px;box-shadow:0 2px 8px #3498db1f;color:#1a365d;cursor:pointer;font-family:Poppins,Segoe UI,Arial,sans-serif;font-size:14px;font-weight:500;min-width:180px;outline:none;padding:8px 32px 8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.language-selector:hover{border-color:#2980b9;box-shadow:0 4px 12px #3498db33}.language-selector:focus{border-color:#1e88e5;box-shadow:0 0 0 3px #3498db26}.language-selector option{background:#fff;color:#1a365d;font-size:14px;padding:8px}.clear-btn,.mute-btn{align-items:center;background:#ffffffe6;border:1.5px solid #3498db4d;border-radius:10px;box-shadow:0 2px 8px #0000000f;color:#1a365d;cursor:pointer;display:flex;font-family:Poppins,Segoe UI,Arial,sans-serif;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.clear-btn:hover,.mute-btn:hover{background:#3498db;border-color:#2980b9;box-shadow:0 4px 12px #3498db4d;color:#fff;transform:translateY(-2px)}.clear-btn:active,.mute-btn:active{box-shadow:0 2px 6px #3498db33;transform:translateY(0)}.mute-btn.muted{background:#e74c3c1a;border-color:#e74c3c4d;color:#e74c3c}.mute-btn.muted:hover{background:#e74c3c;border-color:#c0392b;color:#fff}.clear-btn{border-color:#e74c3c4d}.clear-btn:hover{background:#e74c3c;border-color:#c0392b}body{background:linear-gradient(135deg,#e3f2fd,#f8f9fa 50%,#e8f5e8);margin:0}.ai-chat-fullscreen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #0000001a;box-sizing:border-box;margin:0;max-width:100%;padding:clamp(16px,2vw,32px);width:100%}.ai-chat-header{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3498db,#2980b9,#1e88e5);background-clip:text;-webkit-background-clip:text;font-size:clamp(2.2rem,5vw,3rem);font-weight:700;justify-content:center;letter-spacing:-.5px;margin:0;padding-bottom:16px;text-shadow:0 2px 8px #3498db33}.ai-chat-header:after{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:2px;bottom:0;box-shadow:0 2px 8px #3498db4d;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.ai-chat-messages{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;box-shadow:inset 0 2px 8px #0000000d;display:flex;flex-direction:column;margin:0 0 16px;padding:8px 4px 12px;scrollbar-color:#3498db66 #0000}.ai-chat-messages::-webkit-scrollbar-track{background:#ffffff1a}.ai-chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3498db66,#2980b999);border:1px solid #ffffff1a}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3498db99,#2980b9cc)}.message-wrapper{align-items:flex-start;animation:messageSlide .3s ease-out;display:flex;gap:12px;margin:12px 0}.message-wrapper.user{flex-direction:row-reverse;justify-content:flex-start}.message-wrapper.bot{flex-direction:row;justify-content:flex-start}.bot-avatar{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #3498db4d;color:#fff;display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.welcome-message{margin:20px 0}.welcome-message .message-wrapper{animation:messageSlide .5s ease-out}.ai-chat-message{word-wrap:break-word;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff1a;border-radius:24px;font-size:15px;line-height:1.6;max-width:min(68ch,75%);padding:16px 20px;position:relative;width:-webkit-fit-content;width:fit-content}.message-content{line-height:1.6}.message-content>div{margin:4px 0}.ai-chat-message.user{background:linear-gradient(135deg,#3498db,#2980b9,#1e88e5);border:1px solid #fff3;border-bottom-right-radius:8px;box-shadow:0 6px 20px #3498db4d,0 2px 8px #3498db33;color:#fff}.ai-chat-message.user:before{border-bottom:6px solid #0000;border-left:8px solid #2980b9;border-top:6px solid #0000;content:"";filter:drop-shadow(2px 0 4px rgba(52,152,219,.2));height:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0}.ai-chat-message.bot{align-self:flex-start;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);border:1px solid #27ae6033;border-bottom-left-radius:8px;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000a;color:#2c3e50;margin-right:auto;position:relative}.ai-chat-message.bot:before{border-bottom:6px solid #0000;border-right:8px solid #f8fafc;border-top:6px solid #0000;content:"";filter:drop-shadow(-2px 0 4px rgba(0,0,0,.05));height:0;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:0}.ai-chat-input{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 16px #0000001a;gap:16px;padding:12px 8px 8px}.ai-chat-input input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #3498db40;border-radius:16px;box-shadow:inset 0 2px 4px #0000000a;color:#1a365d;flex:1 1;font-size:16px;outline:none;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ai-chat-input input:focus{background:#fffffff2;border-color:#3498db;box-shadow:0 0 0 3px #3498db26,inset 0 2px 4px #0000000a;transform:translateY(-1px)}.ai-chat-input input::placeholder{color:#64748b;font-style:italic;font-weight:400}.ai-chat-input button,.send-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#3498db,#2980b9,#1e88e5);border:1px solid #fff3;border-radius:16px;box-shadow:0 6px 20px #3498db4d,0 2px 8px #3498db33;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;min-width:60px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ai-chat-input button:hover,.send-button:hover{background:linear-gradient(135deg,#2980b9,#1e88e5,#1565c0);box-shadow:0 8px 25px #3498db66,0 4px 12px #3498db4d;transform:translateY(-3px) scale(1.02)}.ai-chat-input button:active,.send-button:active{box-shadow:0 4px 15px #3498db4d;transform:translateY(-1px) scale(.98)}.icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.mic-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#3498db,#2980b9);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 6px 20px #3498db66,0 2px 8px #3498db4d;color:#fff;cursor:pointer;flex-shrink:0;min-height:60px;min-width:60px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mic-button:hover{background:linear-gradient(135deg,#2980b9,#1e88e5);border-color:#fff6;box-shadow:0 8px 25px #3498db80;color:#fff;transform:translateY(-2px) scale(1.08)}.mic-button:active{box-shadow:0 4px 15px #3498db66;transform:translateY(0) scale(1.02)}@media (max-width:768px){.ai-chat-fullscreen{border-radius:0;height:100vh;padding:12px}.chat-settings-header{flex-direction:column;gap:12px;padding:10px 12px}.settings-left,.settings-right{justify-content:space-between;width:100%}.language-selector{font-size:13px;min-width:150px;padding:7px 28px 7px 10px}.clear-btn,.mute-btn{font-size:13px;gap:5px;padding:7px 12px}.bot-avatar{font-size:13px;height:36px;width:36px}.ai-chat-header{font-size:clamp(1.5rem,6vw,2rem);padding-bottom:12px}.ai-chat-header .icon{height:32px;width:32px}.ai-chat-messages{border-radius:16px;margin:0 0 12px;padding:8px}.ai-chat-message{font-size:14px;margin:8px 0;max-width:85%;padding:12px 16px}.ai-chat-input{border-radius:16px;flex-wrap:nowrap;gap:10px;padding:10px}.ai-chat-input input{border-radius:14px;flex:1 1;font-size:15px;min-width:0;padding:14px 16px}.ai-chat-input button{border-radius:14px;flex-shrink:0;font-size:14px;min-width:80px;padding:14px 20px}.mic-button{background:linear-gradient(135deg,#3498db,#2980b9);border:2px solid #fff6;box-shadow:0 4px 16px #3498db80,0 2px 8px #3498db66;min-height:56px;min-width:56px;padding:14px}.mic-button svg{height:24px;width:24px}}@media (max-width:480px){.ai-chat-fullscreen{padding:8px}.chat-settings-header{gap:10px;padding:8px 10px}.language-selector{font-size:12px;min-width:130px;padding:6px 24px 6px 8px}.clear-btn,.mute-btn{font-size:12px;gap:4px;padding:6px 10px}.clear-btn span,.mute-btn span{display:none}.bot-avatar{font-size:12px;height:32px;width:32px}.ai-chat-header{font-size:1.3rem;padding-bottom:10px}.ai-chat-header .icon{height:28px;width:28px}.ai-chat-message{font-size:13px;max-width:90%;padding:10px 14px}.ai-chat-input{gap:8px;padding:8px}.ai-chat-input input{font-size:14px;padding:12px 14px}.ai-chat-input button{font-size:13px;min-width:70px;padding:12px 16px}.mic-button{border:2px solid #ffffff80;box-shadow:0 6px 20px #3498db99,0 3px 10px #3498db80;min-height:52px;min-width:52px;padding:12px}.mic-button svg{height:22px;width:22px}}@media (max-width:768px) and (orientation:landscape){.ai-chat-fullscreen{padding:8px 12px}.ai-chat-header{font-size:1.2rem;margin:0 0 10px}.ai-chat-messages{margin:0 0 10px}.ai-chat-input{padding:8px}}.ai-chat-fullscreen:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}:focus-visible{border-radius:4px;outline:2px solid #3498db;outline-offset:2px}*,:after,:before{box-sizing:border-box}#root,body,html{background:#fff;color:#2c3e50;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}.library-container{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:4rem clamp(1.5rem,5vw,5rem) 5rem;position:relative;width:100%}.library-container:before{background:radial-gradient(circle,#81c7841f 0,#0000 70%);height:40%;left:-10%;top:-10%;width:30%}.library-container:after,.library-container:before{border-radius:50%;content:"";position:fixed;z-index:-1}.library-container:after{background:radial-gradient(circle,#64b5f61a 0,#0000 70%);bottom:-15%;height:50%;right:-10%;width:35%}.library-card{background:none;border:none;box-shadow:none;margin:0 auto 3rem;max-width:1800px;padding:0;text-align:left;width:100%}.library-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0e5291,#1f6fa5);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 1rem;max-width:1000px;text-decoration:underline;-webkit-text-decoration-color:#3498db;text-decoration-color:#3498db;text-decoration-thickness:3px;text-underline-offset:8px}.library-card p{color:#5a6c7d;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6;margin:0 0 1rem;max-width:60ch}.resource-stats{display:flex;flex-wrap:wrap;font-size:.9rem;gap:1.5rem;margin:1.5rem 0 .5rem}.resource-stats .stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:2rem;box-shadow:0 4px 12px #00000014;font-weight:500;letter-spacing:.3px;padding:.6rem 1.2rem;transition:transform .2s ease,box-shadow .2s ease}.resource-stats .stat:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-1px)}.resource-stats .stat strong{font-weight:700;margin-left:.3rem}.resource-stats .stat.total strong{color:#2c3e50}.resource-stats .stat.articles strong{color:#1d6fa5}.resource-stats .stat.videos strong{color:#8e44ad}.resource-stats .stat.exercises strong{color:#27ae60}.library-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:2.5rem auto .5rem;max-width:1600px;width:100%}.category-filter,.search-box{align-items:center;display:flex;gap:.75rem}.category-filter select,.search-box input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #bdc3c799;border-radius:1rem;font-family:inherit;font-size:.95rem;min-width:300px;outline:none;padding:.75rem 1.5rem;transition:all .2s ease}.category-filter select:focus,.search-box input:focus{background:#fffffffa;border-color:#3498db;box-shadow:0 0 0 3px #3498db26}.recommend-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:1rem;box-shadow:0 4px 12px #3498db4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.recommend-button:hover{box-shadow:0 6px 16px #3498db66;transform:translateY(-1px)}.library-sections-wrapper{display:flex;flex-direction:column;gap:5rem;margin:3.5rem auto 7.5rem;max-width:1600px;width:100%}.library-section{position:relative}.library-section-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.library-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#1f6fa5);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.01em;margin:0}.count-badge{background:linear-gradient(135deg,#3498db,#27ae60);border-radius:2rem;box-shadow:0 4px 12px #3498db4d;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;min-width:2rem;padding:.4rem 1rem;text-align:center}.bg-section{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff4d;border-radius:2rem;margin-bottom:50px;overflow:hidden;padding:2.5rem;position:relative}.bg-section:before{-webkit-backdrop-filter:blur(2px) saturate(120%);backdrop-filter:blur(2px) saturate(120%);content:"";inset:0;pointer-events:none;position:absolute}.bg-section>*{position:relative;z-index:1}.articles-section{background-color:#68d5dd84}.videos-section{background-color:#7fd9a58f}.exercises-section{background-color:#c2e49295}.content-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:0;width:100%}.content-list.tiered{margin-top:0}.content-card{-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);background:hsla(0,0%,100%,.755);border:1px solid #04030366;border-radius:1.5rem;overflow:hidden;padding:2rem 1.8rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.content-card:before{background:linear-gradient(90deg,#3498db,#27ae60);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.content-card:hover{background:hsla(0,0%,100%,.681);border-color:#3498db4d;box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.content-card:hover:before{transform:scaleX(1)}.content-header{align-items:flex-start;display:flex;gap:.875rem;margin-bottom:1rem}.content-header svg{color:#3498db;flex-shrink:0;margin-top:.125rem}.content-header h2{color:#2c3e50;font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.content-card p{color:#5a6c7d;font-size:.95rem;line-height:1.6;margin:.875rem 0 1.25rem}.content-card a{color:#1d6fa5;display:inline-block;font-size:.9rem;font-weight:600;padding:0 0 2px;position:relative;text-decoration:none;transition:color .2s ease}.content-card a:after{background:linear-gradient(90deg,#3498db,#27ae60);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.content-card a:hover{color:#0e4d73}.content-card a:hover:after{transform:scaleX(1)}.empty-hint{color:#7f8c8d;font-size:.95rem;font-style:italic;margin:2rem 0;opacity:.8;text-align:center}@media (max-width:1024px){.library-container{padding:3rem clamp(1.5rem,4vw,3rem) 4rem}.library-sections-wrapper{gap:4rem}.content-list{gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.library-container{padding:2.5rem 1.5rem 3.5rem}.library-controls{align-items:stretch;flex-direction:column;gap:1rem}.category-filter select,.search-box input{min-width:auto;width:100%}.library-sections-wrapper{gap:3.5rem;margin-bottom:5rem}.bg-section{border-radius:1.5rem;padding:2rem 1.5rem}.content-card{padding:1.75rem 1.5rem}}@media (max-width:480px){.library-container{padding:2rem 1rem 3rem}.resource-stats{gap:1rem}.resource-stats .stat{font-size:.85rem;padding:.5rem 1rem}.library-section-header{gap:.75rem;margin-bottom:1.25rem}.library-sections-wrapper{gap:3rem}.bg-section{border-radius:1.25rem;padding:1.5rem 1.25rem}.content-list{gap:1.5rem;grid-template-columns:1fr}.content-card{padding:1.5rem 1.25rem}.content-header{gap:.75rem}.content-header h2{font-size:1rem}.content-card p{font-size:.9rem;margin:.75rem 0 1rem}}@media (max-width:360px){.library-container{padding:1.5rem .75rem 2.5rem}.library-card h1{font-size:1.75rem}.content-card{padding:1.25rem 1rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.content-card{background:#fffffffa;border-color:#2c3e50}.content-card:hover{border-color:#1f6fa5}}@media print{.library-container{background:#fff;padding:0}.library-container:after,.library-container:before{display:none}.bg-section:before{background:#fffffff2}.content-card{background:#fff;border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.recommend-button{display:none}}.therapist-booking-page{background:#fff;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;max-width:100%;min-height:100vh;padding:clamp(16px,2vw,40px) clamp(22px,3vw,70px) clamp(48px,5vh,80px);width:100%}.therapist-booking-page h2{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-color:#0e5291;display:inline-flex;font-family:Poppins,sans-serif;font-size:clamp(2.2rem,5vw,3rem);font-weight:700;letter-spacing:-.5px;margin:0 0 65px;max-width:1000px;text-align:left;text-decoration:underline;-webkit-text-decoration-color:#3498db;text-decoration-color:#3498db;text-decoration-thickness:3px;text-shadow:none;text-underline-offset:8px;width:100%}.therapists-grid-modern{grid-gap:clamp(20px,1.8vw,36px);display:grid;gap:clamp(20px,1.8vw,36px);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:48px;width:100%}@media (min-width:1600px){.therapists-grid-modern{gap:clamp(24px,1.5vw,40px);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width:2000px){.therapists-grid-modern{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.therapist-card-modern{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.therapist-card-modern:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-4px)}.therapist-header{display:flex;justify-content:flex-end;padding:16px 20px 0}.rating-badges{display:flex;flex-wrap:wrap;gap:8px}.rating-badge,.sessions-badge,.verified-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.verified-badge{background:#10b981}.rating-badge{background:#3b82f6}.sessions-badge{background:#050a79b4}.therapist-profile{display:flex;margin-bottom:16px;padding:0 20px}.therapist-avatar-modern{border:3px solid #f1f5f9;border-radius:50%;flex-shrink:0;height:80px;margin-right:16px;overflow:hidden;position:relative;width:80px}.therapist-avatar-modern img{height:100%;object-fit:cover;width:100%}.avatar-fallback{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.therapist-details{flex:1 1;min-width:0}.therapist-name{color:#1e293b;font-size:20px;font-weight:700;gap:8px;margin:0 0 4px}.therapist-name,.verify-check{align-items:center;display:flex}.verify-check{background:#10b981;border-radius:50%;color:#fff;font-size:12px;height:20px;justify-content:center;width:20px}.therapist-specialty{color:#3b82f6;font-size:14px;font-weight:600;margin:0 0 4px}.therapist-experience,.therapist-languages{color:#64748b;font-size:13px;margin:2px 0}.therapist-description{color:#475569;line-height:1.5;padding:0 20px 16px}.appointment-info{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px}.availability{margin-bottom:16px}.availability-time{background:#dcfce7;border-radius:8px;color:#166534;display:inline-block;font-size:14px;font-weight:600;padding:8px 12px}.pricing-booking{gap:12px}.pricing-booking,.pricing-info{display:flex;flex-direction:column}.pricing-info{gap:4px}.price-individual{color:#1e293b;font-size:16px}.price-couples{color:#64748b;font-size:14px}.book-session-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease;width:100%}.book-session-btn:hover{background:#2563eb;transform:translateY(-1px)}.session-features{color:#64748b;display:flex;font-size:12px;gap:16px}.feature{gap:4px}.feature,.modal-overlay{align-items:center;display:flex}.modal-overlay{background:#0009;bottom:0;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.booking-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(165deg,#e0f2fff2,#cfeafffa);border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#e0f2ffb3;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#1e293b;font-size:20px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.close-btn:hover{background:#f1f5f9cc}.modal-content{padding:24px}.selected-therapist-info{align-items:center;background:#f8fafccc;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.therapist-avatar-small{border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.therapist-avatar-small img{height:100%;object-fit:cover;width:100%}.avatar-fallback-small{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;font-size:20px;font-weight:700;height:100%;justify-content:center;width:100%}.selected-therapist-info h4{color:#1e293b;font-size:18px;margin:0 0 4px}.selected-therapist-info p{color:#64748b;font-size:14px;margin:2px 0}.price-highlight{color:#3b82f6!important;font-weight:600!important}.booking-form-modal{gap:20px}.booking-form-modal,.form-field{display:flex;flex-direction:column}.form-field label{color:#374151;font-size:14px;font-weight:600;margin-bottom:6px}.form-input,.form-textarea{background:#ffffffe6;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:100px;resize:vertical}.modal-actions{display:flex;gap:12px;margin-top:24px}.cancel-btn{background:#ffffffe6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-size:16px;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background:#f9fafbf2}.confirm-booking-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.confirm-booking-btn:hover:not(:disabled){background:#2563eb}.confirm-booking-btn:disabled{cursor:not-allowed;opacity:.6}.appointments-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#e0f2ffcc,#cfeaffe6);border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:40px;padding:24px}.appointments-section h3{border-bottom:2px solid #e2e8f0cc;color:#1e293b;font-size:24px;font-weight:700;margin:0 0 24px;padding-bottom:16px}.appointments-tabs{display:flex;flex-direction:column;gap:32px}.tab-content h4{align-items:center;color:#374151;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.tab-content h4:first-child:before{content:"📅";font-size:20px}.tab-content h4:last-child:before{content:"✅";font-size:20px}.appointment-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f8fafce6;border:1px solid #e2e8f0cc;border-radius:12px;margin-bottom:16px;padding:20px;position:relative;transition:all .3s ease}.appointment-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.appointment-card.upcoming{background:linear-gradient(135deg,#dbeafee6,#f0f9ffe6);border-color:#3b82f6}.appointment-card.completed{background:linear-gradient(135deg,#dcfce7e6,#f0fdf4e6);border-color:#10b981}.appointment-status{background:#3b82f6;border-radius:0 0 8px 8px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;position:absolute;right:16px;text-transform:uppercase;top:-1px}.completed-status{background:#10b981!important}.appointment-details{grid-gap:12px;display:grid;gap:12px;margin-top:8px}.detail-row{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:140px 1fr}.label{color:#64748b;font-weight:600}.label,.value{font-size:14px}.value{color:#1e293b;word-break:break-word}.empty-state{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f8fafccc;border:2px dashed #cbd5e1cc;border-radius:12px;color:#64748b;margin:20px 0;padding:40px 20px;text-align:center}.empty-state p{font-size:16px;font-style:italic;margin:0}.loading-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#e0f2ff99,#cfeaffa6);border:2px dashed #cbd5e1cc;border-radius:16px;color:#64748b;font-size:18px;height:400px}@media (max-width:768px){.therapist-booking-page{padding:16px}.therapist-booking-page h2{font-size:2rem;margin-bottom:24px}.therapists-grid-modern{gap:16px;grid-template-columns:1fr}.therapist-card-modern{margin:0}.therapist-profile{flex-direction:column;text-align:center}.therapist-avatar-modern{align-self:center;margin-bottom:12px;margin-right:0}.pricing-booking{align-items:stretch}.session-features{flex-wrap:wrap;justify-content:center}.modal-overlay{padding:16px}.booking-modal{margin:0}.modal-actions{flex-direction:column}.detail-row{gap:4px;grid-template-columns:1fr}.label{color:#374151;font-weight:700}}@media (max-width:480px){.therapists-grid-modern{grid-template-columns:1fr}.therapist-card-modern{margin:0 -8px}.rating-badges{justify-content:center;margin-bottom:8px}.pricing-info{text-align:center}.availability-time{display:block;margin-bottom:8px;text-align:center}}.loading-container{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}html{scroll-behavior:smooth}body,html{min-height:100%}.container,.main-content,.wrapper,body,html{background:linear-gradient(135deg,#e0f2ff,#cfeaff)}.book-session-btn:focus,.cancel-btn:focus,.close-btn:focus,.confirm-booking-btn:focus,.form-input:focus,.form-textarea:focus{outline:2px solid #3b82f6;outline-offset:2px}.modal-overlay{animation:fadeIn .3s ease-out}.booking-modal{animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.booking-modal{scrollbar-color:#3b82f64d #0000;scrollbar-width:thin}.booking-modal::-webkit-scrollbar{width:6px}.booking-modal::-webkit-scrollbar-track{background:#0000}.booking-modal::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.booking-modal::-webkit-scrollbar-thumb:hover{background:#3b82f680}.export-btn:disabled{cursor:not-allowed}.export-btn:disabled,.export-btn:disabled:hover{background:linear-gradient(135deg,#bdc3c7,#95a5a6);box-shadow:0 2px 8px #95a5a633;transform:none}.summary-card p span:first-child{color:#2c3e50;font-weight:600}.summary-card p span:last-child{color:#3498db;font-weight:500}.profile-analysis{background:#fff;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh;padding:clamp(16px,3vw,40px)}.profile-analysis h2{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-color:#0e5291;font-family:Poppins,sans-serif;font-size:clamp(2.2rem,5vw,3rem);font-weight:700;letter-spacing:-.5px;margin:0 0 15px;text-align:center;text-decoration:underline;-webkit-text-decoration-color:#3498db;text-decoration-color:#3498db;text-decoration-thickness:3px;text-shadow:none;text-underline-offset:8px;width:100%}.profile-analysis h2:after{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:2px;bottom:-8px;box-shadow:0 2px 8px #3498db4d;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.export-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 0 32px}.export-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,red,#7d0808);border:3px solid #000;border-radius:12px;box-shadow:0 4px 15px #3498db40;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.export-btn:hover{background:linear-gradient(135deg,#3e0202,#6b0101);box-shadow:0 6px 20px #3498db59;transform:translateY(-2px) scale(1.02)}.export-btn:active{transform:translateY(0) scale(.98)}.user-welcome{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 16px #00000014;margin:0 0 24px;padding:16px;text-align:center}.user-welcome p{color:#34495e;font-size:1.1rem;font-weight:500;margin:0}.summary-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001f;margin:0 0 32px;overflow:hidden;padding:24px;position:relative}.summary-card:before{background:linear-gradient(135deg,#3498db,#2980b9,#27ae60);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.summary-card h3{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0 0 16px;text-align:center}.summary-card p{align-items:center;background:#ffffff80;border-left:3px solid #3498db;border-radius:10px;display:flex;font-size:1rem;justify-content:space-between;margin:8px 0;padding:8px 12px}.summary-card p:nth-child(2n){border-left-color:#27ae60}.streak-gauge{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #3498db33;border-radius:16px;box-shadow:inset 0 2px 8px #0000000d;margin:16px 0 0;padding:16px}.streak-gauge strong{color:#e67e22;display:block;font-size:1.1rem;margin:0 0 12px}.streak-items{display:flex;flex-wrap:wrap;gap:8px}.streak-gauge span{background:#3498db1a;border:1px solid #3498db33;border-radius:12px;color:#2980b9;display:inline-block;font-size:.9rem;font-weight:500;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.streak-gauge span:hover{background:#3498db33;box-shadow:0 2px 8px #3498db33;transform:translateY(-1px)}.charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 0 32px}.chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 6px 24px #0000001a;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.chart:hover{box-shadow:0 8px 32px #00000026;transform:translateY(-4px)}.chart h4{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 20px;padding-bottom:8px;position:relative;text-align:center}.chart h4:after{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.chart.heatmap{grid-column:span 2;min-height:auto}.heatmap-container{align-items:center;background:#f8f9fa;border:1px solid #3498db1a;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px}.heatmap-months{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(52,1fr);margin-bottom:8px;max-width:800px;width:100%}.heatmap-grid{align-items:flex-start;display:flex;gap:8px}.weekday-labels{display:flex;flex-direction:column;gap:2px;padding-top:12px}.weekday-labels div{align-items:center;color:#666;display:flex;font-size:10px;height:12px;width:24px}.heatmap-weeks{display:flex;flex-wrap:nowrap;gap:1px;max-width:100%;overflow-x:auto}.heatmap-week{display:flex;flex-direction:column;gap:1px}.heatmap-day{border:1px solid #0000000d;border-radius:2px;cursor:pointer;height:12px;transition:all .2s ease;width:12px}.heatmap-day:hover{border-color:#333;position:relative;transform:scale(1.2);z-index:10}.heatmap-legend{align-items:center;color:#666;display:flex;font-size:12px;gap:8px;margin-top:12px}.legend-colors{display:flex;gap:2px}.legend-colors div{border:1px solid #0000001a;border-radius:2px;height:12px;width:12px}.insights{background:#ffffffb3;border-left:4px solid #27ae60;border-radius:12px;box-shadow:0 2px 8px #27ae601a;font-weight:400;line-height:1.5;margin:8px 0;padding:12px 16px}.insights p strong{color:#27ae60;font-weight:600;margin-right:8px}@media (max-width:768px){.heatmap-container{padding:12px}.heatmap-grid{align-items:center;flex-direction:column;gap:12px}.weekday-labels{flex-direction:row;gap:1px;margin-bottom:8px;padding-top:0}.weekday-labels div{height:auto;text-align:center;text-orientation:mixed;width:12px;writing-mode:vertical-rl}.heatmap-weeks{flex-direction:column;gap:1px;max-width:none;width:100%}.heatmap-week{flex-direction:row;justify-content:center}.streak-items{flex-direction:column;gap:6px}.streak-gauge span{text-align:center}}.word-cloud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#9b59b61a,#8e44ad0d);border:1px solid #9b59b633;border-radius:20px;box-shadow:0 6px 24px #9b59b61a;margin:0 0 24px;padding:24px}.word-cloud h4{align-items:center;color:#9b59b6;display:flex;font-size:1.4rem;font-weight:600;gap:8px;margin:0 0 16px}.word-cloud p{background:#ffffffb3;border-radius:12px;box-shadow:0 2px 8px #9b59b61a;color:#7d3c98;font-size:1.1rem;font-weight:500;line-height:1.6;padding:16px;text-align:center}.ai-summary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#3498db1a,#2980b90d);border:1px solid #3498db33;border-radius:20px;box-shadow:0 6px 24px #3498db1a;margin:0 0 24px;padding:24px}.ai-summary h4{align-items:center;color:#3498db;display:flex;font-size:1.4rem;font-weight:600;gap:8px;margin:0 0 16px}.ai-summary-list{list-style:none;margin:0;padding:0}.ai-summary-list li{background:#ffffffb3;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 2px 8px #3498db1a;font-weight:500;line-height:1.5;margin:10px 0;padding:14px 16px;position:relative;transition:transform .2s ease}.ai-summary-list li:hover{box-shadow:0 4px 12px #3498db26;transform:translateX(4px)}.ai-summary-list li:before{color:#3498db;content:"•";font-size:1.2em;font-weight:700;margin-right:8px}.recommendations{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#f1c40f1a,#f39c120d);border:1px solid #f1c40f33;border-radius:20px;box-shadow:0 6px 24px #f1c40f1a;margin:0 0 24px;padding:24px}.recommendations h4{align-items:center;color:#f39c12;display:flex;font-size:1.4rem;font-weight:600;gap:8px;margin:0 0 16px}.recommendations ul{list-style:none;margin:0;padding:0}.recommendations li{background:#ffffffb3;border-left:4px solid #f39c12;border-radius:12px;box-shadow:0 2px 8px #f1c40f1a;font-weight:500;line-height:1.5;margin:10px 0;padding:14px 16px;position:relative;transition:transform .2s ease}.recommendations li:hover{box-shadow:0 4px 12px #f1c40f26;transform:translateX(4px)}.error-message,.loading-analysis,.loading-container{align-items:center;color:#34495e;display:flex;font-size:1.2rem;font-weight:500;justify-content:center;min-height:60vh}.error-message{background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:16px;margin:20px;padding:24px}.no-data-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;box-shadow:0 6px 24px #0000001a;margin:20px;padding:40px 20px;text-align:center}.no-data-message h3{color:#34495e;font-size:1.5rem;margin:0 0 16px}.checkin-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:1px solid #e1e8ed;border-radius:16px;border-radius:8px;box-shadow:0 6px 20px #3498db4d;box-shadow:0 2px 8px #00000014;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:20px;padding:16px 32px;transition:all .3s ease}.no-data-message h3{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #27ae6033;box-shadow:0 6px 24px #27ae601a;color:#2c3e50;font-size:1.3rem;font-weight:6000px;margin:0 0 24px;padding:24px}.insights h4{align-items:center;color:#27ae60;display:flex;font-size:1.4rem;font-weight:600;gap:8px;margin:0 0 16px}@media (max-width:768px){.profile-analysis{padding:16px}.charts{gap:16px;grid-template-columns:1fr}.chart.heatmap{grid-column:span 1}.export-bar{align-items:center;flex-direction:column}.export-btn{max-width:200px;width:100%}.summary-card p{align-items:flex-start;flex-direction:column;gap:4px;text-align:left}.summary-card p span:last-child{font-size:1.1em;font-weight:600}.heatmap-container{padding:12px}.heatmap-grid{align-items:center;flex-direction:column;gap:12px}.weekday-labels{flex-direction:row;gap:1px;margin-bottom:8px;padding-top:0}.weekday-labels div{font-size:8px;height:auto;text-align:center;width:12px}.heatmap-weeks{flex-direction:column;gap:1px;max-width:none;width:100%}.heatmap-week{flex-direction:row;justify-content:center}.streak-items{flex-direction:column;gap:6px}.streak-gauge span{text-align:center;width:100%}}@media (max-width:480px){.profile-analysis h2{font-size:1.8rem}.ai-summary,.chart,.insights,.recommendations,.summary-card,.word-cloud{padding:16px}}@media print{.export-bar{display:none!important}.profile-analysis{background:#fff!important;padding:20px!important}.chart:hover{box-shadow:0 2px 8px #0000001a!important;transform:none!important}*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}.ai-summary,.chart,.insights,.recommendations,.summary-card,.word-cloud{background:#fff!important;border:1px solid #ddd!important;break-inside:avoid;page-break-inside:avoid}}body{color:#475569;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mindful-container{background:#fff;display:flex;flex-direction:column;min-height:100vh;padding:2rem}.mindful-container h2{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-color:#0e5291;font-family:Poppins,sans-serif;font-size:clamp(2.2rem,5vw,3rem);font-weight:700;letter-spacing:-.5px;margin:10px 45px 5px;text-align:left;text-decoration:underline;-webkit-text-decoration-color:#3498db;text-decoration-color:#3498db;text-decoration-thickness:3px;text-shadow:none;text-underline-offset:8px;width:100%}.mindful-container .welcome-message{color:#64748b;font-size:1.2rem;font-weight:400;letter-spacing:.025em;margin-bottom:5rem;margin-left:45px;text-align:left}.card-content{align-items:flex-start;display:flex;flex:1 1;gap:4rem;margin:0 auto;max-width:1200px;width:100%}.desktop-left-panel{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2rem}.settings-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #93c5fd4d;border-radius:25px;box-shadow:0 8px 32px #3b82f614,0 4px 16px #8b5cf60a,inset 0 1px 0 #ffffffe6;margin-bottom:2rem;max-width:400px;padding:2.5rem;width:100%}.settings-label{color:#334155;display:block;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.duration-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #93c5fd4d;border-radius:15px;box-shadow:inset 0 2px 4px #3b82f60d;color:#334155;font-size:1.2rem;margin-bottom:1.5rem;padding:1rem;text-align:center;transition:all .3s ease;width:100%}.duration-input:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,inset 0 2px 4px #3b82f60d;outline:none}.duration-input::placeholder{color:#94a3b8}.duration-slider{margin-top:1.5rem}.slider{-webkit-appearance:none;background:linear-gradient(90deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);border-radius:10px;box-shadow:inset 0 2px 4px #3b82f61a;height:8px;outline:none;position:relative;transition:all .3s ease;width:100%}.slider::-webkit-slider-track{background:linear-gradient(90deg,#3b82f6,#6366f1 50%,#8b5cf6);border-radius:10px;height:8px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6);border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 4px 12px #3b82f666,0 2px 4px #3b82f633,inset 0 1px 2px #fffc;cursor:pointer;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.slider::-webkit-slider-thumb:hover{box-shadow:0 6px 20px #3b82f680,0 3px 8px #3b82f64d,inset 0 1px 2px #fffc;transform:scale(1.15)}.slider::-moz-range-thumb{background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6);border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 4px 12px #3b82f666,0 2px 4px #3b82f633;cursor:pointer;height:24px;-moz-transition:all .2s ease;transition:all .2s ease;width:24px}.range-labels{color:#64748b;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-top:.75rem}.circle-container{align-items:center;display:flex;height:320px;justify-content:center;margin:2rem 0;position:relative;width:320px}.breathing-circle{background:radial-gradient(circle,#96b8ed 0,#6688eb 30%,#4e68ec 60%,#2a51e9 90%);border:3px solid #d6d9fe99;border-radius:50%;box-shadow:0 0 40px #b5c7fd66,0 0 80px #8b90fa4d,0 0 120px #5c5ff633,inset 0 4px 8px #d6e1fe66;height:140px;position:relative;transition:transform 4.8s ease-in-out;width:140px}.breathing-circle:before{animation:pulse 4.8s ease-in-out infinite;background:radial-gradient(circle,#d6dffecc 0,#b5c0fd66 50%,#d6e5fe26 100%);box-shadow:inset 0 2px 4px #fff9;height:65%;width:65%}.breathing-circle:after,.breathing-circle:before{border-radius:50%;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.breathing-circle:after{animation:innerPulse 4.8s ease-in-out infinite;background:radial-gradient(circle,#bccaeee6 0,#d6d9fe80 100%);height:30%;width:30%}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}}@keyframes innerPulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.status-block{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #93c5fd4d;border-radius:20px;box-shadow:0 8px 32px #3b82f614,0 4px 16px #8b5cf60a,inset 0 1px 0 #ffffffe6;min-width:240px;padding:2rem;text-align:center}.inhale-exhale{color:#3b82f6;font-size:2rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-shadow:0 2px 4px #3b82f61a}.status-block p{color:#334155;font-size:1.1rem;font-weight:500;margin:.25rem 0}.pause-message{color:#64748b;font-size:1rem;font-style:italic;margin-top:.5rem}.desktop-right-panel{flex:1 1;max-width:400px}.desktop-right-panel,.session-time-controls{display:flex;flex-direction:column;gap:2rem}.progress-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #93c5fd4d;border-radius:25px;box-shadow:0 8px 32px #3b82f614,0 4px 16px #8b5cf60a,inset 0 1px 0 #ffffffe6;padding:2.5rem}.time-display{margin-bottom:2rem;text-align:center}.time-label{color:#334155;font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.time-remaining{color:#64748b;font-size:1.1rem;font-weight:400}.progress-container{background:linear-gradient(90deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);box-shadow:inset 0 2px 4px #3b82f61a;height:12px;overflow:hidden;width:100%}.progress-bar,.progress-container{border-radius:10px;position:relative}.progress-bar{background:linear-gradient(90deg,#3b82f6,#6366f1 50%,#8b5cf6);box-shadow:0 2px 8px #3b82f64d,inset 0 1px 2px #ffffff80;height:100%;transition:width 1s ease}.progress-bar:after{animation:shimmer 2.5s infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.music-selector-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #93c5fd4d;border-radius:20px;box-shadow:0 8px 32px #3b82f614,0 4px 16px #8b5cf60a,inset 0 1px 0 #ffffffe6;padding:2rem}.music-selector-footer label{color:#334155;display:block;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.music-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #93c5fd4d;border-radius:15px;box-shadow:inset 0 2px 4px #3b82f60d;color:#334155;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.music-select:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,inset 0 2px 4px #3b82f60d;outline:none}.music-select option{background:#fffffff2;color:#334155}.session-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #93c5fd4d;border-radius:20px;box-shadow:0 8px 32px #3b82f614,0 4px 16px #8b5cf60a,inset 0 1px 0 #ffffffe6;display:flex;gap:1rem;justify-content:center;padding:2rem}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000;border-radius:50px;font-size:1.1rem;font-size:.9rem;letter-spacing:.025em;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:0;z-index:0}.btn:hover:before{height:300px;width:300px}.btn>*{position:relative;z-index:1}.btn.start{background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e40af);box-shadow:0 6px 20px #3b82f666,0 3px 8px #3b82f633;color:#fff}.btn.start:hover{box-shadow:0 10px 30px #3b82f680,0 6px 15px #3b82f64d;transform:translateY(-3px)}.btn.pause{background:linear-gradient(135deg,#6366f1,#4f46e5,#4338ca);box-shadow:0 6px 20px #6366f166,0 3px 8px #6366f133;color:#fff}.btn.pause:hover{box-shadow:0 10px 30px #6366f180,0 6px 15px #6366f14d;transform:translateY(-3px)}.btn.stop{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf666,0 3px 8px #8b5cf633;color:#fff}.btn.stop:hover{box-shadow:0 10px 30px #8b5cf680,0 6px 15px #8b5cf64d;transform:translateY(-3px)}.btn:active{transform:translateY(-1px)}@media (max-width:768px){.mindful-container{padding:1rem}.card-content{flex-direction:column;gap:2rem}.desktop-left-panel,.desktop-right-panel{max-width:none;width:100%}.circle-container{height:280px;width:280px}.breathing-circle{height:120px;width:120px}.session-controls{flex-direction:column}.btn{width:100%}.mindful-container h2{font-size:2.2rem}}@media (max-width:480px){.mindful-container{padding:.5rem}.settings-container{padding:2rem}.circle-container{height:240px;width:240px}.breathing-circle{height:100px;width:100px}.mindful-container h2{font-size:2rem}}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.ai-chat-fullscreen{background:#fff;border-radius:12px;box-shadow:0 0 30px #0000001a;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1400px;overflow:hidden}.ai-chat-header{align-items:center;box-shadow:0 4px 15px #667eea4d;display:flex;font-family:Poppins,sans-serif;justify-content:space-between;min-height:60px;padding:12px 30px;position:relative}.ai-chat-header span{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-color:#0e5291;font-family:Poppins,sans-serif;font-size:clamp(2.2rem,2vw,1rem);font-weight:700;letter-spacing:-.5px;margin:30px 5px 15px;text-align:left;text-decoration:underline;-webkit-text-decoration-color:#3498db;text-decoration-color:#3498db;text-decoration-thickness:3px;text-shadow:none;text-underline-offset:8px;width:100%}.preloaded-info{background:rgba(255,253,253,.652);border-radius:16px;font-size:12px;gap:8px;padding:6px 12px}.clear-btn,.preloaded-info{align-items:center;display:flex}.clear-btn{background:#ffffff4d;border:none;border-radius:50%;color:#000;cursor:pointer;font-size:14px;height:20px;justify-content:center;transition:all .3s ease;width:20px}.clear-btn:hover{background:#ffffff80;transform:scale(1.1)}.preloaded-banner{animation:slideDown .5s ease-out;background:#fff;border-bottom:1px solid #e0e0e0;margin-top:20px;padding:16px 30px}.preloaded-content h4{color:#071687;font-size:20px;font-weight:600;margin-bottom:6px}.preloaded-content p{color:#5a6c7d;font-size:18px;font-style:italic;line-height:1.4;margin-bottom:6px}.preloaded-content small{color:#95a5a6;font-size:14px}.ai-chat-messages{background:#fafafa;flex:1 1;overflow-y:auto;padding:30px;scrollbar-color:#2196f3 #f0f0f0;scrollbar-width:thin}.ai-chat-messages::-webkit-scrollbar{width:8px}.ai-chat-messages::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.ai-chat-messages::-webkit-scrollbar-thumb{background:#2196f3;border-radius:4px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:#1976d2}.loading-message{align-items:center;background:#fff;border-left:3px solid #4a90e2;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#2c3e50;display:flex;font-weight:500;gap:15px;margin-bottom:20px;padding:20px}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.recommendations-header{align-items:center;background:#fff;border-left:3px solid #4a90e2;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.recommendations-header h3{color:#2c3e50;font-size:16px;font-weight:500}.refresh-btn{align-items:center;background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.refresh-btn:hover{background:#3a7bc8;background:#1976d2;box-shadow:0 2px 6px #4a90e2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-1px);transform:translateY(-2px)}.ai-chat-messages h3{align-items:center;background:#0000;border-left:0;border-radius:0;color:#1976d2;display:flex;font-size:18px;font-weight:600;gap:10px;margin:25px 0 12px;padding:0}.ai-chat-messages ol{background:#fff;border-left:3px solid #4a90e2;border-radius:12px;box-shadow:0 2px 8px #00000014;counter-reset:item;list-style:none;margin-bottom:30px;padding:24px}.ai-chat-messages ol li{border-bottom:1px solid #e0e0e0;counter-increment:item;margin-bottom:16px;padding:16px 0 16px 35px;position:relative;transition:all .2s ease}.ai-chat-messages ol li:last-child{border-bottom:none;margin-bottom:0}.ai-chat-messages ol li:hover{padding-left:40px}.ai-chat-messages ol li:before{align-items:center;background:#4a90e2;border-radius:50%;color:#fff;content:counter(item);display:flex;font-size:13px;font-weight:600;height:26px;justify-content:center;left:0;position:absolute;top:16px;width:26px}.ai-chat-messages ol li a{color:#2c3e50;font-size:15px;font-weight:400;line-height:1.6;text-decoration:none;transition:all .2s ease}.ai-chat-messages ol li a:hover{color:#4a90e2;text-decoration:underline}.ai-chat-messages>div>p{background:#fff;border-left:3px solid #4a90e2;border-radius:12px;box-shadow:0 2px 8px #00000014;line-height:1.6;margin-bottom:15px;margin-top:0;padding:24px}.ai-chat-messages>div>p a{color:#2c3e50;font-size:15px;font-weight:400;text-decoration:none;transition:all .2s ease}.ai-chat-messages>div>p a:hover{color:#4a90e2;text-decoration:underline}.ai-chat-input{align-items:flex-end;background:linear-gradient(135deg,#fff,#f8f9ff);border-top:1px solid #e0e0e0;display:flex;gap:15px;margin-left:0;padding:20px 80px 20px 30px}.ai-chat-input textarea{background:#fff;border:2px solid #e0e0e0;border-radius:12px;flex:1 1;font-family:inherit;font-size:16px;max-height:120px;max-width:60%;min-height:50px;padding:15px;resize:vertical;transition:all .3s ease}.ai-chat-input textarea:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.ai-chat-input button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:15px 25px;transition:all .3s ease;white-space:nowrap}.ai-chat-input button:first-of-type{background:#2196f3;color:#fff}.ai-chat-input button:first-of-type:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 15px #2196f34d;transform:translateY(-2px)}.ai-chat-input button:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed;transform:none}.mic-button{align-items:center;background:#4a90e2!important;color:#fff!important;display:flex;height:50px;justify-content:center;margin-right:10px;padding:15px!important;width:50px}.bot-icon-space{bottom:20px;height:60px;position:fixed;right:20px;width:60px;z-index:1000}.mic-button:hover{background:#3a7bc8!important;box-shadow:0 2px 6px #4a90e24d;transform:translateY(-1px)}p[style*="color: red"]{background:#ffebee;border-left:4px solid #f44336}p[style*="color: green"],p[style*="color: red"]{border-radius:8px;font-weight:500;margin-top:15px;padding:15px 20px}p[style*="color: green"]{background:#e8f5e8;border-left:4px solid #4caf50;color:#2e7d32!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.ai-chat-fullscreen{border-radius:0;height:100vh}.ai-chat-header{padding:10px 20px}.ai-chat-messages{padding:20px}.ai-chat-input{flex-direction:column;gap:10px;padding:15px 20px}.ai-chat-input textarea{max-width:100%;min-height:40px}.ai-chat-input button{padding:12px;width:100%}.mic-button{height:50px!important;margin-right:0!important;width:100%!important}.bot-icon-space{bottom:10px;height:50px;right:10px;width:50px}}@media (max-width:768px){.ai-chat-header span{font-size:20px}.preloaded-info{font-size:12px;padding:6px 12px}.ai-chat-messages h3{font-size:18px;margin:20px 0 10px;padding:10px 15px}.recommendations-header{flex-direction:column;gap:15px;text-align:center}.ai-chat-messages ol li{margin-bottom:10px;padding:15px}.ai-chat-messages ol li:before{font-size:12px;height:25px;left:-12px;top:12px;width:25px}}body,html{background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}.community-chat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:none;display:flex;flex-direction:row;font-family:Segoe UI,sans-serif;height:100vh;margin:0;overflow:hidden;width:100vw}.sidebar1{background:linear-gradient(180deg,#3498db,#2980b9);border-right:1px solid #ffffff1a;box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;height:100%;left:0;max-width:320px;min-width:280px;overflow-y:auto;padding:25px;position:relative;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin;top:0;width:280px;z-index:2}.sidebar1::-webkit-scrollbar{width:6px}.sidebar1::-webkit-scrollbar-track{background:#0000}.sidebar1::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar1::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar1 h2{align-items:center;color:#fff;display:flex;font-size:1.6rem;font-weight:600;gap:12px;margin-bottom:25px;text-shadow:0 2px 4px #0000001a}.sidebar1 ul{list-style-type:none;margin:0;padding:0}.sidebar1 li{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;font-weight:500;gap:12px;margin:12px 0;padding:15px 18px;transition:all .3s ease}.sidebar1 li:hover{background:#fff3;box-shadow:0 4px 15px #ffffff1a;transform:translateX(5px)}.sidebar1 li.active{background:#ffffff40;border:1px solid #fff3;box-shadow:0 4px 15px #fff3;font-weight:600}.chat-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8fafcd9;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden;padding:18px 26px}.chat-header{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:15px;box-shadow:0 8px 25px #3498db4d;color:#fff;display:flex;font-size:1.3rem;font-weight:600;gap:15px;margin-bottom:25px;overflow:hidden;padding:20px 25px;position:relative}.chat-header:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.chat-messages{background:#f5f5f5;border:1px solid #e2e8f080;border-radius:14px;display:flex;flex:1 1;flex-direction:column;gap:8px;margin-bottom:12px;min-height:0;overflow-y:auto;padding:16px 18px;scrollbar-color:#3498db4d #0000;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#3498db4d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#3498db80}.chat-message{word-wrap:break-word;animation:messageSlide .3s ease-out;background:#5cb5c33d;border-radius:18px;box-shadow:0 1px 2px #0000009c;color:#000;line-height:1.4;margin-bottom:12px;max-width:75%;padding:10px 14px;position:relative;width:-webkit-fit-content;width:fit-content}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.announcement{background:#fff3cd;border:1px solid #ffc107;box-shadow:0 2px 8px rgba(255,193,7,.623);margin:12px auto;max-width:85%;text-align:center}.chat-message.own-message{align-self:flex-end;background:#1372d8;box-shadow:0 2px 8px rgba(4,26,125,.623);color:#fff;margin-left:auto;margin-right:0}.chat-message.own-message strong{color:#ffffffe6}.chat-message strong{color:#000;display:block;font-size:.85rem;font-weight:600;margin-bottom:3px}.chat-message.own-message .message-time{color:#ffffffb3}.message-time{color:#00000080;display:block;font-size:.7rem;font-style:normal;margin-top:4px}.error-message,.loading-container{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:0;box-shadow:none;display:flex;height:100vh;justify-content:center;margin:0}.loading-container{color:#3498db;font-size:1.2rem;font-weight:600}.error-message{color:#e74c3c;font-size:1.1rem;font-weight:600;padding:20px;text-align:center}.chat-input{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #e2e8f080;border-radius:22px;box-shadow:0 6px 18px #00000014;display:flex;flex-shrink:0;gap:14px;padding:14px 18px}.chat-input input{background:#f8fafce6;border:1px solid #e2e8f0cc;border-radius:20px;color:#2c3e50;flex:1 1;font-size:16px;outline:none;padding:15px 20px;transition:all .3s ease}.chat-input input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.chat-input input::placeholder{color:#94a3b8;font-style:italic}.chat-input button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:20px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;min-width:80px;padding:15px 25px;transition:all .3s ease}.chat-input button:hover{background:linear-gradient(135deg,#2980b9,#1f4e79);box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.chat-input button:active{transform:translateY(0)}.chat-placeholder{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff80;border:2px dashed #3498db4d;border-radius:15px;color:#64748b;display:flex;font-size:1.3rem;font-weight:500;height:100%;justify-content:center;padding:40px;text-align:center}.icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));vertical-align:middle}@media (max-width:900px){.community-chat{flex-direction:column;height:100vh}.sidebar1{flex-shrink:0;height:auto;max-height:180px;max-width:100%;min-width:100%;overflow-x:auto;overflow-y:hidden;padding:14px 18px;width:100%}.sidebar1 ul{display:flex;gap:10px;padding-bottom:6px}.sidebar1 li{flex-shrink:0;min-width:120px;text-align:center}.chat-container{padding:12px 18px 14px}.chat-header{font-size:1.05rem;margin-bottom:12px;padding:14px 18px}.chat-messages{margin-bottom:10px;padding:12px 14px}.chat-input{gap:10px;padding:12px 14px}.chat-input input{font-size:14px;padding:12px 14px}.chat-input button{font-size:14px;padding:12px 18px}}@media (max-width:520px){.sidebar1{max-height:150px;padding:12px 14px}.sidebar1 h2{font-size:1.1rem;margin-bottom:8px}.sidebar1 li{font-size:13px;min-width:100px;padding:8px 10px}.chat-container{padding:10px 14px 12px}.chat-header{font-size:.95rem;margin-bottom:10px;padding:12px 14px}.chat-messages{margin-bottom:8px;padding:10px 12px}.chat-message{margin-bottom:10px;padding:10px 12px}.chat-input{border-radius:18px;padding:10px 12px}.chat-input input{font-size:13px;padding:10px 12px}.chat-input button{font-size:13px;padding:10px 14px}}.task-container{background:#fff;display:flex;flex-direction:column;margin:0;padding:0}.auth-container,.loading-container{align-items:center;background:#fff;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:2rem;width:100vw}.auth-message{background:hsla(0,0%,100%,.536);border:2px solid #dbeafe;border-radius:20px;box-shadow:0 8px 32px #3b82f626;color:#1e40af;font-size:1.5rem;max-width:600px;padding:3rem 4rem;text-align:center;width:100%}.task-card{background:hsla(0,0%,100%,.381);box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0;padding:3rem 2rem 2rem;position:relative;width:100vw}.wellness-score{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:15px;box-shadow:0 4px 16px #1565c033;color:#1565c0;font-size:1.25rem;font-weight:700;padding:.75rem 1.5rem;position:absolute;right:2rem;top:2rem;z-index:1}.wellness-score-value{color:#0d47a1;font-size:1.3rem;font-weight:800}.task-title{-webkit-background-clip:text;background-clip:text;color:#0e5291;font-family:Poppins,sans-serif;font-size:3rem;font-size:clamp(2.2rem,5vw,3rem);font-weight:700;margin-bottom:3%;margin-left:4%;max-width:1000px;text-align:left;text-decoration:underline;-webkit-text-decoration-color:#3498db;text-decoration-color:#3498db;text-decoration-thickness:3px;text-underline-offset:8px}.task-list{display:flex;flex-direction:column;gap:1.5rem;list-style:none;margin:0 auto 3rem;max-width:1000px;padding:0;width:100%}.task-item{align-items:center;background:linear-gradient(135deg,#fafbff,#f0f9ff);border:2px solid #e0f2fe;border-radius:16px;box-shadow:0 2px 12px #3b82f614;color:#1e40af;display:flex;font-size:1.25rem;gap:2rem;justify-content:space-between;padding:2rem;transition:all .3s ease}.task-item:hover{background:linear-gradient(135deg,#f0f9ff,#dbeafe);box-shadow:0 4px 20px #3b82f626;transform:translateY(-2px)}.task-item.completed{background:linear-gradient(135deg,#f8fafc,#f1f5f9);opacity:.7}.task-label{flex:1 1;font-size:1.3rem;font-weight:600;text-align:left}.task-label.completed{color:#64748b;text-decoration:line-through}.button-container{display:flex;gap:1rem}.btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.btn-mark-done{background:linear-gradient(135deg,#3b82f6,#60a5fa);border:1px solid #2563eb;box-shadow:0 2px 8px #3b82f640;color:#fff}.btn-mark-done:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 12px #3b82f659;transform:translateY(-1px)}.btn-mark-done:disabled{background:linear-gradient(135deg,#cbd5e1,#e2e8f0);border:1px solid #d1d5db;box-shadow:none;color:#64748b;cursor:not-allowed}.btn-mark-done.completed{background:linear-gradient(135deg,#10b981,#34d399);border:1px solid #059669;color:#fff}.btn-go{background:linear-gradient(135deg,#1e40af,#3b82f6);border:1px solid #1d4ed8;box-shadow:0 2px 8px #1e40af40;color:#fff}.btn-go:hover{background:linear-gradient(135deg,#1e3a8a,#1e40af);box-shadow:0 4px 12px #1e40af59;transform:translateY(-1px)}.task-footer{color:#282f3a;font-size:1.4rem;line-height:1.8;margin-left:auto;margin-right:auto;margin-top:auto;max-width:800px;padding-top:2rem;text-align:center}.task-footer-highlight{color:#dc2626;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600}@media (max-width:768px){.task-container{padding:0}.task-card{padding:2rem 1.5rem 1.5rem}.wellness-score{border-radius:12px;box-shadow:none;display:block;font-size:1.1rem;margin:0 0 1rem;padding:.5rem 1rem;position:static;right:auto;top:auto}.task-title{font-size:2.2rem;margin:2rem auto}.task-list{gap:1rem;max-width:100%}.task-item{align-items:stretch;flex-direction:column;gap:1rem;padding:1.5rem}.task-label{font-size:1.2rem;text-align:left}.button-container{gap:.75rem;justify-content:center}.btn{min-width:110px;padding:.75rem 1.25rem}}@media (max-width:480px){.task-card{padding:1.5rem 1rem}.task-title{font-size:2rem;margin:1.5rem auto}.task-item{padding:1.25rem}.task-label{font-size:1.1rem}.btn{font-size:.95rem;min-width:100px;padding:.6rem 1rem}}@keyframes taskComplete{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.task-item.just-completed{animation:taskComplete .3s ease}.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn:focus:not(:focus-visible){outline:none}.current-user-rank-info{background:linear-gradient(135deg,#fff,#b8cbea);border:2px solid #a4c0ee;border-radius:12px;box-shadow:0 4px 12px #71a2ef26;color:#1e40af;font-size:1.1rem;font-weight:600;margin-top:2rem;padding:1rem 1.5rem;text-align:center}.leaderboard-container{box-sizing:border-box;flex-direction:column;justify-content:flex-start;padding:0}.leaderboard-container,.loading-container{align-items:center;background:#fff;display:flex;min-height:100vh;width:100vw}.loading-container{justify-content:center}.loading-text{color:#64748b;font-size:2rem;font-weight:500;text-align:center}.leaderboard-card{align-items:stretch;background:hsla(0,35%,91%,.292);border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:3rem 4rem;position:relative;width:100%}.leaderboard-title{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-color:#0e5291;font-family:Poppins,sans-serif;font-size:clamp(2.2rem,5vw,3rem);font-weight:700;letter-spacing:-.5px;margin:5px 35px 45px;text-align:left;text-decoration:underline;-webkit-text-decoration-color:#3498db;text-decoration-color:#3498db;text-decoration-thickness:3px;text-shadow:none;text-underline-offset:8px;width:100%}.leaderboard-title:after{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.leaderboard-list{display:flex;flex:1 1 auto;flex-direction:column;gap:1rem;list-style:none;margin:0;overflow-y:auto;padding:0}.leaderboard-item{align-items:center;background:linear-gradient(135deg,#fafbff,#f0f9ff);border:2px solid #e0f2fe;border-radius:16px;display:flex;gap:1.5rem;justify-content:flex-start;overflow:hidden;padding:1.5rem 2rem;position:relative;transition:all .3s ease}.leaderboard-item:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.leaderboard-item:hover{background:linear-gradient(135deg,#f0f9ff,#dbeafe);box-shadow:0 6px 24px #3b82f626;transform:translateY(-2px)}.leaderboard-item:hover:before{opacity:1}.leaderboard-item.rank-1{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 4px 20px #f59e0b40}.leaderboard-item.rank-1:before{background:linear-gradient(135deg,#f59e0b,#d97706);opacity:1}.leaderboard-item.rank-2{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#9ca3af;box-shadow:0 4px 20px #9ca3af40}.leaderboard-item.rank-2:before{background:linear-gradient(135deg,#9ca3af,#6b7280);opacity:1}.leaderboard-item.rank-3{background:linear-gradient(135deg,#fef2f2,#fed7d7);border-color:#f87171;box-shadow:0 4px 20px #f8717140}.leaderboard-item.rank-3:before{background:linear-gradient(135deg,#f87171,#dc2626);opacity:1}.rank-number{background:#e0f2fe;border:2px solid #bae6fd;border-radius:12px;color:#1e40af;font-size:1.3rem;font-weight:800;min-width:50px;padding:.5rem;text-align:center}.rank-1 .rank-number{background:#fef3c7;border-color:#fcd34d;color:#d97706}.rank-2 .rank-number{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.rank-3 .rank-number{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.rank-number{position:relative}.user-name{color:#1e40af;flex:1 1;font-size:1.2rem;font-weight:600;text-align:left}.rank-1 .user-name{color:#d97706;font-weight:700}.rank-2 .user-name{color:#6b7280;font-weight:700}.rank-3 .user-name{color:#dc2626;font-weight:700}.wellness-score-display{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #90caf9;border-radius:12px;color:#0d47a1;font-size:1.25rem;font-weight:700;min-width:80px;padding:.5rem 1rem;text-align:center}.rank-1 .wellness-score-display{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;color:#d97706}.rank-2 .wellness-score-display{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;color:#6b7280}.rank-3 .wellness-score-display{background:linear-gradient(135deg,#fef2f2,#fed7d7);border-color:#fca5a5;color:#dc2626}.empty-leaderboard{color:#64748b;font-size:1.1rem;padding:3rem;text-align:center}@media (max-width:768px){.leaderboard-container{padding:1rem .5rem}.leaderboard-card{border-radius:20px;padding:2rem 1.5rem}.leaderboard-title{font-size:2rem;margin-bottom:2rem}.leaderboard-item{gap:1rem;padding:1.25rem 1.5rem}.rank-number{min-width:45px;padding:.4rem}.rank-number,.user-name{font-size:1.1rem}.wellness-score-display{font-size:1.1rem;min-width:70px;padding:.4rem .8rem}}@media (max-width:480px){.leaderboard-card{border-radius:16px;padding:1.5rem 1rem}.leaderboard-title{font-size:1.75rem}.leaderboard-item{gap:.75rem;padding:1rem}.rank-number{min-width:40px;padding:.3rem}.rank-number,.user-name{font-size:1rem}.wellness-score-display{font-size:1rem;min-width:60px;padding:.3rem .6rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.leaderboard-item{animation:slideIn .3s ease forwards}.leaderboard-item:first-child{animation-delay:.1s}.leaderboard-item:nth-child(2){animation-delay:.2s}.leaderboard-item:nth-child(3){animation-delay:.3s}.leaderboard-item:nth-child(n+4){animation-delay:.4s}
/*# sourceMappingURL=main.4542b47b.css.map*/