@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Serif+Display&display=swap";.homePage{background:#fafaf9;font-family:Poppins,sans-serif;overflow-x:hidden}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;gap:60px;padding:100px 60px 80px;max-width:1300px;margin:auto;position:relative;flex-wrap:wrap}.heroGlow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);top:10%;left:-100px;pointer-events:none}.heroContent{flex:1;min-width:300px;max-width:560px;z-index:1}.heroBadge{display:inline-flex;align-items:center;gap:6px;background:#eef2ff;color:#4f46e5;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:24px;letter-spacing:.3px}.heroTitle{font-size:clamp(36px,5vw,58px);font-weight:700;line-height:1.15;color:#111827;margin-bottom:20px}.heroAccent{color:#6366f1;position:relative}.heroAccent:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#6366f1,#a5b4fc);border-radius:2px}.heroDesc{font-size:17px;color:#4b5563;line-height:1.7;margin-bottom:36px}.heroButtons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}.btnPrimary{background:#6366f1;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif;letter-spacing:.3px}.btnPrimary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.btnLarge{padding:16px 36px;font-size:16px}.btnGhost{background:transparent;color:#374151;border:1.5px solid #d1d5db;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif}.btnGhost:hover{border-color:#6366f1;color:#6366f1;background:#f5f3ff}.heroStats{display:flex;gap:32px;flex-wrap:wrap}.heroStat{display:flex;flex-direction:column;gap:2px}.heroStatVal{font-size:24px;font-weight:700;color:#111827}.heroStatLabel{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px}.heroVisual{flex:1;min-width:280px;max-width:440px;position:relative;display:flex;justify-content:center;align-items:center;height:520px}.heroPhone{width:240px;height:460px;background:#1f2937;border-radius:32px;padding:12px;box-shadow:0 30px 80px #00000040;position:relative;z-index:2}.phoneScreen{background:#fff;border-radius:22px;height:100%;padding:18px 14px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.phoneHeader{display:flex;justify-content:space-between;align-items:center}.phoneLogo{font-size:13px;font-weight:700;color:#4f46e5}.phoneDate{font-size:11px;color:#9ca3af}.phoneMoodRow{display:flex;justify-content:space-between;background:#f9fafb;border-radius:10px;padding:8px 6px}.phoneMood{font-size:20px;border-radius:8px;padding:4px 6px;transition:.2s}.phoneMood.active{background:#eef2ff;transform:scale(1.2)}.phoneJournal{background:#f5f3ff;border-radius:10px;padding:10px 12px;flex:1}.phoneJournalLabel{font-size:10px;color:#6366f1;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}.phoneJournalText{font-size:11px;color:#374151;line-height:1.6}.phoneStreak{display:flex;align-items:center;justify-content:space-between;background:#fff7ed;border-radius:10px;padding:8px 10px;font-size:12px;color:#92400e;font-weight:500}.streakBadge{background:#f97316;color:#fff;font-size:10px;padding:2px 8px;border-radius:10px}.floatingCard{position:absolute;background:#fff;border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 30px #0000001f;z-index:3;animation:float 3s ease-in-out infinite;font-size:20px}.floatingCard .fcTitle{font-size:12px;font-weight:600;color:#111827}.floatingCard .fcSub{font-size:11px;color:#6b7280}.fc1{top:40px;left:-30px;animation-delay:0s}.fc2{top:50%;right:-20px;animation-delay:1s}.fc3{bottom:60px;left:-10px;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.featuresSection{background:#fff;padding:100px 20px}.howSection{background:#f5f3ff;padding:100px 20px}.sectionInner{max-width:1100px;margin:auto}.sectionLabel{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#6366f1;margin-bottom:12px}.sectionTitle{font-size:clamp(26px,4vw,38px);font-weight:700;color:#111827;margin-bottom:14px}.sectionDesc{font-size:16px;color:#6b7280;margin-bottom:50px;max-width:560px}.featuresGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.featureCard{background:#fafaf9;border:1px solid #e5e7eb;border-radius:16px;padding:28px 24px;transition:all .25s}.featureCard:hover{border-color:#a5b4fc;background:#f5f3ff;transform:translateY(-4px);box-shadow:0 12px 30px #6366f11f}.featureIcon{font-size:32px;margin-bottom:14px}.featureTitle{font-size:17px;font-weight:600;color:#111827;margin-bottom:8px}.featureDesc{font-size:14px;color:#6b7280;line-height:1.6}.stepsRow{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.step{flex:1;min-width:200px;background:#fff;border-radius:16px;padding:28px 24px;border:1px solid #e5e7eb}.stepNum{font-size:36px;font-weight:800;color:#e0e7ff;margin-bottom:10px;font-family:Poppins,sans-serif}.step h3{font-size:17px;font-weight:600;color:#111827;margin-bottom:8px}.step p{font-size:14px;color:#6b7280;line-height:1.6}.stepArrow{font-size:24px;color:#d1d5db;padding-top:40px;flex-shrink:0}.ctaSection{background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:100px 20px;text-align:center}.ctaInner{max-width:600px;margin:auto}.ctaSection h2{font-size:clamp(26px,4vw,38px);font-weight:700;color:#fff;margin-bottom:14px}.ctaSection p{font-size:16px;color:#ffffffbf;margin-bottom:36px}.ctaSection .btnPrimary{background:#fff;color:#4f46e5}.ctaSection .btnPrimary:hover{background:#f5f3ff;box-shadow:0 8px 30px #0003}.ctaNote{margin-top:20px;font-size:14px;color:#fff9}.ctaNote a{color:#fff;text-decoration:underline}@media(max-width:900px){.hero{padding:80px 24px 60px;flex-direction:column;text-align:center}.heroButtons,.heroStats{justify-content:center}.heroVisual{width:100%;max-width:320px;height:380px}.heroPhone{width:200px;height:380px}.fc1,.fc2,.fc3{display:none}.stepsRow{flex-direction:column}.stepArrow{display:none}}@media(max-width:480px){.hero{padding:60px 16px 40px}.featuresSection,.howSection,.ctaSection{padding:60px 16px}}.lsOverlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lsFadeIn .2s ease}@keyframes lsFadeIn{0%{opacity:0}to{opacity:1}}.lsModal{background:#fff;border-radius:24px;width:100%;max-width:440px;box-shadow:0 24px 60px #00000040;overflow:hidden;animation:lsSlideUp .3s ease}@keyframes lsSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.lsHeader{background:linear-gradient(135deg,#0f0c29,#24243e);padding:28px 24px 24px;text-align:center;position:relative}.lsHeaderIcon{font-size:40px;margin-bottom:12px}.lsTitle{font-size:22px;font-weight:800;color:#fff;margin-bottom:6px;font-family:Poppins,sans-serif}.lsSubtitle{font-size:13px;color:#ffffffb3;font-family:Poppins,sans-serif;line-height:1.5}.lsCloseBtn{position:absolute;top:16px;right:16px;background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;min-height:unset;padding:0}.lsCloseBtn:hover{background:#ffffff40}.lsOptions{padding:16px;display:flex;flex-direction:column;gap:10px}.lsOption{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;font-family:Poppins,sans-serif;transition:all .2s ease;text-align:left;width:100%;min-height:unset}.lsOption:hover{border-color:#4f46e5;background:#f8f7ff;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e51a}.lsOption.active{border-color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#f5f3ff);box-shadow:0 4px 16px #4f46e526}.lsFlag{font-size:32px;flex-shrink:0}.lsInfo{flex:1}.lsNames{display:flex;align-items:center;gap:8px;margin-bottom:3px}.lsName{font-size:16px;font-weight:700;color:#111827}.lsNative{font-size:14px;font-weight:600;color:#6b7280}.lsDesc{font-size:12px;color:#9ca3af;margin-bottom:4px}.lsSample{font-size:12px;color:#4f46e5;font-style:italic}.lsCheck{width:28px;height:28px;background:#4f46e5;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}.lsNote{text-align:center;font-size:12px;color:#9ca3af;padding:0 16px 20px;font-family:Poppins,sans-serif;line-height:1.5}@media(max-width:480px){.lsModal{border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0;max-width:100%}.lsOverlay{align-items:flex-end;padding:0}.lsOption{padding:14px}.lsFlag{font-size:28px}}.authPage{min-height:100vh;display:flex;font-family:Poppins,sans-serif}.authLeft{width:420px;flex-shrink:0;background:linear-gradient(160deg,#4f46e5,#7c3aed);padding:48px 44px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.authLeft:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff0f;top:-80px;right:-80px}.authLeft:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#ffffff0d;bottom:-50px;left:-50px}.authLogo{font-size:22px;font-weight:700;color:#fff;text-decoration:none;display:inline-block}.authQuoteText{font-size:18px;color:#ffffffe6;line-height:1.7;font-style:italic;font-weight:300;margin-top:40px}.authFeatures{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:40px}.authFeatureItem{display:flex;align-items:center;gap:10px;font-size:14px;color:#ffffffd9}.authCheck{width:22px;height:22px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;flex-shrink:0;font-weight:600}.authRight{flex:1;background:#f9fafb;display:flex;align-items:center;justify-content:center;padding:40px 20px}.authCard{width:100%;max-width:420px}.authCardHeader{margin-bottom:32px}.authCardHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:6px}.authCardHeader p{font-size:15px;color:#6b7280}.authForm{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.fieldGroup{display:flex;flex-direction:column;gap:6px}.fieldGroup label{font-size:13px;font-weight:600;color:#374151}.fieldLabelRow{display:flex;justify-content:space-between;align-items:center}.forgotLink{font-size:12px;color:#6366f1;text-decoration:none}.forgotLink:hover{text-decoration:underline}.fieldGroup input{width:100%;padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;color:#111827;background:#fff;transition:border-color .18s;outline:none}.fieldGroup input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.fieldGroup input.inputError{border-color:#ef4444;background:#fef2f2}.fieldError{font-size:12px;color:#ef4444;margin-top:2px}.authSubmitBtn{width:100%;padding:13px;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.authSubmitBtn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.authSubmitBtn:disabled{opacity:.7;cursor:not-allowed}.btnSpinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.authDivider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#9ca3af;font-size:13px}.authDivider:before,.authDivider:after{content:"";flex:1;height:1px;background:#e5e7eb}.authAlt{text-align:center;font-size:14px;color:#6b7280;margin-bottom:20px}.authAlt a{color:#6366f1;font-weight:600;text-decoration:none}.authAlt a:hover{text-decoration:underline}.authNote{font-size:12px;color:#9ca3af;text-align:center;line-height:1.6}.authNote a{color:#6b7280;text-decoration:underline}@media(max-width:768px){.authPage{flex-direction:column}.authLeft{display:none}.authRight{width:100%;padding:32px 16px;min-height:100vh;display:flex;align-items:center;justify-content:center}.authCard{width:100%;max-width:100%;box-shadow:none}.authCardHeader h1{font-size:24px}}.passwordStrength{display:flex;align-items:center;gap:10px;margin-top:6px}.strengthBars{display:flex;gap:4px;flex:1}.strengthBar{height:4px;flex:1;border-radius:2px;transition:background .3s}.agreeLabel{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#6b7280;cursor:pointer;line-height:1.5}.agreeLabel input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:#6366f1;flex-shrink:0}.agreeLabel a{color:#6366f1;text-decoration:underline}.dashPage{max-width:900px;margin:0 auto;padding:24px 16px 80px;font-family:Poppins,sans-serif}.dashHero{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0f0c29,#24243e);border-radius:20px;padding:28px;margin-bottom:20px;gap:20px;overflow:hidden;position:relative}.dashHero:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(79,70,229,.3),transparent 70%);border-radius:50%;pointer-events:none}.dashHeroLeft{flex:1}.dashGreeting{font-size:13px;color:#fff9;font-weight:500;margin-bottom:4px}.dashName{font-size:26px;font-weight:800;color:#fff;margin-bottom:6px;line-height:1.2}.dashSubtitle{font-size:13px;color:#ffffffa6;line-height:1.5}.dashTodayCard{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px 20px;text-align:center;min-width:120px;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashTodayLabel{font-size:11px;color:#fff9;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.dashTodayEmoji{font-size:36px;margin-bottom:4px;line-height:1.2}.dashTodayValue{font-size:13px;font-weight:700;color:#fff}.dashLogBtn{display:inline-block;background:#4f46e5;color:#fff;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;transition:.15s}.dashLogBtn:hover{background:#4338ca;transform:scale(1.02)}.dashStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.dashStatCard{background:#fff;border-radius:14px;padding:16px 12px;text-align:center;box-shadow:0 2px 8px #0000000d;border:1.5px solid #f3f4f6;transition:.2s}.dashStatCard:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.dashStatVal{font-size:22px;font-weight:800;margin-bottom:4px}.dashStatLabel{font-size:11px;color:#9ca3af;font-weight:600}.dashSectionRow{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dashSectionTitle{font-size:17px;font-weight:700;color:#111827}.dashAllToolsBtn{display:flex;align-items:center;gap:7px;background:#fff;border:2px solid #e0e7ff;color:#4f46e5;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:all .15s ease;min-height:unset}.dashAllToolsBtn:hover{background:#eef2ff;border-color:#4f46e5;transform:scale(1.02)}.dashGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px}.dashCard{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 12px;border-radius:16px;background:var(--bg, #f9fafb);border:2px solid transparent;text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.dashCard:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--c, #4f46e5);transform:scaleX(0);transition:transform .2s ease}.dashCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--c, #4f46e5)}.dashCard:hover:before{transform:scaleX(1)}.dashCardEmoji{font-size:26px;line-height:1}.dashCardLabel{font-size:11px;font-weight:700;color:#374151;text-align:center;line-height:1.3}.dashCard:hover .dashCardLabel{color:var(--c, #4f46e5)}.dashCardArrow{font-size:12px;color:var(--c, #4f46e5);opacity:0;transition:opacity .15s}.dashCard:hover .dashCardArrow{opacity:1}.dashBanner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1.5px solid #fecaca;border-radius:16px;padding:20px 24px;gap:16px;flex-wrap:wrap}.dashBannerTitle{font-size:15px;font-weight:700;color:#991b1b;margin-bottom:4px}.dashBannerDesc{font-size:13px;color:#6b7280}.dashBannerBtn{background:#ef4444;color:#fff;padding:10px 22px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;transition:.15s;flex-shrink:0;white-space:nowrap}.dashBannerBtn:hover{background:#dc2626;transform:scale(1.02)}.dashOverlay{position:fixed;inset:0;background:#00000080;z-index:1998;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashDrawer{position:fixed;top:0;right:-100%;width:320px;max-width:90vw;height:100vh;background:#fff;z-index:1999;box-shadow:-8px 0 32px #00000026;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.dashDrawer.open{right:0}.drawerTop{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;background:linear-gradient(135deg,#0f0c29,#24243e);flex-shrink:0}.drawerTitle{font-size:18px;font-weight:800;color:#fff;margin-bottom:2px}.drawerSubtitle{font-size:12px;color:#fff9}.drawerClose{width:34px;height:34px;background:#ffffff26;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;min-height:unset;padding:0;flex-shrink:0}.drawerClose:hover{background:#ffffff40}.drawerBody{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}.drawerBody::-webkit-scrollbar{width:4px}.drawerBody::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:99px}.drawerCatLabel{font-size:11px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;padding-left:4px}.drawerItems{display:flex;flex-direction:column;gap:4px}.drawerItem{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;text-decoration:none;background:#f9fafb;border:1px solid #f3f4f6;transition:all .15s ease}.drawerItem:hover{background:#eef2ff;border-color:#e0e7ff;transform:translate(4px)}.drawerItemEmoji{font-size:20px;flex-shrink:0;width:28px;text-align:center}.drawerItemText{flex:1;font-size:14px;font-weight:600;color:#374151}.drawerItem:hover .drawerItemText{color:#4f46e5}.drawerItemArrow{font-size:18px;color:#9ca3af;font-weight:300}.drawerItem:hover .drawerItemArrow{color:#4f46e5}.drawerFoot{padding:14px 20px;border-top:1px solid #f3f4f6;text-align:center;flex-shrink:0}.drawerFoot p:first-child{font-size:14px;font-weight:700;color:#4f46e5;margin-bottom:2px}.drawerFoot p:last-child{font-size:11px;color:#9ca3af}[data-theme=dark] .dashStatCard{background:var(--bg-card)!important;border-color:var(--border-card)!important}[data-theme=dark] .dashSectionTitle{color:var(--text-primary)!important}[data-theme=dark] .dashCard{background:var(--bg-card)!important}[data-theme=dark] .dashCardLabel{color:var(--text-secondary)!important}[data-theme=dark] .dashAllToolsBtn{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .dashDrawer{background:var(--bg-card)!important}[data-theme=dark] .drawerItem{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .drawerItem:hover{background:var(--accent-light)!important}[data-theme=dark] .drawerItemText{color:var(--text-secondary)!important}[data-theme=dark] .drawerCatLabel{color:var(--text-muted)!important}[data-theme=dark] .drawerFoot{border-color:var(--border-color)!important}[data-theme=dark] [class*=dashBannerDesc],[data-theme=dark] [class*=dashBannerTitle]{color:#000!important}@media(max-width:768px){.dashGrid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.dashStats{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.dashHero{flex-direction:column!important;text-align:center!important;padding:22px 18px!important}.dashTodayCard{width:100%!important}.dashName{font-size:22px!important}.dashBanner{flex-direction:column!important}.dashBannerBtn{width:100%!important;text-align:center!important}.dashDrawer{width:290px!important}.dashCardEmoji{font-size:22px!important}.dashCardLabel{font-size:10px!important}}@media(max-width:480px){.dashGrid{grid-template-columns:repeat(2,1fr)!important}}.dashGreeting{font-size:13px;color:#ffffffd9!important;font-weight:600;margin-bottom:4px}.dashName{font-size:26px;font-weight:800;color:#fff!important;margin-bottom:6px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.3)}.dashSubtitle{font-size:13px;color:#ffffffd9!important;line-height:1.5}.dashHero *{-webkit-text-fill-color:unset!important}.dashGreeting,.dashName,.dashSubtitle,.dashTodayValue,.dashTodayLabel{color:#fff!important;opacity:1!important;visibility:visible!important}.mindfulPage{max-width:900px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.mindfulHeader{text-align:center;margin-bottom:28px}.mindfulHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.mindfulHeader p{font-size:14px;color:#6b7280}.mindfulTabs{display:flex;gap:8px;margin-bottom:28px;background:#f8f7ff;padding:6px;border-radius:14px;border:1.5px solid #e0e7ff}.mindfulTab{flex:1;padding:10px;border-radius:10px;border:none;background:transparent;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.mindfulTab:hover{color:#4f46e5}.mindfulTab.active{background:#fff;color:#4f46e5;box-shadow:0 2px 8px #4f46e51f}.breathSelector{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:28px}.breathOption{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;border-radius:12px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s;text-align:left}.breathOption:hover{transform:translateY(-1px)}.breathOptName{font-size:13px;font-weight:700}.breathOptDesc{font-size:11px;opacity:.7}.breathCircleArea{display:flex;flex-direction:column;align-items:center;gap:20px}.breathCircleOuter{width:220px;height:220px;border-radius:50%;border:3px solid #e0e7ff;display:flex;align-items:center;justify-content:center;transition:all .5s ease}.breathCircleInner{width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .5s ease}.breath-inhale{animation:expandCircle 4s ease-in-out forwards}.breath-hold{animation:holdCircle .3s ease forwards}.breath-exhale{animation:shrinkCircle 8s ease-in-out forwards}@keyframes expandCircle{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.15);opacity:1}}@keyframes holdCircle{0%{transform:scale(1.15)}to{transform:scale(1.15)}}@keyframes shrinkCircle{0%{transform:scale(1.15);opacity:1}to{transform:scale(.85);opacity:.7}}.breathPhaseText{font-size:18px;font-weight:800;color:#fff;margin-bottom:4px}.breathPhaseTimer{font-size:28px;font-weight:900;color:#fff}.breathReadyText{font-size:16px;font-weight:700;color:#4f46e5}.breathCycleCount{font-size:14px;color:#6b7280;font-weight:600}.breathBtns{display:flex;gap:12px}.startBreathBtn{padding:12px 32px;border-radius:99px;border:none;color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.startBreathBtn:hover{opacity:.85;transform:scale(1.02)}.stopBreathBtn{padding:12px 32px;border-radius:99px;border:2px solid #e5e7eb;background:#fff;color:#374151;font-size:15px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.stopBreathBtn:hover{border-color:#ef4444;color:#ef4444}.phaseGuide{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.phaseGuideItem{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af;font-weight:600;transition:.2s}.phaseGuideItem.active{color:#111827;transform:scale(1.05)}.phaseGuideDot{width:10px;height:10px;border-radius:50%}.timerCard{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:24px;text-align:center}.timerCard h3{font-size:16px;font-weight:700;color:#111827;margin-bottom:16px}.timerDisplay{display:flex;flex-direction:column;align-items:center;gap:10px}.timerCount{font-size:56px;font-weight:900;color:#4f46e5;line-height:1}.timerMsg{font-size:14px;color:#6b7280}.timerDone{display:flex;flex-direction:column;align-items:center;gap:12px}.timerDone p{font-size:16px;font-weight:700;color:#22c55e}.timerLabel{font-size:13px;color:#6b7280;margin-bottom:10px}.timerOptions{display:flex;gap:8px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.timerOption{padding:8px 18px;border-radius:99px;border:1.5px solid #e5e7eb;background:#fff;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.timerOption:hover{border-color:#4f46e5;color:#4f46e5}.timerOption.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.startTimerBtn,.stopTimerBtn{background:#4f46e5;color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.stopTimerBtn{background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca}.medSectionTitle{font-size:18px;font-weight:700;color:#111827;margin-bottom:16px}.medsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.medCard{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 8px #0000000d;border:1px solid #f3f4f6;transition:.2s}.medCard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.medTop{display:flex;gap:12px;align-items:flex-start;margin-bottom:8px}.medEmoji{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.medTitle{font-size:15px;font-weight:700;color:#111827;margin-bottom:2px}.medDuration{font-size:11px;color:#9ca3af}.medDesc{font-size:12px;color:#6b7280;margin-bottom:10px;line-height:1.5}.medToggle{background:transparent;border:none;font-size:12px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;padding:0}.medSteps{margin-top:10px;border:1.5px solid;border-radius:10px;padding:12px 14px;list-style:none;display:flex;flex-direction:column;gap:6px}.medSteps li{font-size:12px;color:#374151;line-height:1.5;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.04)}.medSteps li:last-child{border-bottom:none}.stepNum{font-weight:700;margin-right:6px}.groundingIntro{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;padding:14px 16px;margin-bottom:20px}.groundingIntro p{font-size:13px;color:#374151;line-height:1.6}.groundCard{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000000d;border:1px solid #f3f4f6;margin-bottom:14px}.groundHeader{display:flex;align-items:center;gap:12px;padding:16px 20px}.groundEmoji{font-size:24px}.groundTitle{font-size:16px;font-weight:700;flex:1}.groundToggle{padding:7px 18px;border-radius:8px;border:none;font-size:13px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif}.groundSteps{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.groundStep{display:flex;gap:14px;align-items:flex-start}.groundStepIcon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.groundStepBody{flex:1}.groundStepNum{font-size:11px;font-weight:700;margin-bottom:3px}.groundStepText{font-size:13px;color:#374151;line-height:1.5}.affCats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.affCatBtn{padding:7px 16px;border-radius:99px;border:2px solid #e5e7eb;background:#fff;font-size:12px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.affCard{background:#fff;border-radius:20px;padding:40px 32px;text-align:center;box-shadow:0 4px 24px #00000014;border:2px solid;margin-bottom:24px}.affCategory{font-size:13px;font-weight:700;margin-bottom:20px}.affText{font-size:22px;font-weight:700;color:#111827;line-height:1.5;margin-bottom:16px;font-style:italic}.affProgress{font-size:12px;color:#9ca3af;margin-bottom:20px}.affNextBtn{padding:12px 28px;border-radius:10px;border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.affNextBtn:hover{opacity:.85}.affAllTitle{font-size:15px;font-weight:700;color:#374151;margin-bottom:12px}.affList{display:flex;flex-direction:column;gap:8px}.affItem{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:10px;border:1.5px solid #f3f4f6;cursor:pointer;transition:.15s}.affItem:hover,.affItem.active{background:#f8f7ff}.affItem p{font-size:13px;color:#374151}.affItemNum{font-size:14px;font-weight:800;flex-shrink:0}@media(max-width:768px){.breathSelector,.medsGrid{grid-template-columns:1fr}.mindfulTabs{gap:4px}.mindfulTab{font-size:11px;padding:8px 6px}.affText{font-size:18px}.affCard{padding:28px 20px}}.affCats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.affCatBtn{padding:10px 14px;border-radius:12px;border:2px solid #e5e7eb;background:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s;display:flex;align-items:center;justify-content:center;gap:6px}.affCatBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.affCatBtn.active{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.ddWrapper{position:relative;width:100%;font-family:Poppins,sans-serif}.ddTrigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#9ca3af;cursor:pointer;font-family:Poppins,sans-serif;transition:all .15s ease;text-align:left;min-height:48px}.ddTrigger:hover{border-color:#4f46e5}.ddTrigger.open{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;border-radius:12px 12px 0 0}.ddTrigger.hasValue{color:#111827}.ddTriggerLabel{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddArrow{font-size:11px;color:#9ca3af;transition:transform .2s ease;flex-shrink:0;margin-left:8px}.ddArrow.up{transform:rotate(180deg);color:#4f46e5}.ddMenu{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #4f46e5;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 24px #0000001f;z-index:999;max-height:280px;overflow-y:auto}.ddOption{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:#fff;border:none;cursor:pointer;font-family:Poppins,sans-serif;transition:background .1s ease;border-bottom:1px solid #f3f4f6;text-align:left;min-height:44px}.ddOption:last-child{border-bottom:none;border-radius:0 0 10px 10px}.ddOption:hover{background:#f8f7ff}.ddOption.selected{background:#eef2ff}.ddOptionLeft{display:flex;align-items:center;gap:10px;flex:1}.ddEmoji{font-size:18px;flex-shrink:0}.ddOptionLabel{font-size:14px;font-weight:600;color:#111827}.ddOptionDesc{font-size:11px;color:#9ca3af;margin-left:4px}.ddCheck{font-size:14px;font-weight:800;color:#4f46e5;flex-shrink:0}.ddMenu::-webkit-scrollbar{width:4px}.ddMenu::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:99px}.vtWrapper{width:100%;font-family:Poppins,sans-serif}.vtBox{position:relative;width:100%;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:border-color .15s ease;background:#fff}.vtBox:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.vtBox.vtListening{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;animation:vtPulse 1.5s ease infinite}@keyframes vtPulse{0%,to{box-shadow:0 0 0 3px #ef44441a}50%{box-shadow:0 0 0 6px #ef44440d}}.vtTextarea{width:100%;padding:12px 48px 12px 14px;border:none;outline:none;font-size:14px;font-family:Poppins,sans-serif;color:#111827;resize:none;line-height:1.6;background:transparent;display:block}.vtTextarea::placeholder{color:#9ca3af}.vtMicBtn{position:absolute;bottom:10px;right:10px;width:34px;height:34px;border-radius:50%;border:1.5px solid #e0e7ff;background:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;min-height:unset;box-shadow:0 2px 6px #00000014}.vtMicBtn:hover{border-color:#4f46e5;background:#eef2ff;transform:scale(1.08)}.vtMicBtn.active{background:#ef4444;border-color:#ef4444;color:#fff;animation:micPulse 1s ease infinite}@keyframes micPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.vtFooter{display:flex;justify-content:space-between;align-items:center;margin-top:5px;min-height:18px;padding:0 2px}.vtStatus{display:flex;align-items:center;gap:6px;font-size:12px;color:#ef4444;font-weight:600}.vtDot{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:blink .8s ease infinite;flex-shrink:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.vtCount{font-size:11px;color:#9ca3af;margin-left:auto}[data-theme=dark] .vtBox{background:var(--bg-input)!important;border-color:var(--border-color)!important}[data-theme=dark] .vtBox:focus-within{border-color:var(--accent)!important}[data-theme=dark] .vtTextarea{background:transparent!important;color:var(--text-primary)!important}[data-theme=dark] .vtMicBtn{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .vtMicBtn:hover{background:var(--accent-light)!important}.sugPage{max-width:980px;margin:0 auto;padding:30px 20px 80px;font-family:Poppins,sans-serif}.sugHero{text-align:center;margin-bottom:32px;padding:40px 20px;background:linear-gradient(135deg,#4f46e5,#7c3aed,#ec4899);border-radius:20px;color:#fff}.sugHeroBadge{display:inline-block;background:#fff3;border:1px solid rgba(255,255,255,.3);padding:5px 16px;border-radius:99px;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:14px}.sugHeroTitle{font-size:32px;font-weight:800;color:#fff;margin-bottom:10px}.sugHeroDesc{font-size:15px;color:#ffffffd9;max-width:500px;margin:0 auto;line-height:1.7}.sugDropdownRow{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:flex-end}.sugDropdownWrap{display:flex;flex-direction:column;gap:5px;min-width:180px}.sugDropdownLabel{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;padding-left:2px}.sugDropdown{width:100%;padding:12px 44px 12px 16px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;color:#fff;background-color:#4f46e5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;border:none;border-radius:12px;appearance:none;-webkit-appearance:none;cursor:pointer;box-shadow:0 4px 14px #4f46e54d;outline:none;transition:background-color .18s,box-shadow .18s}.sugDropdown:hover{background-color:#4338ca;box-shadow:0 6px 18px #4f46e56b}.sugDropdown:focus{background-color:#4338ca;box-shadow:0 0 0 3px #6366f14d}.sugDropdown option{background:#fff;color:#374151;font-weight:500;font-size:14px}.sugDropdown option:checked{background:#4f46e5;color:#fff}.sugSearchWrap{display:flex;flex-direction:column;gap:5px;flex:1;min-width:200px;align-self:flex-end}.sugSearch{display:flex;align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden;position:relative;transition:border-color .15s,box-shadow .15s;padding:0;gap:0}.sugSearch:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.sugSearch:has(.vtBox.vtListening){border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;animation:sugPulse 1.5s ease infinite}@keyframes sugPulse{0%,to{box-shadow:0 0 0 3px #ef44441a}50%{box-shadow:0 0 0 6px #ef44440d}}.sugSearch .vtWrapper{flex:1;width:100%}.sugSearch .vtBox{border:none!important;box-shadow:none!important;border-radius:0!important;background:transparent!important}.sugSearch .vtBox:focus-within{box-shadow:none!important}.sugSearch .vtBox.vtListening{box-shadow:none!important;animation:none!important}.sugSearch .vtTextarea{font-size:14px;font-family:Poppins,sans-serif;padding:12px 52px 12px 16px;min-height:unset;height:auto;rows:1}.sugSearch .vtFooter{display:none!important}.sugSearch .sugClear{position:absolute;right:48px;top:50%;transform:translateY(-50%);z-index:3;background:#f3f4f6;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:11px;color:#6b7280;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sugSearch .sugClear:hover{background:#e5e7eb;color:#374151}@media(max-width:560px){.sugSearchWrap{width:100%;min-width:unset}}.sugCount{font-size:12px;color:#9ca3af;margin-bottom:16px}@media(max-width:560px){.sugDropdownRow{flex-direction:column}.sugDropdownWrap,.sugSearch{width:100%;min-width:unset}}.studentBanner{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:14px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;gap:14px;color:#fff}.studentBanner span{font-size:32px;flex-shrink:0}.studentBanner h3{font-size:15px;font-weight:700;margin-bottom:3px}.studentBanner p{font-size:12px;opacity:.85}.sugEmpty{text-align:center;padding:60px 20px;color:#6b7280}.sugEmpty p:first-child{font-size:24px;margin-bottom:8px}.sugEmpty p:last-child{font-size:14px}.sugGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.videosGrid{grid-template-columns:repeat(2,1fr)}.booksGrid{grid-template-columns:repeat(3,1fr)}.bookCard{display:flex;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #0000000f;border:1.5px solid #f3f4f6;transition:transform .2s,box-shadow .2s}.bookCard:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.bookCardPhoto{flex-direction:column!important;padding:0!important}.bookCoverWrap{width:100%;height:180px;overflow:hidden;background:#f3f4f6;position:relative;flex-shrink:0}.bookCoverImg{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .3s}.bookCard:hover .bookCoverImg{transform:scale(1.04)}.bookCoverFallback{display:none;position:absolute;inset:0;align-items:center;justify-content:center;font-size:3rem}.bookCoverImg[style*="display: none"]+.bookCoverFallback{display:flex}.bookStripe{width:5px;flex-shrink:0}.bookBody{padding:14px 16px 16px;flex:1}.bookHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}.bookCat{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;display:block;margin-bottom:4px}.bookTitle{font-size:13px;font-weight:700;color:#111827;line-height:1.4;margin-bottom:3px}.bookAuthor{font-size:11px;color:#9ca3af;font-style:italic}.bookLevel{font-size:9px;font-weight:700;padding:3px 8px;border-radius:99px;white-space:nowrap;flex-shrink:0}.bookDesc{font-size:12px;color:#6b7280;line-height:1.6;margin-bottom:8px}.bookStars{font-size:14px;letter-spacing:1px}.videoCard{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #0000000f;border:1.5px solid #f3f4f6;transition:transform .2s,box-shadow .2s}.videoCard:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.stuVideoCard{border:2px solid #e0e7ff}.videoThumb{position:relative;width:100%;height:180px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.videoThumbnailImg{width:100%;height:100%;object-fit:cover;transition:transform .3s}.videoThumb:hover .videoThumbnailImg{transform:scale(1.05)}.videoPlayOverlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;transition:background .2s}.videoThumb:hover .videoPlayOverlay{background:#00000073}.videoPlayBtn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;box-shadow:0 4px 16px #0000004d;transition:transform .2s}.videoThumb:hover .videoPlayBtn{transform:scale(1.1)}.videoDuration{position:absolute;bottom:8px;right:8px;background:#000000bf;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.videoEmbed{position:relative;width:100%;padding-top:56.25%}.videoEmbed iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.closeVideo{display:block;width:100%;padding:8px;background:#fef2f2;color:#dc2626;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:background .15s}.closeVideo:hover{background:#fee2e2}.videoInfo{padding:14px 16px}.videoCat{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;display:inline-block;margin-bottom:6px}.videoTitle{font-size:14px;font-weight:700;color:#111827;line-height:1.4;margin-bottom:3px}.videoHost{font-size:11px;color:#9ca3af;font-style:italic;margin-bottom:10px}.watchBtn{display:inline-block;padding:7px 18px;border-radius:8px;border:none;color:#fff;font-size:12px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:opacity .15s}.watchBtn:hover{opacity:.85}.articleCard{display:block;background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #f3f4f6;text-decoration:none;transition:transform .2s,box-shadow .2s}.articleCard:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.articleHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:6px}.articleSource{font-size:10px;font-weight:700;padding:3px 10px;border-radius:99px}.articleTime{font-size:11px;color:#9ca3af;font-weight:600}.articleCat{font-size:11px;font-weight:600;color:#9ca3af;display:block;margin-bottom:4px}.articleTitle{font-size:15px;font-weight:700;color:#111827;line-height:1.4;margin-bottom:6px}.articleDesc{font-size:12px;color:#6b7280;line-height:1.6;margin-bottom:10px}.articleRead{font-size:12px;font-weight:700}.exCard{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #f3f4f6;transition:transform .2s,box-shadow .2s}.exCard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.exTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.exEmoji{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.exCat{font-size:10px;font-weight:700;padding:3px 10px;border-radius:99px}.exTitle{font-size:15px;font-weight:700;color:#111827;margin-bottom:6px}.exDesc{font-size:12px;color:#6b7280;line-height:1.6;margin-bottom:10px}.exToggle{background:transparent;border:1.5px solid;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:opacity .15s}.exToggle:hover{opacity:.75}.exTips{margin-top:10px;border:1.5px solid;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:5px;list-style:none}.exTips li{font-size:12px;color:#374151;line-height:1.5;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.04)}.exTips li:last-child{border-bottom:none}.stuCard{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #f3f4f6;transition:transform .2s,box-shadow .2s}.stuCard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.stuTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stuEmoji{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.stuCat{font-size:10px;font-weight:700;padding:3px 10px;border-radius:99px}.stuTitle{font-size:15px;font-weight:700;color:#111827;margin-bottom:6px}.stuDesc{font-size:12px;color:#6b7280;line-height:1.6;margin-bottom:10px}.stuToggle{background:transparent;border:1.5px solid;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:opacity .15s}.stuToggle:hover{opacity:.75}.podCard{display:flex;gap:14px;background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #f3f4f6;transition:transform .2s,box-shadow .2s}.podCard:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.podIcon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.podBody{flex:1}.podCat{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;display:inline-block;margin-bottom:4px}.podTitle{font-size:14px;font-weight:700;color:#111827;margin-bottom:2px}.podHost{font-size:11px;color:#9ca3af;font-style:italic;margin-bottom:6px}.podDesc{font-size:12px;color:#6b7280;line-height:1.5;margin-bottom:10px}.podFooter{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.podEpisodes{font-size:11px;color:#9ca3af;font-weight:600}.podBtn{display:inline-block;padding:6px 14px;border-radius:99px;font-size:11px;font-weight:700;text-decoration:none;transition:opacity .15s,transform .15s}.podBtn:hover{opacity:.85;transform:scale(1.03)}.sugBack{margin-top:40px;text-align:center}.backBtn{background:transparent;border:1.5px solid #e5e7eb;color:#374151;padding:10px 24px;border-radius:10px;font-size:14px;cursor:pointer;font-family:Poppins,sans-serif;transition:border-color .15s,color .15s}@media(max-width:900px){.booksGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sugGrid,.videosGrid{grid-template-columns:1fr}.booksGrid{grid-template-columns:repeat(2,1fr)}.sugHeroTitle{font-size:22px}.podCard{flex-direction:column}.podIcon{width:40px;height:40px;font-size:18px}.bookCoverWrap{height:140px}}@media(max-width:480px){.booksGrid{grid-template-columns:1fr}.bookCoverWrap{height:180px}}.goalPage{max-width:800px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.goalHeader{text-align:center;margin-bottom:30px}.goalHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.goalHeader p{font-size:14px;color:#6b7280;margin-bottom:16px}.goalProgress{max-width:400px;margin:0 auto}.progressBar{width:100%;height:10px;background:#e0e7ff;border-radius:99px;overflow:hidden;margin-bottom:8px}.progressFill{height:100%;background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:99px;transition:width .4s ease}.progressText{font-size:13px;color:#6b7280;font-weight:500}.goalForm{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:30px}.goalForm h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.formGroup input{padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;outline:none;transition:.15s;background:#fff;width:100%}.formGroup select{padding:10px 40px 10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;outline:none;transition:.15s;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;appearance:none;-webkit-appearance:none;cursor:pointer;width:100%;color:#374151}.formGroup input:focus,.formGroup select:focus{border-color:#4f46e5}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.goalsList{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.goalsListHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.goalsListHeader h2{font-size:18px;font-weight:600;color:#111827}.filterBtns{display:flex;gap:8px;flex-wrap:wrap}.filterBtn{padding:6px 14px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;color:#6b7280;font-size:12px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.filterBtn:hover{border-color:#4f46e5;color:#4f46e5}.filterBtn.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.goalCard{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:12px;background:#f9fafb;margin-bottom:12px;border:1.5px solid #f3f4f6;transition:.15s}.goalCard:hover{border-color:#e0e7ff}.goalCard.completed{background:#f0fdf4;border-color:#bbf7d0;opacity:.85}.checkBtn{width:28px;height:28px;border-radius:50%;border:2.5px solid #9ca3af;background:#fff;cursor:pointer;font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;margin-top:2px;box-shadow:none;outline:none;appearance:none;-webkit-appearance:none}.checkBtn:hover{border-color:#4f46e5;background:#eef2ff}.checkBtn.checked{background:#22c55e;border-color:#22c55e;color:#fff}.goalCardContent{flex:1}.goalTitle{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px}.goalTitle.strikethrough{text-decoration:line-through;color:#9ca3af}.goalDescription{font-size:13px;color:#6b7280;margin-bottom:8px;line-height:1.5}.goalMeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.goalCategory{font-size:11px;font-weight:600;background:#eef2ff;color:#4f46e5;padding:3px 10px;border-radius:99px}.goalDate{font-size:11px;color:#6b7280}.goalCompleted{font-size:11px;color:#16a34a;font-weight:600}.deleteBtn{background:transparent;border:none;cursor:pointer;font-size:16px;padding:4px;opacity:.5;transition:.15s;flex-shrink:0}.loadingText,.emptyText{text-align:center;color:#6b7280;font-size:14px;padding:30px 0}@media(max-width:600px){.formRow{grid-template-columns:1fr}.goalsListHeader{flex-direction:column;align-items:flex-start}}.challengesPage{max-width:900px;margin:0 auto;padding:24px 16px 80px;font-family:Poppins,sans-serif}.challengesHeader{text-align:center;margin-bottom:24px}.challengesHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:6px}.challengesHeader p{font-size:14px;color:#6b7280;margin-bottom:16px}.challengeStatsRow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.challengeStat{background:#fff;border-radius:12px;padding:14px 10px;text-align:center;box-shadow:0 2px 8px #0000000d;border:1.5px solid #e0e7ff}.challengeStatValue{font-size:16px;font-weight:800;margin-bottom:3px}.challengeStatLabel{font-size:10px;color:#9ca3af;font-weight:600}.challengeSaving{font-size:12px;color:#4f46e5;font-weight:600}.categoryFilter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;justify-content:center}.categoryBtn{padding:8px 18px;border-radius:10px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:all .15s ease}.categoryBtn:hover{border-color:#4f46e5;color:#4f46e5;background:#eef2ff}.categoryBtn.active{background:#4f46e5;color:#fff;border-color:#4f46e5;box-shadow:0 3px 10px #4f46e54d}.challengesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px}.challengeCard{background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0000000d;border:2px solid #f3f4f6;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.challengeCard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a;border-color:#e0e7ff}.challengeCard.completed{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.challengeTop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.challengeEmoji{font-size:28px}.challengeTopRight{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.challengePoints{background:#eef2ff;color:#4f46e5;font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px}.challengeCheck{background:#22c55e;color:#fff;font-size:11px;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.challengeTitle{font-size:13px;font-weight:700;color:#111827;margin-bottom:5px;line-height:1.3}.challengeDesc{font-size:11px;color:#6b7280;line-height:1.5;margin-bottom:10px}.challengeFooter{display:flex;justify-content:space-between;align-items:center}.challengeCategory{font-size:10px;font-weight:700;color:#9ca3af;background:#f3f4f6;padding:2px 8px;border-radius:99px}.challengeDone{font-size:11px;font-weight:700;color:#16a34a}.challengeHistorySection{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:24px}.challengeHistoryHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.challengeHistoryHeader h2{font-size:17px;font-weight:700;color:#111827}.historyToggleBtn{background:#eef2ff;color:#4f46e5;border:none;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;min-height:unset;transition:.15s}.historyToggleBtn:hover{background:#e0e7ff}.bestDayCard{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #fde68a;border-radius:12px;padding:14px 16px;margin-bottom:14px;display:flex;align-items:center;gap:16px}.bestDayTitle{font-size:13px;font-weight:700;color:#92400e}.bestDayDate{font-size:12px;color:#78350f;flex:1}.bestDayPoints{font-size:16px;font-weight:800;color:#d97706}.historyCard{background:#f9fafb;border-radius:12px;padding:14px;border:1px solid #f3f4f6}.historyCardTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.historyDate{font-size:13px;font-weight:700;color:#374151}.historyPoints{font-size:14px;font-weight:800;color:#f59e0b}.historyChips{display:flex;flex-wrap:wrap;gap:6px}.historyChip{background:#eef2ff;color:#4f46e5;font-size:11px;font-weight:600;padding:4px 10px;border-radius:99px}.historyEmpty{text-align:center;color:#9ca3af;font-size:13px;padding:20px 0}@media(max-width:768px){.challengesGrid{grid-template-columns:repeat(2,1fr);gap:10px}.challengeStatsRow{grid-template-columns:repeat(2,1fr);gap:8px}.categoryFilter{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:none;padding-bottom:4px}.categoryFilter::-webkit-scrollbar{display:none}.categoryBtn{flex-shrink:0}.bestDayCard{flex-direction:column;text-align:center;gap:6px}}@media(max-width:400px){.challengesGrid{grid-template-columns:1fr}.challengeStatsRow{grid-template-columns:repeat(2,1fr)}}.selfcarePage{max-width:800px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.selfcareHeader{text-align:center;margin-bottom:24px}.selfcareHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.selfcareHeader p{font-size:14px;color:#6b7280}.selfcareProgress{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:24px}.progressInfo{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#374151;margin-bottom:10px}.progressBar{width:100%;height:8px;background:#e0e7ff;border-radius:99px;overflow:hidden}.progressFill{height:100%;background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:99px;transition:width .3s ease}.selfcareCategory{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 2px 12px #0000000d;border:1.5px solid #f3f4f6;margin-bottom:16px}.categoryHeader{display:flex;align-items:center;gap:12px;margin-bottom:16px}.categoryIcon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.categoryHeader h2{font-size:16px;font-weight:700;flex:1}.categoryCount{font-size:12px;color:#6b7280;font-weight:600;background:#f3f4f6;padding:3px 10px;border-radius:99px}.selfcareItems{display:flex;flex-direction:column;gap:8px}.selfcareItem{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:.15s;background:#f9fafb}.selfcareItem:hover{background:#f3f4f6}.selfcareItem.done{background:#f0fdf4}.checkCircle{width:24px;height:24px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;transition:.2s}.selfcareItem p{font-size:13px;color:#374151;font-weight:500;flex:1}.itemDone{text-decoration:line-through;color:#9ca3af!important}.allDoneMsg{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:16px;padding:20px;text-align:center;font-size:16px;font-weight:700;margin-bottom:24px}@media(max-width:600px){.selfcareCategory{padding:16px}}.reflection{min-height:100vh;background:linear-gradient(135deg,#e0f2fe,#ede9fe);padding:40px;background-size:cover;background-position:center;font-family:Poppins,sans-serif}.overlay{background:#ffffffe6;min-height:100vh;padding:50px;text-align:center}h1{font-size:40px;color:#1f2937;margin-bottom:10px}.subtitle{color:#555;margin-bottom:40px;font-size:18px}.panels{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:900px;margin:auto auto 40px}.panel{background:#fff;padding:25px;border-radius:18px;box-shadow:0 12px 30px #0000001a}.panel textarea{width:100%;height:120px;border-radius:10px;border:1px solid #ddd;padding:10px;margin-top:10px;font-size:14px}.happy{border-top:5px solid #22c55e}.sad{border-top:5px solid #3b82f6}.coping{max-width:700px;margin:auto auto 40px;background:#fff;padding:25px;border-radius:18px;box-shadow:0 10px 25px #0000001a}.coping textarea{width:100%;height:120px;border-radius:10px;border:1px solid #ddd;padding:10px;margin-top:10px}.navBtn{background:#6366f1;color:#fff;border:none;padding:12px 26px;border-radius:8px;cursor:pointer}.navBtn:hover{background:#4f46e5}.journalHistory{margin-top:40px;width:100%}.journalHistory h2{font-size:20px;font-weight:600;color:#111827;margin-bottom:20px}.journalEntry{background:#fff;border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:0 2px 12px #0000000f;border-left:4px solid #6366f1}.journalEntryHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.journalDate{font-size:13px;font-weight:600;color:#6366f1}.deleteBtn{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:5px 12px;border-radius:8px;font-size:12px;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.journalEntry p{font-size:14px;color:#374151;line-height:1.6;margin-bottom:8px}.cognitivePage{max-width:900px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.cognitiveHeader{text-align:center;margin-bottom:30px}.cognitiveHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.cognitiveHeader p{font-size:14px;color:#6b7280;max-width:500px;margin:0 auto;line-height:1.6}.distortionsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px}.distortionCard{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 8px #0000000d;border:1.5px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.distortionCard:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.distortionCard.selected{box-shadow:0 4px 16px #0000001f;transform:translateY(-1px);border-width:2px}.distortionTop{display:flex;align-items:center;gap:12px;margin-bottom:8px}.distortionEmoji{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.distortionName{font-size:14px;font-weight:700}.distortionDesc{font-size:12px;color:#6b7280;line-height:1.5}.distortionDetail{margin-top:14px;padding-top:14px;border-top:1px solid #f3f4f6}.distortionExample{background:#fef2f2;border-radius:10px;padding:12px;margin-bottom:10px}.exampleLabel{font-size:11px;font-weight:700;color:#dc2626;margin-bottom:4px}.exampleText{font-size:13px;color:#374151;font-style:italic;line-height:1.5}.distortionReframe{background:#f0fdf4;border-radius:10px;padding:12px}.reframeLabel{font-size:11px;font-weight:700;color:#16a34a;margin-bottom:4px}.reframeText{font-size:13px;color:#374151;line-height:1.5}.cognitiveJournal{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:24px}.cognitiveJournal h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.saveBtn{color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s;width:100%}.saveBtn:disabled{opacity:.4;cursor:not-allowed}.successText{color:#22c55e;font-size:14px;font-weight:600;text-align:center;padding:12px}@media(max-width:600px){.distortionsGrid{grid-template-columns:1fr}}.comboPage{max-width:800px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.comboHeader{text-align:center;margin-bottom:28px}.comboHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.comboHeader p{font-size:14px;color:#6b7280;margin-bottom:12px}.refreshBtn{background:#eef2ff;color:#4f46e5;border:1.5px solid #e0e7ff;padding:8px 18px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.refreshBtn:hover{background:#e0e7ff}.comboLoading{text-align:center;padding:60px;color:#6b7280;font-size:14px}.scoreCard{border-radius:20px;padding:28px;border:2px solid;margin-bottom:24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.scoreCircleLarge{width:110px;height:110px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.scoreNumberLarge{font-size:42px;font-weight:900;line-height:1}.scoreOutOf{font-size:13px;color:#6b7280;font-weight:600}.scoreDetails{flex:1}.scoreDayLabel{font-size:24px;font-weight:800;margin-bottom:6px}.scoreDayMsg{font-size:14px;color:#374151;margin-bottom:12px;line-height:1.5}.scoreNotifBox{border:1.5px solid;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;background:#fff}.noScoreMsg{text-align:center;padding:20px;width:100%}.noScoreMsg p:first-child{font-size:20px;margin-bottom:8px}.noScoreMsg p:last-child{font-size:13px;color:#6b7280}.trackerSummary{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:20px}.trackerSummary h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:16px}.summaryGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.summaryCard{border-radius:14px;padding:16px;border:1.5px solid #f3f4f6;background:#f9fafb;transition:.15s}.summaryCard.logged{background:#fff;border-color:#e0e7ff}.summaryCardHeader{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.summaryIcon{font-size:18px}.summaryTitle{font-size:13px;font-weight:700;color:#374151;flex:1}.loggedBadge{font-size:10px;font-weight:700;color:#16a34a;background:#f0fdf4;padding:2px 8px;border-radius:99px}.notLoggedBadge{font-size:10px;font-weight:600;color:#9ca3af;background:#f3f4f6;padding:2px 8px;border-radius:99px}.summaryData{display:flex;flex-direction:column;gap:4px}.summaryValue{font-size:15px;font-weight:700;color:#111827}.summaryNote{font-size:11px;color:#6b7280;font-style:italic}.logNowLink{font-size:12px;font-weight:700;color:#4f46e5;text-decoration:none;display:inline-block;margin-top:4px}.logNowLink:hover{text-decoration:underline}.completionCard{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:24px}.completionHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.completionTitle{font-size:14px;font-weight:600;color:#374151}.completionCount{font-size:14px;font-weight:700;color:#4f46e5}.completionBar{width:100%;height:8px;background:#e0e7ff;border-radius:99px;overflow:hidden;margin-bottom:8px}.completionFill{height:100%;background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:99px;transition:width .4s ease}.completionMsg{font-size:12px;color:#6b7280}@media(max-width:600px){.scoreCard{flex-direction:column;text-align:center}.summaryGrid{grid-template-columns:1fr}}.anxietyPage{max-width:800px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.anxietyHeader{text-align:center;margin-bottom:30px}.anxietyHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.anxietyHeader p{font-size:14px;color:#6b7280}.anxietyStats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.anxietyStatCard{background:#fff;border-radius:14px;padding:20px;text-align:center;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.anxietyStatValue{font-size:22px;font-weight:700;color:#4f46e5;margin-bottom:4px}.anxietyStatLabel{font-size:12px;color:#6b7280;font-weight:500}.anxietyForm{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:30px}.anxietyForm h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:24px}.anxietySlider{width:100%;height:6px;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(to right,#22c55e,#f59e0b,#ef4444);-webkit-appearance:none;appearance:none}.anxietySlider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--thumb-color, #4f46e5);cursor:pointer;border:3px solid white;box-shadow:0 2px 8px #0003;transition:background .2s}.supportLink{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:#dc2626;text-decoration:none}.supportLink:hover{text-decoration:underline}.tagSection{margin-bottom:20px}.tagSection label{font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:10px}.tagGrid{display:flex;flex-wrap:wrap;gap:8px}.tagBtn{padding:7px 14px;border-radius:99px;border:1.5px solid #e5e7eb;background:#fff;color:#6b7280;font-size:12px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.tagBtn:hover{border-color:#4f46e5;color:#4f46e5}.tagBtn.selected{background:#4f46e5;color:#fff;border-color:#4f46e5}.symptomBtn.selected{background:#f59e0b;border-color:#f59e0b;color:#fff}.copingBtn.selected{background:#22c55e;border-color:#22c55e;color:#fff}.anxietyHistory{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.anxietyHistory h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.anxietyList{display:flex;flex-direction:column;gap:12px}.anxietyCard{display:flex;gap:16px;padding:16px;border-radius:12px;border-left:4px solid #4f46e5;align-items:flex-start}.anxietyCardLeft{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:55px}.anxietyLevel{font-size:20px;font-weight:700;line-height:1}.anxietyLevelLabel{font-size:10px;font-weight:600;text-align:center;margin-top:2px}.anxietyCardRight{flex:1}.tagRow{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:6px}.tagRowLabel{font-size:11px;color:#6b7280;font-weight:600}.triggerTag{background:#eef2ff;color:#4f46e5;font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px}.symptomTag{background:#fffbeb;color:#d97706;font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px}.copingText{font-size:12px;color:#374151;margin-bottom:4px}.anxietyNotes{font-size:12px;color:#6b7280;font-style:italic;margin-bottom:4px}.anxietyDate{font-size:11px;color:#9ca3af}.deleteBtn{background:transparent;border:none;cursor:pointer;font-size:16px;opacity:.4;transition:.15s;flex-shrink:0}@media(max-width:600px){.anxietyStats{grid-template-columns:1fr 1fr}.levelNumber{font-size:36px}.anxietyCard{flex-wrap:wrap}}.progressMsg{border:1.5px solid;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:600;margin-bottom:20px;background:#fff}.crisisAlert{background:#fef2f2;border:2px solid #fecaca;border-radius:16px;padding:20px 24px;margin-bottom:24px}.crisisTitle{font-size:15px;font-weight:700;color:#dc2626;margin-bottom:14px;text-align:center}.crisisNumbers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.crisisNumber{background:#fff;border-radius:10px;padding:12px;text-align:center;border:1px solid #fecaca}.crisisOrg{font-size:11px;color:#6b7280;font-weight:600;margin-bottom:4px}.crisisPhone{font-size:14px;font-weight:700;color:#dc2626;text-decoration:none;display:block}.crisisPhone:hover{text-decoration:underline}.crisisNote{font-size:11px;color:#9ca3af;text-align:center}.breathingCard{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:24px;text-align:center}.breathingTitle{font-size:18px;font-weight:700;color:#111827;margin-bottom:24px}.breathCircleWrapper{display:flex;justify-content:center;align-items:center;height:180px;margin-bottom:20px}.breathCircle{width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform 1s ease,background .5s ease,box-shadow .5s ease}.breathPhaseLabel{font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}.breathSeconds{font-size:13px;color:#ffffffd9;font-weight:600}.breathCycles{font-size:13px;color:#6b7280;margin-bottom:16px}.stopBreathBtn{background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.stopBreathBtn:hover{background:#fee2e2}.breathingBtn{margin-top:10px;background:transparent;border:1.5px solid;padding:8px 16px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s;display:block}.breathingBtn:hover{opacity:.8}@media(max-width:600px){.crisisNumbers{grid-template-columns:1fr}}.moodPage{min-height:100vh;background:linear-gradient(135deg,#fff7ed,#dbeafe);font-family:Poppins,sans-serif;text-align:center;padding:40px}.subtitle{color:#555;margin-bottom:35px;font-size:18px}.moodGrid{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-bottom:30px}.moodCard{width:130px;height:130px;background:#fff;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 25px #0000001a;cursor:pointer;transition:.3s;border:3px solid transparent}.moodCard:hover{transform:translateY(-6px)}.emoji{font-size:42px;margin-bottom:8px}.moodCard p{font-weight:500}.active{transform:scale(1.05)}.selected{margin-top:20px;font-size:18px}.saveBtn{margin-top:10px;background:#6366f1;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer}.saveBtn:hover{background:#4f46e5}.result{margin-top:25px;font-size:18px;color:#333}.nav{margin-top:35px}.backBtn{background:#6366f1;color:#fff;border:none;padding:12px 25px;border-radius:10px;cursor:pointer}.backBtn:hover{background:#f5f5f5}.noteSection{margin:16px 0}.noteSection textarea{width:100%;padding:12px;border:1.5px solid #e5e7eb;border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;resize:vertical;min-height:80px;outline:none}.noteSection textarea:focus{border-color:#6366f1}.historySection{margin-top:32px}.historySection h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:16px}.historyList{display:flex;flex-direction:column;gap:10px}.historyItem{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px #0000000f;border-left:4px solid #6366f1}.historyEmoji{font-size:28px;flex-shrink:0}.historyInfo{flex:1}.historyMood{font-size:15px;font-weight:600;color:#111827;margin-bottom:2px}.historyNote{font-size:13px;color:#6b7280;margin-bottom:4px;line-height:1.5}.historyDate{font-size:11px;color:#9ca3af}.gratitudePage{max-width:800px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.gratitudeHeader{text-align:center;margin-bottom:30px}.gratitudeHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.gratitudeHeader p{font-size:14px;color:#6b7280}.gratitudeForm{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:30px}.gratitudeForm h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.itemsList{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.itemRow{display:flex;align-items:center;gap:10px}.itemNumber{width:28px;height:28px;background:#eef2ff;color:#4f46e5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.itemRow input{flex:1;padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;outline:none;transition:.15s}.itemRow input:focus{border-color:#4f46e5}.removeBtn{width:28px;height:28px;background:#fef2f2;color:#dc2626;border:none;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.15s}.removeBtn:hover{background:#fee2e2}.addItemBtn{background:transparent;border:1.5px dashed #4f46e5;color:#4f46e5;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;margin-bottom:20px;transition:.15s}.addItemBtn:hover{background:#eef2ff}.gratitudeHistory{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.gratitudeHistory h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.gratitudeCard{background:#f9fafb;border-radius:12px;padding:18px;margin-bottom:14px;border-left:4px solid #4f46e5}.gratitudeCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gratitudeDate{font-size:13px;font-weight:600;color:#4f46e5}.deleteBtn{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:4px 10px;border-radius:8px;font-size:12px;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.deleteBtn:hover{background:#fee2e2}.gratitudeItems{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:6px}.gratitudeItems li{display:flex;align-items:center;gap:8px;font-size:14px;color:#111827}.gratitudeIcon{font-size:16px;flex-shrink:0}.gratitudeMood{font-size:13px;color:#4f46e5;font-weight:600;margin-top:8px}.gratitudeNote{font-size:13px;color:#6b7280;font-style:italic;margin-top:4px}@media(max-width:600px){.itemRow input{font-size:13px}}.selfcongratPage{max-width:800px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.selfcongratHeader{text-align:center;margin-bottom:24px}.selfcongratHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.selfcongratHeader p{font-size:14px;color:#6b7280}.promptsSection{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 2px 8px #0000000d;border:1.5px solid #e0e7ff;margin-bottom:20px}.promptsTitle{font-size:13px;font-weight:600;color:#6b7280;margin-bottom:12px}.promptsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.promptBtn{background:#f8f7ff;border:1.5px solid #e0e7ff;color:#4f46e5;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:500;cursor:pointer;font-family:Poppins,sans-serif;text-align:left;transition:.15s;line-height:1.4}.promptBtn:hover{background:#eef2ff;border-color:#4f46e5}.selfcongratForm{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:24px}.selfcongratForm h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:16px}.categorySelect{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.catBtn{padding:6px 14px;border-radius:99px;border:1.5px solid #e5e7eb;background:#fff;font-size:12px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.congratTextarea{width:100%;padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:14px;font-family:Poppins,sans-serif;outline:none;resize:vertical;line-height:1.6;margin-bottom:12px;transition:.15s}.congratTextarea:focus{border-color:#4f46e5}.saveBtn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s;width:100%}.saveBtn:hover{transform:scale(1.01);box-shadow:0 4px 14px #4f46e54d}.successText{color:#22c55e;font-size:14px;font-weight:700;margin-bottom:8px;text-align:center}.congratsHistory{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.congratsHistory h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.congratsList{display:flex;flex-direction:column;gap:12px}.congratCard{background:#f9fafb;border-radius:12px;padding:16px;border-left:4px solid #4f46e5}.congratCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.congratMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.congratEmoji{font-size:18px}.congratCategory{font-size:11px;font-weight:700;padding:2px 10px;border-radius:99px}.congratDate{font-size:11px;color:#9ca3af}.congratText{font-size:14px;color:#374151;line-height:1.6}@media(max-width:600px){.promptsGrid{grid-template-columns:1fr}}.sleepPage{max-width:800px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.sleepHeader{text-align:center;margin-bottom:30px}.sleepHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.sleepHeader p{font-size:14px;color:#6b7280}.sleepStats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.statCard{background:#fff;border-radius:14px;padding:20px;text-align:center;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.statValue{font-size:26px;font-weight:700;color:#4f46e5;margin-bottom:4px}.statLabel{font-size:12px;color:#6b7280;font-weight:500}.sleepForm{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:30px}.sleepForm h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.formRow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.qualitySection{margin-bottom:20px}.qualitySection label{font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:10px}.qualityGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.qualityCard{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:12px;border:2px solid #e5e7eb;cursor:pointer;transition:.15s}.qualityCard:hover,.qualityCard.selected{transform:translateY(-2px)}.qualityEmoji{font-size:24px}.qualityLabel{font-size:12px;font-weight:600;color:#374151}.saveBtn{background:#4f46e5;color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s;width:100%;margin-top:8px}.sleepHistory{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.sleepHistory h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.historyList{display:flex;flex-direction:column;gap:12px}.sleepCard{display:flex;gap:16px;padding:16px;border-radius:12px;background:#f9fafb;border-left:4px solid #4f46e5}.sleepCardLeft{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px}.sleepHours{font-size:22px;font-weight:700;color:#4f46e5}.sleepQuality{font-size:11px;font-weight:600;color:#6b7280;text-align:center}.sleepCardRight{flex:1}.sleepTime{font-size:13px;color:#374151;margin-bottom:3px}.sleepNotes{font-size:13px;color:#6b7280;margin-bottom:4px;font-style:italic}.sleepDate{font-size:11px;color:#9ca3af;margin-top:4px}@media(max-width:600px){.formRow{grid-template-columns:1fr}.qualityGrid{grid-template-columns:repeat(2,1fr)}.sleepStats{grid-template-columns:1fr}}.sleepTimeRow{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:12px}.timeGroup{display:flex;flex-direction:column;gap:6px;flex:1;min-width:120px}.timeGroup label{font-size:12px;font-weight:600;color:#374151}.timeInput{padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;outline:none;transition:.15s;width:100%}.timeInput:focus{border-color:#4f46e5}.timeArrow{font-size:20px;color:#9ca3af;padding-bottom:8px;flex-shrink:0}.sleepResult{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px}.sleepResult label{font-size:11px;font-weight:600;color:#6b7280}.sleepResultValue{font-size:24px;font-weight:800;transition:color .2s}.sleepAutoMsg{border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:16px}@media(max-width:500px){.sleepTimeRow{flex-direction:column}.timeArrow{transform:rotate(90deg);align-self:center}}.improvementPage{max-width:900px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.improvementHeader{text-align:center;margin-bottom:30px}.improvementHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.improvementHeader p{font-size:14px;color:#6b7280}.improvementStats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.improvementStatCard{background:#fff;border-radius:14px;padding:18px;text-align:center;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.improvementStatValue{font-size:24px;font-weight:700;margin-bottom:4px}.improvementStatLabel{font-size:12px;color:#374151;font-weight:600;margin-bottom:2px}.improvementStatSub{font-size:10px;color:#9ca3af}.chartCard{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:24px}.chartHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.chartHeader h2{font-size:18px;font-weight:600;color:#111827}.chartToggles{display:flex;flex-wrap:wrap;gap:8px}.toggleBtn{padding:5px 12px;border-radius:99px;border:1.5px solid #e5e7eb;background:#fff;font-size:11px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.chartLoading,.chartEmpty{text-align:center;padding:40px 20px;color:#6b7280}.chartEmpty p:first-child{font-size:20px;margin-bottom:8px}.chartEmpty p:last-of-type{font-size:13px;margin-bottom:16px}.chartEmptyLinks{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.chartEmptyLinks a{color:#4f46e5;font-size:13px;font-weight:600;text-decoration:none;padding:6px 14px;border:1.5px solid #e0e7ff;border-radius:99px;transition:.15s}.chartEmptyLinks a:hover{background:#eef2ff}.insightsCard{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:24px}.insightsCard h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:16px}.insightsList{display:flex;flex-direction:column;gap:10px}.insightItem{padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500;line-height:1.5}.insightItem.good{background:#f0fdf4;color:#15803d;border-left:3px solid #22c55e}.insightItem.bad{background:#fef2f2;color:#dc2626;border-left:3px solid #ef4444}.insightItem.neutral{background:#f8f7ff;color:#4f46e5;border-left:3px solid #4f46e5}@media(max-width:768px){.improvementStats{grid-template-columns:repeat(2,1fr)}.chartHeader{flex-direction:column}.chartToggles{width:100%}}@media(max-width:400px){.improvementStats{grid-template-columns:1fr 1fr}}.quizCard{background:#fff;border-radius:18px;padding:24px;box-shadow:0 4px 20px #00000014;border:1.5px solid #e0e7ff;margin-bottom:24px}.quizProgress{margin-bottom:20px}.quizProgressBar{width:100%;height:6px;background:#e0e7ff;border-radius:99px;overflow:hidden;margin-bottom:8px}.quizProgressFill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:99px;transition:width .4s ease}.quizProgressText{font-size:12px;color:#9ca3af;font-weight:600;text-align:right;font-family:Poppins,sans-serif}.quizQuestion{font-size:17px;font-weight:700;color:#111827;line-height:1.5;margin-bottom:20px;font-family:Poppins,sans-serif}.quizOptions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.quizOption{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;font-family:Poppins,sans-serif;transition:all .15s ease;text-align:left;width:100%;min-height:52px}.quizOption:hover{border-color:#4f46e5;background:#f8f7ff;transform:translate(2px)}.quizOption.selected{border-color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#f5f3ff);box-shadow:0 2px 8px #4f46e526}.quizOptionDot{width:20px;height:20px;border-radius:50%;border:2.5px solid #d1d5db;flex-shrink:0;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.quizOption.selected .quizOptionDot{border-color:#4f46e5;background:#4f46e5}.quizOption.selected .quizOptionDot:after{content:"✓";color:#fff;font-size:11px;font-weight:800}.quizOptionText{font-size:14px;font-weight:500;color:#374151;line-height:1.4}.quizOption.selected .quizOptionText{color:#4f46e5;font-weight:600}.quizNav{display:flex;justify-content:flex-end;gap:10px}.quizPrevBtn{background:#f3f4f6;color:#374151;border:none;padding:11px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s;min-height:unset}.quizPrevBtn:hover{background:#e5e7eb}.quizNextBtn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:11px 24px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:all .15s ease;min-height:unset}.quizNextBtn:hover{opacity:.9;transform:scale(1.02)}.quizNextBtn:disabled{opacity:.4;cursor:not-allowed;transform:none}.quizResultCard{background:#fff;border-radius:18px;padding:24px;box-shadow:0 4px 20px #00000014;border:2px solid;margin-bottom:24px}.quizResultTop{display:flex;align-items:center;gap:20px;margin-bottom:20px}.quizResultCircle{width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.quizResultEmoji{font-size:26px;margin-bottom:2px}.quizResultScore{font-size:22px;font-weight:900;line-height:1;font-family:Poppins,sans-serif}.quizResultInfo{flex:1}.quizResultLabel{font-size:20px;font-weight:800;margin-bottom:4px;font-family:Poppins,sans-serif}.quizResultDesc{font-size:13px;color:#6b7280;margin-bottom:10px;font-family:Poppins,sans-serif}.retakeBtn{background:#f3f4f6;color:#374151;border:none;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s;min-height:unset}.retakeBtn:hover{background:#e5e7eb}.anxietyTipsBox,.energyTipsSection{border-radius:12px;padding:14px 16px;margin-bottom:14px;border:1.5px solid}.tipsTitle{font-size:13px;font-weight:700;margin-bottom:10px;font-family:Poppins,sans-serif}.tipsList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.tipsList li{font-size:13px;color:#374151;line-height:1.5;font-family:Poppins,sans-serif;padding-left:4px}.crisisCallBtn{display:block;margin-top:12px;background:#dc2626;color:#fff;text-align:center;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;transition:.15s}.crisisCallBtn:hover{background:#b91c1c}.additionalSection{border-top:1.5px solid #f3f4f6;padding-top:20px;margin-top:4px}.additionalSection h3{font-size:15px;font-weight:700;color:#374151;margin-bottom:14px;font-family:Poppins,sans-serif}@media(max-width:600px){.quizCard,.quizResultCard{padding:16px}.quizQuestion{font-size:15px}.quizResultTop{flex-direction:column;text-align:center}.quizResultCircle{width:80px;height:80px}.quizResultLabel{font-size:18px}.quizNav{flex-direction:row}.quizNextBtn,.quizPrevBtn{flex:1}}.energyPage{max-width:800px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.energyHeader{text-align:center;margin-bottom:30px}.energyHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.energyHeader p{font-size:14px;color:#6b7280}.energyStats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.energyStatCard{background:#fff;border-radius:14px;padding:20px;text-align:center;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.energyStatValue{font-size:22px;font-weight:700;color:#4f46e5;margin-bottom:4px}.energyStatLabel{font-size:12px;color:#6b7280;font-weight:500}.energyForm{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:30px}.energyForm h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:24px}.levelSection{margin-bottom:24px}.levelDisplay{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.levelNumber{font-size:48px;font-weight:800;line-height:1;transition:color .2s}.levelLabel{font-size:16px;font-weight:600;transition:color .2s}.energySlider{width:100%;height:6px;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(to right,#ef4444,#f59e0b,#22c55e);-webkit-appearance:none;appearance:none}.energySlider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--thumb-color, #4f46e5);cursor:pointer;border:3px solid white;box-shadow:0 2px 8px #0003;transition:background .2s}.sliderLabels{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af;margin-top:6px}.moodSection{margin-bottom:20px}.moodSection label{font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:10px}.moodGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.moodCard{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:12px;border:2px solid #e5e7eb;cursor:pointer;transition:.15s}.moodCard:hover{transform:translateY(-2px);border-color:#6366f1;background:#f5f3ff}.moodCard.selected{transform:translateY(-2px);border-color:#4f46e5;background:#eef2ff;box-shadow:0 4px 12px #4f46e52e}.moodEmoji{font-size:22px}.moodLabel{font-size:11px;font-weight:600;color:#374151;text-align:center}.activitiesSection{margin-bottom:20px}.activitiesSection label{font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:10px}.activitiesGrid{display:flex;flex-wrap:wrap;gap:8px}.activityBtn{padding:7px 14px;border-radius:99px;border:1.5px solid #e5e7eb;background:#fff;color:#6b7280;font-size:12px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.activityBtn:hover{border-color:#4f46e5;color:#4f46e5}.activityBtn.selected{background:#4f46e5;color:#fff;border-color:#4f46e5}.formGroup textarea{padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;outline:none;resize:vertical;min-height:80px;transition:.15s}.saveBtn{background:#4f46e5;color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s;width:100%;margin-top:4px}.energyHistory{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.energyHistory h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.energyList{display:flex;flex-direction:column;gap:12px}.energyCard{display:flex;gap:16px;padding:16px;border-radius:12px;background:#f9fafb;border-left:4px solid #4f46e5}.energyCardLeft{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px}.energyLevel{font-size:20px;font-weight:700}.energyMood{font-size:11px;color:#6b7280;font-weight:600;text-align:center}.energyCardRight{flex:1}.energyActivities{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.activityTag{background:#eef2ff;color:#4f46e5;font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px}.energyNotes{font-size:13px;color:#6b7280;font-style:italic;margin-bottom:4px}.energyDate{font-size:11px;color:#9ca3af}@media(max-width:600px){.energyStats{grid-template-columns:1fr 1fr}.moodGrid{grid-template-columns:repeat(3,1fr)}.levelNumber{font-size:36px}}@media(max-width:400px){.moodGrid{grid-template-columns:repeat(2,1fr)}}.tipsBox{border-radius:12px;padding:14px 16px;margin-bottom:20px}.tipsTitle{font-size:13px;font-weight:700;margin-bottom:8px}.tipsList{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.tipsList li{font-size:12px;line-height:1.5}.timeSection{margin-bottom:20px}.timeSection label{font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:10px}.timeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.timeBtn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;font-size:12px;font-weight:600;color:#374151;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.timeBtn span:first-child{font-size:18px}.timeBtn:hover{border-color:#4f46e5;color:#4f46e5}.timeBtn.selected{background:#4f46e5;color:#fff;border-color:#4f46e5}.energyTime{font-size:10px;color:#9ca3af;font-weight:600;text-align:center;margin-top:2px}.deleteBtn{background:transparent;border:none;cursor:pointer;font-size:16px;opacity:.4;transition:.15s;flex-shrink:0;align-self:flex-start}.ragePage{max-width:800px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.rageHeader{text-align:center;margin-bottom:30px}.rageHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.rageHeader p{font-size:14px;color:#6b7280}.intensitySection{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #fee2e2;margin-bottom:24px}.intensitySection h2{font-size:16px;font-weight:600;color:#111827;margin-bottom:16px}.rageSlider{width:100%;height:6px;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(to right,#fde68a,#f97316,#ef4444);-webkit-appearance:none;appearance:none;margin-bottom:8px}.rageSlider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#ef4444;cursor:pointer;border:3px solid white;box-shadow:0 2px 8px #0003}.sliderLabels{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af}.rageForm{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #fee2e2;margin-bottom:24px}.rageForm h2{font-size:16px;font-weight:600;color:#111827;margin-bottom:16px}.rageTextarea{width:100%;min-height:200px;padding:14px;border:1.5px solid #fecaca;border-radius:12px;font-size:14px;font-family:Poppins,sans-serif;outline:none;resize:vertical;line-height:1.6;color:#111827;margin-bottom:16px;transition:.15s}.rageTextarea:focus{border-color:#ef4444}.releaseBtn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;width:100%;transition:.15s}.releaseBtn:hover{transform:scale(1.01);box-shadow:0 4px 14px #ef444466}.releaseBtn:disabled{opacity:.4;cursor:not-allowed;transform:none}.releasedMsg{background:#f0fdf4;color:#16a34a;border:1.5px solid #bbf7d0;padding:14px;border-radius:12px;font-size:15px;font-weight:600;text-align:center}.rageTips{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.rageTips h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:16px}.rageTipsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.rageTipCard{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;font-size:13px;color:#374151;font-weight:500}@media(max-width:600px){.rageTipsGrid{grid-template-columns:1fr}}.therapyPage{max-width:800px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.therapyHeader{text-align:center;margin-bottom:28px}.therapyHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.therapyHeader p{font-size:14px;color:#6b7280;margin-bottom:10px}.therapyPrivacyBadge{display:inline-block;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;padding:6px 14px;border-radius:99px;font-size:12px;font-weight:600}.therapyForm{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:24px}.therapyForm h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.formGroup input{padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;outline:none;transition:.15s}.formGroup input:focus{border-color:#4f46e5}.categoryDropdown{width:100%;padding:11px 44px 11px 16px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;color:#fff;background-color:#4f46e5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;border:none;border-radius:12px;appearance:none;-webkit-appearance:none;cursor:pointer;box-shadow:0 4px 14px #4f46e54d;outline:none;transition:background-color .18s,box-shadow .18s}.categoryDropdown:hover{background-color:#4338ca;box-shadow:0 6px 18px #4f46e56b}.categoryDropdown:focus{background-color:#4338ca;box-shadow:0 0 0 3px #6366f14d}.categoryDropdown option{background:#fff;color:#374151;font-weight:500;font-size:14px}.categoryDropdown option:checked{background:#4f46e5;color:#fff}.saveBtn:disabled{opacity:.6;cursor:not-allowed}.therapyNotesList{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.therapyNotesList h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.therapyNoteCard{background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid #f3f4f6}.therapyNoteHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.therapyNoteMeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.therapyNoteCategory{font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px}.therapyNoteDate{font-size:11px;color:#9ca3af}.therapyNoteActions{display:flex;gap:8px}.expandBtn{background:#eef2ff;color:#4f46e5;border:none;width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:12px;transition:.15s}.expandBtn:hover{background:#e0e7ff}.deleteBtn{background:transparent;border:none;cursor:pointer;font-size:16px;opacity:.5;transition:.15s}.therapyNoteTitle{font-size:15px;font-weight:600;color:#111827;padding-left:10px;margin-bottom:0}.therapyNoteContent{font-size:13px;color:#374151;line-height:1.7;margin-top:12px;white-space:pre-wrap;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.loadingText,.emptyText{text-align:center;color:#6b7280;font-size:14px;padding:20px 0}.reviewsPage{max-width:800px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.reviewsHeader{text-align:center;margin-bottom:24px}.reviewsHeader h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.reviewsHeader p{font-size:14px;color:#6b7280}.reviewTabs{display:flex;gap:12px;margin-bottom:24px;justify-content:center}.reviewTab{padding:10px 24px;border-radius:12px;border:1.5px solid #e5e7eb;background:#fff;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.reviewTab:hover{border-color:#4f46e5;color:#4f46e5}.reviewTab.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.reviewForm{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:24px}.reviewForm h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.ratingSection{margin-bottom:20px}.ratingSection label{font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:8px}.ratingSlider{width:100%;height:6px;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(to right,#ef4444,#f59e0b,#22c55e);-webkit-appearance:none;appearance:none}.ratingSlider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#4f46e5;cursor:pointer;border:3px solid white;box-shadow:0 2px 8px #0003}.formGroup{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.formGroup label{font-size:13px;font-weight:600;color:#374151}.formGroup textarea{padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;outline:none;resize:vertical;line-height:1.6;transition:.15s}.formGroup textarea:focus{border-color:#4f46e5}.saveBtn{background:#4f46e5;color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s;width:100%}.saveBtn:hover{background:#4338ca}.errorText{color:#ef4444;font-size:13px;margin-bottom:8px}.successText{color:#22c55e;font-size:13px;font-weight:600;margin-bottom:8px}.reviewsHistory{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.reviewsHistory h2{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.reviewCard{background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:14px;border:1px solid #f3f4f6}.reviewCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.reviewCardMeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reviewType{font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px}.reviewType.weekly{background:#eef2ff;color:#4f46e5}.reviewType.monthly{background:#fef9c3;color:#ca8a04}.reviewRating{font-size:13px;font-weight:700}.reviewDate{font-size:11px;color:#9ca3af}.deleteBtn{background:transparent;border:none;cursor:pointer;font-size:15px;opacity:.4;transition:.15s}.deleteBtn:hover{opacity:1}.reviewCardBody{display:flex;flex-direction:column;gap:10px}.reviewField{background:#fff;border-radius:8px;padding:10px 12px;border:1px solid #f3f4f6}.reviewFieldLabel{font-size:11px;font-weight:700;color:#6b7280;margin-bottom:4px}.reviewFieldText{font-size:13px;color:#374151;line-height:1.5}.emptyText{text-align:center;color:#6b7280;font-size:14px;padding:20px 0}.navButtons{margin-top:30px;text-align:center}.supportPage{max-width:900px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.supportHero{text-align:center;margin-bottom:24px}.supportBadge{display:inline-block;background:#eef2ff;color:#4f46e5;border:1.5px solid #e0e7ff;padding:5px 16px;border-radius:99px;font-size:13px;font-weight:700;margin-bottom:12px}.supportHero h1{font-size:32px;font-weight:800;color:#111827;margin-bottom:10px}.supportSubtitle{font-size:15px;color:#6b7280;max-width:500px;margin:0 auto;line-height:1.7}.emergencyBanner{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:16px;padding:20px 24px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.emergencyTitle{font-size:16px;font-weight:700;color:#dc2626;margin-bottom:6px}.emergencyDesc{font-size:14px;color:#374151;line-height:1.5}.emergencyBtn{background:#dc2626;color:#fff;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;transition:.15s;flex-shrink:0}.emergencyBtn:hover{background:#b91c1c;transform:scale(1.02)}.supportSection{margin-bottom:36px}.supportSection h2{font-size:20px;font-weight:700;color:#111827;margin-bottom:4px}.sectionDesc{font-size:13px;color:#9ca3af;margin-bottom:16px}.helplineCard{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #0000000d;border:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;text-decoration:none;transition:.15s;gap:16px}.helplineCard:hover{transform:translate(4px);box-shadow:0 4px 16px #00000014}.helplineInfo{flex:1}.helplineName{font-size:14px;font-weight:700;color:#111827;margin-bottom:3px}.helplineDesc{font-size:12px;color:#9ca3af}.helplineRight{text-align:right;flex-shrink:0}.helplineNum{font-size:16px;font-weight:800;margin-bottom:4px}.callBadge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;display:inline-block}.resourceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.onlineCard{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 8px #0000000d;border:1px solid #f3f4f6;text-decoration:none;transition:.2s;display:flex;flex-direction:column;gap:8px}.onlineCard:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.onlineEmoji{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.onlineName{font-size:14px;font-weight:700;color:#111827}.onlineDesc{font-size:12px;color:#6b7280;line-height:1.5;flex:1}.onlineLink{font-size:13px;font-weight:700}.toolsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.toolCard{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 8px #0000000d;border:1px solid #f3f4f6;text-decoration:none;transition:.2s;display:flex;flex-direction:column;gap:8px}.toolCard:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a;border-color:#e0e7ff}.toolEmoji{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.toolName{font-size:14px;font-weight:700;color:#111827}.toolDesc{font-size:12px;color:#6b7280;line-height:1.5;flex:1}.toolLink{font-size:13px;font-weight:700}.supportMessage{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;padding:28px;text-align:center;margin-bottom:24px}.supportMessageTitle{font-size:18px;font-weight:700;color:#fff;margin-bottom:10px}.supportMessageText{font-size:14px;color:#ffffffe6;line-height:1.8;max-width:600px;margin:0 auto}.navButtons{margin-top:20px;text-align:center}.backBtn{background:transparent;border:1.5px solid #e5e7eb;color:#374151;padding:10px 24px;border-radius:10px;font-size:14px;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}@media(max-width:768px){.resourceGrid,.toolsGrid{grid-template-columns:repeat(2,1fr)}.emergencyBanner{flex-direction:column;text-align:center}.emergencyBtn{width:100%;text-align:center}.helplineCard{flex-direction:column;text-align:center}.helplineRight{text-align:center}}@media(max-width:480px){.resourceGrid,.toolsGrid{grid-template-columns:1fr}}.selfharmPage{max-width:800px;margin:0 auto;padding:30px 20px 60px;font-family:Poppins,sans-serif}.selfharmHeader{text-align:center;margin-bottom:30px}.urgentBadge{display:inline-block;background:#eef2ff;color:#4f46e5;border:1.5px solid #e0e7ff;padding:6px 16px;border-radius:99px;font-size:13px;font-weight:700;margin-bottom:12px}.selfharmHeader h1{font-size:30px;font-weight:800;color:#111827;margin-bottom:10px}.selfharmHeader p{font-size:14px;color:#6b7280;max-width:500px;margin:0 auto;line-height:1.7}.helplineSection{background:#fef2f2;border:2px solid #fecaca;border-radius:16px;padding:24px;margin-bottom:24px}.helplineSection h2{font-size:18px;font-weight:700;color:#dc2626;margin-bottom:4px}.helplineSubtitle{font-size:12px;color:#9ca3af;margin-bottom:16px}.helplineGrid{display:flex;flex-direction:column;gap:10px}.helplineCard{background:#fff;border-radius:12px;padding:14px 16px;border:1.5px solid;text-decoration:none;display:block;transition:.15s}.helplineCard:hover{transform:translate(4px)}.helplineTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;gap:8px}.helplineName{font-size:14px;font-weight:700;color:#111827}.helplineBadge{font-size:10px;font-weight:700;padding:2px 10px;border-radius:99px}.helplineNumber{font-size:18px;font-weight:800}.copingSection{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:24px}.copingSection h2{font-size:18px;font-weight:700;color:#111827;margin-bottom:4px}.copingSubtitle{font-size:13px;color:#6b7280;margin-bottom:16px}.copingGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.copingCard{background:#f8f7ff;border-radius:12px;padding:14px;text-align:center;border:1px solid #e0e7ff}.copingEmoji{font-size:28px;display:block;margin-bottom:8px}.copingCard h3{font-size:13px;font-weight:700;color:#111827;margin-bottom:4px}.copingCard p{font-size:11px;color:#6b7280;line-height:1.5}.messageCard{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;padding:24px;margin-bottom:24px}.messageTitle{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px}.messageText{font-size:14px;color:#ffffffe6;line-height:1.8}.navButtons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.supportBtn{background:#4f46e5;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.supportBtn:hover{background:#4338ca}.backBtn{background:transparent;border:1.5px solid #e5e7eb;color:#374151;padding:12px 24px;border-radius:10px;font-size:14px;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s}.backBtn:hover{border-color:#4f46e5;color:#4f46e5}@media(max-width:600px){.copingGrid{grid-template-columns:repeat(2,1fr)}}.fbViewerPage{max-width:860px;margin:0 auto;padding:24px 16px 80px;font-family:Poppins,sans-serif}.fbViewerHeader{text-align:center;margin-bottom:28px}.fbViewerHeader h1{font-size:26px;font-weight:800;color:#111827;margin-bottom:6px}.fbViewerHeader p{font-size:14px;color:#6b7280}.fbViewerLoading{text-align:center;color:#6b7280;padding:60px}.fbViewerStats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.fbStatCard{background:#fff;border-radius:14px;padding:20px;text-align:center;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff}.fbStatCard.highlight{border-color:#4f46e5;background:#f8f7ff}.fbStatValue{font-size:28px;font-weight:800;color:#4f46e5;margin-bottom:4px}.fbStatLabel{font-size:11px;color:#6b7280;font-weight:600}.fbStatStars{font-size:14px;color:#f59e0b;margin-top:4px}.fbRatingBreakdown{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 12px #0000000f;border:1.5px solid #e0e7ff;margin-bottom:20px}.fbRatingBreakdown h2{font-size:16px;font-weight:700;color:#111827;margin-bottom:14px}.fbRatingRow{display:flex;align-items:center;gap:12px;margin-bottom:8px}.fbRatingNum{font-size:13px;font-weight:700;color:#374151;width:28px;flex-shrink:0}.fbRatingBar{flex:1;height:10px;background:#f3f4f6;border-radius:99px;overflow:hidden}.fbRatingFill{height:100%;border-radius:99px;transition:width .5s ease}.fbRatingCount{font-size:12px;color:#9ca3af;font-weight:600;width:70px;text-align:right;flex-shrink:0}.fbViewerFilter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.fbFilterBtn{padding:7px 16px;border-radius:10px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;font-size:12px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s;min-height:unset}.fbFilterBtn:hover{border-color:#4f46e5;color:#4f46e5}.fbFilterBtn.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.fbViewerList{display:flex;flex-direction:column;gap:12px}.fbViewerCard{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 8px #0000000d;border:1.5px solid #f3f4f6}.fbViewerCardTop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.fbViewerCardLeft{display:flex;align-items:center;gap:10px}.fbViewerAvatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fbViewerName{font-size:14px;font-weight:700;color:#111827;margin-bottom:2px}.fbViewerDate{font-size:11px;color:#9ca3af}.fbViewerCardRight{text-align:right;flex-shrink:0}.fbViewerStars{font-size:16px;margin-bottom:4px}.fbViewerCat{font-size:10px;font-weight:700;background:#eef2ff;color:#4f46e5;padding:2px 8px;border-radius:99px}.fbViewerMsg{font-size:14px;color:#374151;line-height:1.6;margin-bottom:12px;padding:12px;background:#f9fafb;border-radius:10px}.fbViewerFooter{display:flex;align-items:center}.fbViewerRec{font-size:12px;font-weight:600;padding:4px 12px;border-radius:99px}.fbViewerRec.yes{background:#f0fdf4;color:#16a34a}.fbViewerRec.no{background:#fef2f2;color:#dc2626}.fbViewerEmpty{text-align:center;color:#9ca3af;padding:40px;font-size:14px}@media(max-width:768px){.fbViewerStats{grid-template-columns:repeat(2,1fr)}.fbViewerCardTop{flex-direction:column;gap:8px}.fbViewerCardRight{text-align:left;display:flex;align-items:center;gap:8px}}.voiceWrapper{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.voiceBtn{width:42px;height:42px;border-radius:50%;border:2px solid #e0e7ff;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;padding:0;min-height:unset;box-shadow:0 2px 8px #0000000f}.voiceBtn:hover{border-color:#4f46e5;background:#eef2ff;transform:scale(1.05)}.voiceBtn.listening{background:#ef4444;border-color:#ef4444;box-shadow:0 0 0 4px #ef444433;animation:voicePulse 1.2s ease infinite}@keyframes voicePulse{0%,to{box-shadow:0 0 0 4px #ef444433}50%{box-shadow:0 0 0 10px #ef44440d}}.voiceIcon{font-size:18px;line-height:1}.voiceLive{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-radius:99px;padding:6px 14px;animation:voiceFadeIn .2s ease}@keyframes voiceFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.voiceDot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:voiceBlink .8s ease infinite;flex-shrink:0}@keyframes voiceBlink{0%,to{opacity:1}50%{opacity:.2}}.voiceLiveText{font-size:13px;color:#dc2626;font-weight:600;font-family:Poppins,sans-serif;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voiceError{font-size:12px;color:#ef4444;font-weight:600;font-family:Poppins,sans-serif}[data-theme=dark] .voiceBtn{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .voiceBtn:hover{background:var(--accent-light)!important;border-color:var(--accent)!important}[data-theme=dark] .voiceLive{background:var(--red-bg)!important;border-color:var(--red-border)!important}:root{--cb-bg: #f0f4ff;--cb-surface: #ffffff;--cb-primary: #4f46e5;--cb-grad: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--cb-border: #e8eaf6;--cb-text: #1e1b4b;--cb-muted: #6b7280;--cb-green: #10b981;--cb-font: "DM Sans", sans-serif}.cbPage{display:flex;flex-direction:column;height:calc(100dvh - 56px);max-width:820px;margin:0 auto;background:var(--cb-bg);font-family:var(--cb-font);overflow:hidden;position:relative}.cbPage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 15%,rgba(79,70,229,.07) 0%,transparent 55%),radial-gradient(ellipse at 85% 85%,rgba(124,58,237,.07) 0%,transparent 55%);pointer-events:none;z-index:0}.cbHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--cb-border);flex-shrink:0;position:relative;z-index:10;box-shadow:0 2px 16px #0000000a}.cbHeaderLeft{display:flex;align-items:center;gap:12px}.cbAiAvatar{width:46px;height:46px;border-radius:15px;background:var(--cb-grad);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 4px 14px #4f46e552;position:relative}.cbAiAvatar:after{content:"";position:absolute;inset:-4px;border-radius:19px;border:2px solid rgba(79,70,229,.18);animation:ringPulse 2.8s ease-in-out infinite}@keyframes ringPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(1.08)}}.cbAiName{font-size:15px;font-weight:700;color:var(--cb-text);letter-spacing:-.015em;margin:0 0 3px}.cbAiStatus{font-size:11.5px;color:var(--cb-green);font-weight:600;display:flex;align-items:center;gap:5px;margin:0}.cbOnlineDot{width:7px;height:7px;background:var(--cb-green);border-radius:50%;box-shadow:0 0 0 2px #10b98138;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 0 2px #10b98138}50%{box-shadow:0 0 0 6px #10b98114}}.cbHeaderRight{display:flex;align-items:center;gap:8px}.cbClearBtn{background:#fff0f0;border:1.5px solid #fecaca;color:#ef4444;width:38px;height:38px;border-radius:12px;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;padding:0;min-height:unset}.cbClearBtn:hover:not(:disabled){background:#fee2e2;transform:scale(1.06)}.cbClearBtn:disabled{opacity:.32;cursor:not-allowed}.cbBackBtn{background:#f1f2f6;color:#6b7280;width:38px;height:38px;border-radius:12px;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .18s ease}.cbBackBtn:hover{background:#e5e7eb;color:#374151;transform:scale(1.06)}.cbMessages{flex:1;overflow-y:auto;padding:20px 16px 10px;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;scroll-behavior:smooth}.cbMessages::-webkit-scrollbar{width:3px}.cbMessages::-webkit-scrollbar-track{background:transparent}.cbMessages::-webkit-scrollbar-thumb{background:#4f46e52e;border-radius:99px}.cbLoading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:14px;color:var(--cb-muted);font-size:13px;min-height:180px}.cbLoadingDots{display:flex;gap:8px}.cbLoadingDots span{width:10px;height:10px;background:var(--cb-primary);border-radius:50%;animation:loadBounce 1.4s ease-in-out infinite;opacity:.5}.cbLoadingDots span:nth-child(2){animation-delay:.18s}.cbLoadingDots span:nth-child(3){animation-delay:.36s}@keyframes loadBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-10px);opacity:1}}.cbWelcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 20px 8px;gap:10px;animation:fadeUp .45s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cbWelcomeAvatar{width:84px;height:84px;background:var(--cb-grad);border-radius:26px;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:2px;box-shadow:0 10px 30px #4f46e547;animation:floatAvatar 3.5s ease-in-out infinite}@keyframes floatAvatar{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}.cbWelcome h2{font-size:25px;font-weight:700;color:var(--cb-text);margin:0;letter-spacing:-.02em}.cbWelcome>p{font-size:14px;color:var(--cb-muted);line-height:1.65;max-width:300px;margin:0}.cbWelcomeHint{font-size:13px!important;color:var(--cb-primary)!important;font-weight:600!important;background:#4f46e514;padding:8px 18px;border-radius:99px;margin-top:2px!important}.cbWelcomeDisclaimer{font-size:11px!important;color:#9ca3af!important;background:#f9fafb;padding:8px 16px;border-radius:10px;border:1px solid #f0f0f0;max-width:300px;line-height:1.5}.cbMsgRow{display:flex;align-items:flex-end;gap:8px;animation:msgSlide .28s cubic-bezier(.34,1.56,.64,1)}@keyframes msgSlide{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.userRow{flex-direction:row-reverse}.cbMsgAvatar{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.cbMsgAvatar.ai{background:var(--cb-grad);box-shadow:0 3px 10px #4f46e540}.cbMsgAvatar.user{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-size:13px;font-weight:800;box-shadow:0 3px 10px #f9731647}.cbBubble{max-width:70%;padding:11px 15px;border-radius:20px;line-height:1.65}.userBubble{background:var(--cb-grad);color:#fff;border-bottom-right-radius:5px;box-shadow:0 4px 18px #4f46e547}.aiBubble{background:#fff;color:var(--cb-text);border-bottom-left-radius:5px;box-shadow:0 2px 14px #0000000f;border:1px solid rgba(79,70,229,.07)}.cbBubbleText{font-size:14px;white-space:pre-wrap;word-break:break-word;margin:0 0 4px;font-weight:400}.cbBubbleTime{font-size:10px;opacity:.5;text-align:right;margin:0}.cbTyping{display:flex;align-items:center;gap:5px;padding:13px 18px;min-width:60px}.cbTyping span{width:8px;height:8px;background:#c7d2fe;border-radius:50%;animation:typeBounce 1.3s ease-in-out infinite}.cbTyping span:nth-child(2){animation-delay:.18s}.cbTyping span:nth-child(3){animation-delay:.36s}@keyframes typeBounce{0%,60%,to{transform:translateY(0);background:#c7d2fe}30%{transform:translateY(-7px);background:#4f46e5}}.cbQuickSection{padding:0 16px 10px;flex-shrink:0;position:relative;z-index:1}.cbQuickTitle{font-size:11px;font-weight:700;color:#9ca3af;text-align:center;margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.cbQuickGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cbQuickBtn{background:#fff;border:1.5px solid rgba(79,70,229,.14);color:var(--cb-primary);padding:10px 8px;border-radius:14px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--cb-font);transition:all .18s ease;text-align:center;line-height:1.4;min-height:46px;box-shadow:0 2px 8px #4f46e50f}.cbQuickBtn:hover:not(:disabled){background:#eef2ff;border-color:var(--cb-primary);transform:translateY(-2px);box-shadow:0 6px 18px #4f46e524}.cbQuickBtn:active:not(:disabled){transform:translateY(0)}.cbQuickBtn:disabled{opacity:.42;cursor:not-allowed;transform:none}.cbQuickRow{display:flex;gap:7px;padding:6px 16px 4px;overflow-x:auto;flex-shrink:0;scrollbar-width:none;position:relative;z-index:1}.cbQuickRow::-webkit-scrollbar{display:none}.cbQuickPill{flex-shrink:0;background:#fff;border:1.5px solid rgba(79,70,229,.16);color:var(--cb-primary);padding:7px 16px;border-radius:99px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--cb-font);transition:all .18s ease;white-space:nowrap;min-height:unset;box-shadow:0 2px 6px #4f46e512}.cbQuickPill:hover:not(:disabled){background:#eef2ff;border-color:var(--cb-primary);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e524}.cbQuickPill:disabled{opacity:.38}.cbInputArea{display:flex;align-items:flex-end;gap:10px;padding:10px 16px 16px;background:#ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--cb-border);flex-shrink:0;position:relative;z-index:10}.cbInput{flex:1;padding:12px 16px;border:2px solid var(--cb-border);border-radius:16px;font-size:14px;font-family:var(--cb-font);outline:none;resize:none;max-height:130px;line-height:1.55;transition:all .2s ease;color:var(--cb-text);background:#f8f7ff;font-weight:400}.cbInput:focus{border-color:var(--cb-primary);background:#fff;box-shadow:0 0 0 4px #4f46e517}.cbInput:disabled{opacity:.55}.cbInput::placeholder{color:#a5b4fc;font-weight:400}.cbSendBtn{width:48px;height:48px;background:#e8eaf6;color:#a5b4fc;border:none;border-radius:16px;font-size:18px;cursor:not-allowed;display:flex;align-items:center;justify-content:center;transition:all .22s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;padding:0;min-height:unset}.cbSendBtn.active{background:var(--cb-grad);color:#fff;cursor:pointer;box-shadow:0 6px 20px #4f46e559}.cbSendBtn.active:hover{transform:scale(1.09) rotate(-4deg);box-shadow:0 8px 26px #4f46e573}.cbSendBtn.active:active{transform:scale(.95)}.cbSendLoader{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.cbPage{height:calc(100dvh - 52px);max-width:100%}.cbBubble{max-width:84%}.cbQuickGrid{grid-template-columns:repeat(2,1fr);gap:7px}.cbInput{font-size:16px}.cbWelcomeAvatar{width:70px;height:70px;font-size:32px}.cbWelcome h2{font-size:22px}.cbMessages{padding:14px 12px 10px}.cbInputArea{padding:8px 12px 14px}.cbHeader{padding:10px 14px}.cbAiAvatar{width:40px;height:40px}}@media(max-width:400px){.cbBubble{max-width:88%}.cbBubbleText{font-size:13.5px}.cbSendBtn{width:44px;height:44px}}@supports (padding: max(0px)){.cbInputArea{padding-bottom:max(16px,env(safe-area-inset-bottom))}}.fbOverlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fbModal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:fbSlideUp .3s ease}@keyframes fbSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.fbHeader{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 0;gap:12px}.fbTitle{font-size:18px;font-weight:800;color:#111827;margin-bottom:4px;font-family:Poppins,sans-serif}.fbSubtitle{font-size:13px;color:#6b7280;font-family:Poppins,sans-serif}.fbClose{background:#f3f4f6;border:none;border-radius:50%;width:32px;height:32px;font-size:13px;cursor:pointer;color:#6b7280;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:.15s;min-height:unset;padding:0}.fbClose:hover{background:#fee2e2;color:#dc2626}.fbBody{padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px}.fbLabel{font-size:13px;font-weight:700;color:#374151;margin-bottom:8px;font-family:Poppins,sans-serif}.fbRatingSection{text-align:center}.fbStars{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.fbStar{font-size:36px;color:#e5e7eb;background:transparent;border:none;cursor:pointer;padding:0;transition:all .15s ease;line-height:1;min-height:unset}.fbStar:hover{transform:scale(1.2)}.fbStar.active{color:#f59e0b}.fbRatingLabel{font-size:15px;font-weight:700;color:#374151;font-family:Poppins,sans-serif}.fbField{display:flex;flex-direction:column}.fbCatGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fbCatBtn{padding:9px 8px;border-radius:10px;border:2px solid #e5e7eb;background:#fff;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;font-family:Poppins,sans-serif;transition:all .15s ease;min-height:unset;text-align:center}.fbCatBtn:hover{border-color:#4f46e5;color:#4f46e5;background:#eef2ff}.fbCatBtn.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.fbTextarea{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-family:Poppins,sans-serif;outline:none;resize:none;line-height:1.6;transition:.15s;color:#111827}.fbTextarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.fbCharCount{font-size:11px;color:#9ca3af;text-align:right;margin-top:4px;font-family:Poppins,sans-serif}.fbRecommend{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fbRecBtn{padding:12px;border-radius:12px;border:2px solid #e5e7eb;background:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:all .15s ease;min-height:unset;text-align:center}.fbRecBtn:hover{transform:translateY(-1px)}.fbRecBtn.yes{background:#f0fdf4;border-color:#22c55e;color:#16a34a}.fbRecBtn.no{background:#fef2f2;border-color:#ef4444;color:#dc2626}.fbError{font-size:13px;color:#ef4444;font-weight:600;font-family:Poppins,sans-serif;text-align:center}.fbSubmitBtn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:14px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s;width:100%}.fbSubmitBtn:hover{opacity:.9;transform:scale(1.01)}.fbSubmitBtn:disabled{opacity:.6;cursor:not-allowed;transform:none}.fbSuccess{padding:40px 20px;text-align:center}.fbSuccessEmoji{font-size:52px;margin-bottom:14px}.fbSuccessTitle{font-size:20px;font-weight:800;color:#111827;margin-bottom:8px;font-family:Poppins,sans-serif}.fbSuccessMsg{font-size:14px;color:#6b7280;line-height:1.6;font-family:Poppins,sans-serif}@media(max-width:480px){.fbModal{border-radius:20px 20px 0 0;max-height:95vh;position:fixed;bottom:0;left:0;right:0;width:100%}.fbOverlay{align-items:flex-end;padding:0}.fbCatGrid{grid-template-columns:repeat(2,1fr)}.fbStar{font-size:32px}}.themeToggle{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;padding:4px;border-radius:99px;transition:.15s;min-height:unset;flex-shrink:0}.themeToggle:hover{background:#ffffff1a}.themeIcon{font-size:15px;line-height:1}.themeTrack{width:36px;height:20px;border-radius:99px;background:#ffffff40;position:relative;transition:background .3s ease;border:1.5px solid rgba(255,255,255,.3);flex-shrink:0}.themeTrack.dark{background:#4f46e5;border-color:#4f46e5}.themeThumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .3s ease,background .3s ease;box-shadow:0 1px 4px #0003}.themeTrack.dark .themeThumb{transform:translate(16px)}@media(max-width:768px){.themeIcon{font-size:16px}.themeTrack{width:32px;height:18px}.themeThumb{width:12px;height:12px}.themeTrack.dark .themeThumb{transform:translate(14px)}}.mcHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 40px;background:linear-gradient(135deg,#0f0c29,#1a1a3e,#24243e);box-shadow:0 2px 20px #0000004d;position:sticky;top:0;z-index:1000;gap:16px}.mcLogo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;transition:opacity .15s}.mcLogo:hover{opacity:.85}.mcLogoImg{width:50px;border-radius:100%;object-fit:cover;object-position:center;box-shadow:0 0 0 2px #a78bfa99,0 4px 16px #4f46e580;flex-shrink:0}.mcLogoText{font-size:20px;font-weight:800;background:linear-gradient(135deg,#a78bfa,#818cf8,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.3px}.mcDesktopNav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.mcNavLink{text-decoration:none;color:#ffffffbf;font-weight:600;font-size:14px;padding:7px 14px;border-radius:8px;transition:all .15s ease;white-space:nowrap}.mcNavLink:hover{background:#ffffff1a;color:#fff}.mcNavLink.active{background:#a78bfa33;color:#a78bfa;font-weight:700}.mcSupportBtn{text-decoration:none;background:#ef4444;color:#fff;font-weight:700;font-size:13px;padding:7px 16px;border-radius:99px;transition:all .15s ease;white-space:nowrap;margin-left:8px;box-shadow:0 2px 8px #ef444466}.mcSupportBtn:hover{background:#dc2626;transform:scale(1.02)}.mcDesktopAuth{display:flex;align-items:center;gap:10px;flex-shrink:0}.mcUserName{font-size:13px;font-weight:600;color:#fffc;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcLogoutBtn{background:#ffffff1a;color:#ffffffd9;border:1.5px solid rgba(255,255,255,.2);padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:all .15s ease;min-height:unset}.mcLogoutBtn:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.mcLoginBtn{text-decoration:none;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;transition:all .15s ease;box-shadow:0 2px 8px #4f46e566}.mcLoginBtn:hover{opacity:.9;transform:scale(1.02)}.mcHamburger{display:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;flex-shrink:0;min-height:unset}.mcHamburger span{display:block;width:100%;height:2.5px;background:#ffffffd9;border-radius:99px;transition:all .3s ease;transform-origin:center}.mcHamburger.open span:nth-child(1){transform:translateY(7.75px) rotate(45deg)}.mcHamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.mcHamburger.open span:nth-child(3){transform:translateY(-7.75px) rotate(-45deg)}.mcOverlay{position:fixed;inset:0;background:#00000080;z-index:1998;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mcDrawer{position:fixed;top:0;right:-100%;width:280px;max-width:85vw;height:100vh;background:#fff;box-shadow:-4px 0 24px #00000026;z-index:1999;transition:right .3s ease;display:flex;flex-direction:column;overflow-y:auto}.mcDrawer.open{right:0}.mcDrawerUser{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;background:linear-gradient(135deg,#0f0c29,#24243e);flex-shrink:0}.mcDrawerAvatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mcDrawerName{font-size:15px;font-weight:700;color:#fff;margin-bottom:2px}.mcDrawerEmail{font-size:11px;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.mcDrawerNav{display:flex;flex-direction:column;padding:12px;flex:1;gap:4px}.mcDrawerLink{text-decoration:none;color:#374151;font-size:15px;font-weight:600;padding:13px 16px;border-radius:12px;transition:.15s;display:block}.mcDrawerLink:hover{background:#eef2ff;color:#4f46e5}.mcDrawerLink.active{background:#eef2ff;color:#4f46e5;font-weight:700}.mcDrawerSupport{text-decoration:none;color:#ef4444;font-size:15px;font-weight:700;padding:13px 16px;border-radius:12px;background:#fef2f2;transition:.15s;display:block;margin-top:8px;border:1.5px solid #fecaca}.mcDrawerSupport:hover{background:#fee2e2}.mcDrawerAuth{padding:12px 12px 24px;border-top:1px solid #f3f4f6;flex-shrink:0}.mcDrawerLogout{width:100%;background:#fef2f2;color:#ef4444;border:1.5px solid #fecaca;padding:13px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:.15s;min-height:unset}.mcDrawerLogout:hover{background:#fee2e2}.mcDrawerLogin{display:block;width:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:13px;border-radius:12px;font-size:15px;font-weight:700;text-align:center;text-decoration:none;transition:.15s}.mcDrawerLogin:hover{opacity:.9}@media(max-width:1024px){.mcHeader{padding:10px 20px}.mcNavLink{font-size:13px;padding:6px 10px}}@media(max-width:768px){.mcLogoImg{width:42px;height:42px;border-radius:8px;object-fit:contain}}@supports (padding: max(0px)){.mcHeader{padding-top:max(10px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}}@media(max-width:768px){.mcHeader{padding:10px 16px}.mcDesktopNav,.mcDesktopAuth{display:none!important}.mcHamburger{display:flex!important}}.mcLangBtn{background:#ffffff1f;color:#ffffffe6;border:1.5px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:all .15s ease;min-height:unset;letter-spacing:.3px}.mcLangBtn:hover{background:#a78bfa40;border-color:#a78bfa80;color:#fff}.mcDrawerLangBtn{width:100%;background:#f0f4ff;color:#4f46e5;border:1.5px solid #e0e7ff;padding:13px 16px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;text-align:left;transition:.15s;margin-top:8px;min-height:unset}.mcDrawerLangBtn:hover{background:#e0e7ff}.mcDrawerTheme{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);margin-top:8px}.mcDrawerThemeLabel{font-size:14px;font-weight:600;color:var(--text-secondary, #374151);font-family:Poppins,sans-serif}.footer{background:linear-gradient(135deg,#111827,#1f2937);color:#fff;padding:50px 40px;margin-top:50px;font-family:Poppins,sans-serif}.footerContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1100px;margin:auto}.footerBrand h2{color:#6366f1}.footerLinks,.footerContact,.footerSocial{display:flex;flex-direction:column;gap:10px}.footerLinks a{text-decoration:none;color:#d1d5db}.footerLinks a:hover{color:#fff}.socialIcons{display:flex;gap:15px}.socialIcons a{text-decoration:none;color:#d1d5db}.socialIcons a:hover{color:#fff}.footerNote{margin-top:40px;text-align:center;color:#9ca3af;font-size:14px}.copyright{text-align:center;margin-top:10px;color:#6b7280;font-size:13px}.socialIcons{display:flex;gap:18px;margin-top:10px}.socialIcons a{color:#d1d5db;font-size:22px;transition:.2s}.socialIcons a:hover{color:#6366f1;transform:scale(1.2)}.footerHelp{display:flex;flex-direction:column;gap:10px}.footerHelp a{text-decoration:none;color:#d1d5db}.footerHelp a:hover{color:#fff}.footerContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.footer-email{color:#6366f1;text-decoration:none;font-weight:500}.footer-email:hover{text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#f9fafb;color:#374151}.pageContainer{max-width:1200px;margin:auto;padding:40px 20px;min-height:80vh}h1{font-size:clamp(26px,4vw,36px);margin-bottom:15px}h2{font-size:clamp(20px,3vw,28px)}p{font-size:clamp(14px,2vw,16px);line-height:1.6}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #00000014;transition:.2s}.card:hover{transform:translateY(-4px)}button{padding:10px 18px;border:none;border-radius:8px;background:#6366f1;color:#fff;font-weight:500;cursor:pointer;transition:.2s}button:hover{background:#4f46e5}.dangerBtn{background:#ef4444}.dangerBtn:hover{background:#dc2626}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}@media(max-width:1024px){.pageContainer{padding:30px 20px}}@media(max-width:768px){.header{flex-direction:column;gap:10px}.nav{flex-wrap:wrap;justify-content:center}.grid{grid-template-columns:1fr}}@media(max-width:480px){.pageContainer{padding:20px 15px}button{width:100%}}.homePage{background:#f5f3ff}.dashboard{background:#eef2ff}.supportPage{background:#fef3c7}.selfharmPage{background:#f9fafb}.mindfulness{background:#ecfeff}.suggestions{background:#f0f9ff}*,*:before,*:after{box-sizing:border-box!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden!important;margin:0!important;padding:0!important}img,video,iframe{max-width:100%!important;height:auto}*{-webkit-tap-highlight-color:transparent!important;tap-highlight-color:transparent!important}button,a{outline:none}.dashPage,.dashboardPage,.moodPage,.sleepPage,.gratitudePage,.goalPage,.energyPage,.anxietyPage,.improvementPage,.comboPage,.mindfulPage,.sugPage,.suggestionsPage,.supportPage,.selfharmPage,.selfcarePage,.challengesPage,.therapyPage,.selfcongratPage,.reviewsPage,.cognitivePage,.ragePage,.fbViewerPage{width:100%!important;max-width:900px!important;margin:0 auto!important;padding:24px 16px 80px!important;font-family:Poppins,sans-serif!important}.chatPage{max-width:1100px!important;margin:0 auto!important}@media(max-width:768px){.dashPage,.dashboardPage,.moodPage,.sleepPage,.gratitudePage,.goalPage,.energyPage,.anxietyPage,.improvementPage,.comboPage,.mindfulPage,.sugPage,.suggestionsPage,.supportPage,.selfharmPage,.selfcarePage,.challengesPage,.therapyPage,.selfcongratPage,.reviewsPage,.cognitivePage,.ragePage,.fbViewerPage{padding:14px 12px 80px!important}.mcHeader{padding:10px 14px!important}.mcDesktopNav,.mcDesktopAuth{display:none!important}.mcHamburger{display:flex!important}.mcHamburger span{background:#fff!important;opacity:1!important}[data-theme=dark] .mcHamburger span{background:#fff!important}.mcLogoText{font-size:17px!important}.mcLogoImg{width:32px!important;height:32px!important}.dashHero{flex-direction:column!important;text-align:center!important;padding:18px 14px!important;gap:14px!important}.dashHeroLeft{width:100%!important}.dashTodayCard{width:100%!important;min-width:unset!important}.dashName{font-size:22px!important}.dashGreeting,.dashSubtitle{font-size:12px!important}.dashStats{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.dashStatVal{font-size:18px!important}.dashStatLabel{font-size:10px!important}.dashSectionRow{flex-wrap:wrap!important;gap:8px!important}.dashSectionTitle{font-size:15px!important}.dashAllToolsBtn{font-size:12px!important;padding:7px 12px!important}.dashGrid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.dashCardEmoji{font-size:22px!important}.dashCardLabel{font-size:10px!important}.dashCardArrow{display:none!important}.dashBanner{flex-direction:column!important;gap:10px!important;padding:16px!important}.dashBannerBtn{width:100%!important;text-align:center!important}.dashDrawer{width:290px!important;max-width:85vw!important}.dashboardHeader{flex-direction:column!important;gap:12px!important}.streakCard{width:100%!important;justify-content:center!important}.statsGrid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.categoryGrid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.categorySection{padding:14px 12px!important}.featureCard{padding:10px 6px!important}.featureEmoji{font-size:20px!important}.featureLabel{font-size:10px!important}.supportBanner{flex-direction:column!important;text-align:center!important;padding:18px!important}.supportBannerBtn{width:100%!important}.moodGrid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.moodCard{padding:12px 6px!important}.moodEmoji{font-size:24px!important}.moodLabel{font-size:11px!important}.sleepStats{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.sleepTimeRow{flex-direction:column!important;gap:10px!important}.timeGroup{width:100%!important}.timeArrow{transform:rotate(90deg)!important;align-self:center!important}.qualityGrid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.sleepCard{flex-direction:column!important;gap:8px!important}.sleepCardLeft{flex-direction:row!important;gap:10px!important;align-items:center!important;min-width:unset!important}.energyStats{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.energyPage .moodGrid{grid-template-columns:repeat(3,1fr)!important}.timeGrid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.energyCard{flex-direction:column!important}.energyCardLeft{flex-direction:row!important;gap:10px!important;min-width:unset!important}.anxietyStats{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.crisisNumbers{grid-template-columns:1fr!important;gap:8px!important}.tagGrid{gap:6px!important;flex-wrap:wrap!important}.tagBtn{padding:7px 10px!important;font-size:12px!important}.anxietyCard{flex-direction:column!important}.anxietyCardLeft{flex-direction:row!important;gap:10px!important;min-width:unset!important}.quizCard,.quizResultCard{padding:16px 12px!important}.quizQuestion{font-size:15px!important;line-height:1.5!important}.quizOptions{gap:8px!important}.quizOption{padding:11px 12px!important;min-height:48px!important;gap:10px!important}.quizOptionText{font-size:13px!important}.quizResultTop{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:12px!important}.quizResultCircle{width:80px!important;height:80px!important}.quizResultScore{font-size:20px!important}.quizResultLabel{font-size:18px!important}.quizNav{flex-direction:row!important;gap:8px!important}.quizNextBtn,.quizPrevBtn{flex:1!important}.quizProgressText{font-size:11px!important}.tipsList li,.tipsTitle{font-size:12px!important}.retakeBtn{font-size:12px!important;padding:6px 14px!important}.additionalSection h3{font-size:14px!important}.crisisCallBtn{font-size:13px!important;padding:10px!important}.gratitudeCardHeader{flex-direction:column!important;gap:6px!important}.itemRow input{font-size:16px!important}.formRow{grid-template-columns:1fr!important}.goalsListHeader{flex-direction:column!important;gap:10px!important}.filterBtns{flex-wrap:wrap!important;gap:6px!important}.goalCard{padding:12px!important}.improvementStats{grid-template-columns:repeat(2,1fr)!important}.chartHeader{flex-direction:column!important;gap:10px!important}.chartToggles{flex-wrap:wrap!important;gap:6px!important}.toggleBtn{font-size:10px!important;padding:4px 8px!important}.scoreCard{flex-direction:column!important;text-align:center!important;padding:16px!important;gap:14px!important}.summaryGrid{grid-template-columns:1fr!important}.completionCard{padding:16px!important}.chatPage,.cbPage{height:calc(100dvh - 52px)!important}.chatSidebar,.cbSidebar{display:none!important}.messageBubble,.cbBubble{max-width:88%!important}.chatInput,.cbInput{font-size:16px!important}.cbQuickGrid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.cbQuickBtn{font-size:11px!important;padding:8px 6px!important}.mindfulTabs{gap:3px!important;padding:4px!important;overflow-x:auto!important;scrollbar-width:none!important}.mindfulTabs::-webkit-scrollbar{display:none!important}.mindfulTab{font-size:11px!important;padding:8px 5px!important;white-space:nowrap!important}.breathSelector{grid-template-columns:1fr!important;gap:8px!important}.breathCircleOuter{width:180px!important;height:180px!important}.breathCircleInner{width:130px!important;height:130px!important}.medsGrid{grid-template-columns:1fr!important;gap:12px!important}.affCats{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.affText{font-size:17px!important}.affCard{padding:22px 14px!important}.timerCount{font-size:44px!important}.timerOptions{flex-wrap:wrap!important;gap:6px!important;justify-content:center!important}.sugHero{padding:22px 14px!important}.sugHeroTitle{font-size:20px!important}.sugTabs{overflow-x:auto!important;padding:4px!important;gap:3px!important;scrollbar-width:none!important;flex-wrap:nowrap!important}.sugTabs::-webkit-scrollbar{display:none!important}.sugTab{min-width:70px!important;padding:8px 4px!important}.sugTabLabel{font-size:10px!important}.sugTabEmoji{font-size:16px!important}.sugTabCount{display:none!important}.sugGrid{grid-template-columns:1fr!important;gap:12px!important}.videosGrid,.booksGrid{grid-template-columns:1fr!important}.videoThumb{height:180px!important}.podCard{gap:10px!important}.sugCat{padding:5px 10px!important;font-size:11px!important}.studentBanner{flex-direction:column!important;gap:8px!important;text-align:center!important}.emergencyBanner{flex-direction:column!important;text-align:center!important;padding:16px!important;gap:10px!important}.emergencyBtn{width:100%!important;text-align:center!important}.resourceGrid,.toolsGrid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.helplineCard{flex-direction:column!important;gap:8px!important}.helplineRight{text-align:left!important}.challengesGrid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.challengeStatsRow{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.challengeStatValue{font-size:15px!important}.categoryFilter{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important;padding-bottom:4px!important;gap:6px!important}.categoryFilter::-webkit-scrollbar{display:none!important}.categoryBtn{flex-shrink:0!important;padding:7px 12px!important;font-size:12px!important}.authPage{flex-direction:column!important;min-height:100vh!important}.authLeft{display:none!important}.authRight{width:100%!important;padding:20px 16px!important;min-height:100vh!important;background:#fff!important}.authCard{width:100%!important;padding:24px 16px!important;box-shadow:none!important;border-radius:0!important}[data-theme=dark] .authRight{background:var(--bg-primary)!important}.fbViewerStats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.fbCatGrid{grid-template-columns:repeat(2,1fr)!important}.fbStar{font-size:30px!important}.fbRecommend{grid-template-columns:1fr 1fr!important}.formGroup input,.formGroup select,.formGroup textarea,.cbInput,.authInputWrap input,.sugSearch input,.fbTextarea{font-size:16px!important}.saveBtn{font-size:14px!important;padding:13px!important}.backBtn{width:100%!important;text-align:center!important}.sleepForm,.energyForm,.anxietyForm,.gratitudeForm,.goalForm,.goalsList,.sleepHistory,.energyHistory,.anxietyHistory,.quizCard,.quizResultCard,.timerCard,.chartCard,.insightsCard,.challengeHistorySection{padding:14px 12px!important;border-radius:14px!important}h1{font-size:22px!important}h2{font-size:17px!important}h3{font-size:15px!important}}@media(max-width:400px){.dashPage,.dashboardPage,.moodPage,.sleepPage,.energyPage,.anxietyPage,.mindfulPage,.sugPage,.comboPage{padding:12px 10px 80px!important}.dashGrid,.dashStats,.moodGrid,.sleepStats,.energyStats,.anxietyStats,.statsGrid,.categoryGrid{grid-template-columns:repeat(2,1fr)!important}.challengesGrid,.resourceGrid,.toolsGrid{grid-template-columns:1fr!important}.quizOption{padding:10px!important}.quizOptionText{font-size:12px!important}}@media(min-width:769px)and (max-width:1024px){.dashPage,.dashboardPage,.moodPage,.sleepPage,.goalPage,.energyPage,.anxietyPage,.mindfulPage,.sugPage,.supportPage{max-width:720px!important;padding:24px 20px 80px!important}.dashGrid{grid-template-columns:repeat(5,1fr)!important}.dashStats,.categoryGrid{grid-template-columns:repeat(4,1fr)!important}.statsGrid{grid-template-columns:repeat(3,1fr)!important}.medsGrid,.sugGrid{grid-template-columns:repeat(2,1fr)!important}.resourceGrid,.toolsGrid{grid-template-columns:repeat(3,1fr)!important}.distortionsGrid{grid-template-columns:repeat(2,1fr)!important}.affCats,.challengesGrid{grid-template-columns:repeat(3,1fr)!important}}@media(min-width:1200px){.dashboardPage,.dashPage{max-width:960px!important}.categoryGrid{grid-template-columns:repeat(6,1fr)!important}.statsGrid{grid-template-columns:repeat(3,1fr)!important}.dashGrid{grid-template-columns:repeat(5,1fr)!important}}@media(hover:none)and (pointer:coarse){.moodCard,.qualityCard,.tagBtn,.activityBtn,.categoryBtn,.filterBtn,.timeBtn,.timerOption,.quizOption,.dashCard,.drawerItem,.featureCard,button{min-height:44px!important}.dashCard:hover,.moodCard:hover,.qualityCard:hover,.featureCard:hover{transform:none!important;box-shadow:none!important}}@supports (padding: max(0px)){.mcHeader{padding-top:max(10px,env(safe-area-inset-top))!important;padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}.cbInputArea{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#4f46e5}[data-theme=dark] ::-webkit-scrollbar-track{background:#1f2937}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#818cf8}:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-card: #ffffff;--bg-input: #ffffff;--bg-header: linear-gradient(135deg, #0f0c29, #1a1a3e, #24243e);--text-primary: #111827;--text-secondary: #375451;--text-muted: #6b7280;--text-hint: #9ca3af;--border-color: #e5e7eb;--border-focus: #4f46e5;--border-card: #f3f4f6;--accent: #4f46e5;--accent-light: #eef2ff;--accent-hover: #4338ca;--green: #22c55e;--green-bg: #f0fdf4;--green-border: #bbf7d0;--red: #ef4444;--red-bg: #fef2f2;--red-border: #fecaca;--yellow: #f59e0b;--yellow-bg: #fffbeb;--yellow-border: #fde68a;--purple: #7c3aed;--purple-light: #f5f3ff;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #111827;--bg-card: #1f2937;--bg-input: #374151;--bg-header: linear-gradient(135deg, #030712, #0f0c29, #111827);--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-hint: #6b7280;--border-color: #374151;--border-focus: #818cf8;--border-card: #374151;--accent: #818cf8;--accent-light: #1e1b4b;--accent-hover: #6366f1;--green: #4ade80;--green-bg: #052e16;--green-border: #166534;--red: #f87171;--red-bg: #450a0a;--red-border: #991b1b;--yellow: #fbbf24;--yellow-bg: #422006;--yellow-border: #92400e;--purple: #a78bfa;--purple-light: #3229a7ce;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-secondary)!important;color:var(--text-primary)!important;transition:background .3s ease,color .3s ease}.dashboardPage,.moodPage,.sleepPage,.gratitudePage,.goalPage,.energyPage,.anxietyPage,.improvementPage,.comboPage,.mindfulPage,.sugPage,.supportPage,.selfharmPage,.selfcarePage,.challengesPage,.therapyPage,.selfcongratPage,.reviewsPage,.cognitivePage,.ragePage,.fbViewerPage,.chatPage{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.mcHeader{background:var(--bg-header)!important;box-shadow:0 2px 16px #00000040!important;position:sticky;top:0;z-index:100}.mcHeader a,.mcHeader nav a,.mcHeader .navLink,.mcHeader button:not([class*=sos]):not([class*=SOS]):not(.sosBtn):not([class*=Need]){color:#ffffffd1!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}.mcHeader a:hover,.mcHeader nav a:hover,.mcHeader .navLink:hover{color:#fff!important;background:#ffffff1a!important;border-radius:var(--radius-sm)}.mcHeader a.active,.mcHeader nav a.active,.mcHeader .navLink.active{color:#fff!important;background:#ffffff24!important;border-radius:var(--radius-sm)}[data-theme=dark] .mcHeader a,[data-theme=dark] .mcHeader nav a,[data-theme=dark] .mcHeader .navLink,[data-theme=dark] .mcHeader span:not(.badge):not([class*=Badge]){color:#ffffffd1!important;background:transparent!important}[data-theme=dark] .mcHeader a:hover,[data-theme=dark] .mcHeader nav a:hover{color:#fff!important}.moodCard,.qualityCard,.sleepForm,.sleepStats,.energyForm,.energyHistory,.energyStatCard,.anxietyForm,.anxietyHistory,.anxietyStatCard,.gratitudeForm,.goalForm,.goalsList,.challengeCard,.historyCard,.timerCard,.medCard,.affCard,.affItem,.groundCard,.podCard,.videoCard,.articleCard,.bookCard,.stuCard,.exCard,.helplineCard,.onlineCard,.toolCard,.fbViewerCard,.fbStatCard,.fbRatingBreakdown,.quizCard,.quizResultCard,.challengeHistorySection,.bestDayCard,.comboPage .statCard,.completionCard,.improvementStats,.therapyForm,.therapyNotesList,.selfcongratCard,.reviewCard,.distortionCard,.rageForm,.rageTips,.selfcareCategory,.sleepCard,.energyCard,.anxietyCard,.journalEntry,.gratitudeCard,.goalCard,.cognitiveCard{background:var(--bg-card)!important;border-color:var(--border-card)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-sm)!important;border-radius:var(--radius-lg)!important;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease!important}.moodCard:hover,.qualityCard:hover,.bookCard:hover,.podCard:hover,.videoCard:hover,.articleCard:hover,.challengeCard:hover,.medCard:hover,.toolCard:hover,.helplineCard:hover,.onlineCard:hover,.stuCard:hover,.exCard:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}.statCard,.sleepStat,.energyStat,.anxietyStat,.challengeStat,.improvementStatCard{background:var(--bg-card)!important;border-color:var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;font-family:inherit!important}h1,h2,h3,h4,h5,h6,.moodHeader h1,.sleepHeader h1,.energyHeader h1,.anxietyHeader h1,.mindfulHeader h1,.sugHeroTitle,.challengesHeader h1,.dashboardHeader h1,.goalHeader h1,.comboHeader h1,.cbAiName,.medTitle,.videoTitle,.bookTitle,.podTitle,.stuTitle,.exTitle,.challengeTitle,.historyDate,.fbViewerName,.onlineName,.toolName,.affText,.quizQuestion,.quizResultLabel{color:var(--text-primary)!important}p,span,label,li,.moodLabel,.qualityLabel,.energyMood,.bookDesc,.podDesc,.videoHost,.articleTitle,.articleDesc,.exDesc,.stuDesc,.podHost,.challengeDesc,.historyChip,.cbBubbleText,.cbWelcome p,.quizOptionText,.tipsList li,.medDesc,.groundStepText,.affCategory,.affProgress,.fbViewerMsg,.supportSubtitle,.emergencyDesc,.sugHeroDesc,.loadingText,.emptyText,.errorText{color:var(--text-secondary)!important}.bookAuthor,.videoHost,.articleTime,.energyDate,.anxietyDate,.historyDate,.text-muted,.text-hint,.cbBubbleTime,.fbViewerDate,.quizProgressText,.sleepStatLabel,.energyStatLabel,.anxietyStatLabel,.challengeStatLabel,.challengeCategory,.energyTime,.energyMood{color:var(--text-muted)!important}input,textarea,select,.formGroup input,.formGroup textarea,.formGroup select,.authInputWrap input,.sugSearch input,.cbInput,.fbTextarea{background:var(--bg-input)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important}input::placeholder,textarea::placeholder{color:var(--text-hint)!important}input:focus,textarea:focus,select:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #818cf826!important;outline:none!important}.backBtn,.historyToggleBtn,.retakeBtn,.quizPrevBtn,.sugCat,.categoryBtn,.filterBtn,.timerOption,.affCatBtn,.breathOption,.mindfulTab:not(.active),.tagBtn:not(.selected),.activityBtn:not(.selected),.fbCatBtn:not(.active),.fbFilterBtn:not(.active),.fbRecBtn:not(.yes):not(.no),.categoryChip:not(.active),.catBtn,.reviewTab:not(.active),.stuToggle,.exToggle,.medToggle,.groundToggle,.mcDrawerLangBtn{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.backBtn:hover{border-color:var(--accent)!important;color:var(--accent)!important}.sugTabs,.mindfulTabs{background:var(--bg-card)!important;border-color:var(--border-color)!important;border-radius:var(--radius-lg)!important;padding:4px!important}.sugTab:not(.active),.mindfulTab:not(.active){color:var(--text-muted)!important;background:transparent!important}.sugTab.active,.mindfulTab.active{background:var(--bg-secondary)!important;color:var(--accent)!important}.quizOption{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important;border-radius:var(--radius-md)!important;transition:all .15s ease!important}.quizOption:hover,.quizOption.selected{border-color:var(--accent)!important;background:var(--accent-light)!important}.quizProgressBar{background:var(--border-color)!important;border-radius:999px!important}.authRight,.authCard{background:var(--bg-primary)!important}.authCard{box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-xl)!important}.authCardHeader h2{color:var(--text-primary)!important}.authCardHeader p,.authSwitch,.authFieldHint{color:var(--text-muted)!important}.authInputWrap{border-color:var(--border-color)!important;background:var(--bg-input)!important;border-radius:var(--radius-md)!important}.authInputWrap.hasSuccess{border-color:var(--green)!important}.authInputWrap.hasError{border-color:var(--red)!important}.cbPage{background:var(--bg-secondary)!important}.cbHeader,.cbInputArea{background:var(--bg-card)!important;border-color:var(--border-color)!important}.aiBubble{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.cbInput{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.cbInput:focus{background:var(--bg-card)!important;border-color:var(--accent)!important}.cbQuickBtn,.cbQuickPill{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--accent)!important}.ddTrigger{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.ddMenu{background:var(--bg-card)!important;border-color:var(--accent)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.ddOption{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ddOption:hover,.ddOption.selected{background:var(--accent-light)!important}.ddOptionLabel{color:var(--text-primary)!important}.lsModal{background:var(--bg-card)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important}.lsOption{background:var(--bg-card)!important;border-color:var(--border-color)!important;border-radius:var(--radius-md)!important}.lsOption:hover,.lsOption.active{background:var(--accent-light)!important;border-color:var(--accent)!important}.lsName{color:var(--text-primary)!important}.lsNative,.lsDesc,.lsNote{color:var(--text-muted)!important}.fbModal{background:var(--bg-card)!important;border-radius:var(--radius-xl)!important}.fbTextarea{background:var(--bg-input)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.fbCatBtn{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-muted)!important}.mcDrawer{background:var(--bg-card)!important}.mcDrawerLink{color:var(--text-secondary)!important;border-radius:var(--radius-md)!important}.mcDrawerLink:hover,.mcDrawerLink.active{background:var(--accent-light)!important;color:var(--accent)!important}.mcDrawerAuth{border-color:var(--border-color)!important}.statCard,.sleepStat,.energyStat,.anxietyStat,.challengeStat,.improvementStatCard,.categorySection{background:var(--bg-card)!important;border-color:var(--border-color)!important;border-radius:var(--radius-lg)!important}.featureLabel{color:var(--text-secondary)!important}.studentBanner{background:linear-gradient(135deg,#1e1b4b,#312e81)!important;border-radius:var(--radius-xl)!important}.historyItem,.historyCard,.historyChip{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important;border-radius:var(--radius-md)!important}.anxietyTipsBox,.energyTipsSection{background:var(--accent-light)!important;border-color:var(--border-color)!important;border-radius:var(--radius-md)!important}.crisisAlert{background:var(--red-bg)!important;border-color:var(--red-border)!important;border-radius:var(--radius-lg)!important}.crisisNumber{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .reflection{background:linear-gradient(135deg,#0f172a,#1e1b4b)}.overlay{min-height:100vh;padding:50px;text-align:center;background:#ffffffe6}[data-theme=dark] .overlay{background:#111827eb}.groundingIntro,.fbSuccess{background:var(--green-bg)!important;border-color:var(--green-border)!important;border-radius:var(--radius-md)!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-hint)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#374151}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--accent)}*,*:before,*:after{transition:background-color .25s ease,border-color .25s ease,color .2s ease}.breathCircleInner,.cbTyping span,.cbLoadingDots span{transition:none!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-primary)!important}[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] label,[data-theme=dark] li,[data-theme=dark] a:not(.btn):not([class*=Btn]){color:var(--text-secondary)!important}[data-theme=dark] .mcHeader span,[data-theme=dark] .mcHeader a,[data-theme=dark] .mcHeader p,[data-theme=dark] .mcHeader li{color:#ffffffd9!important}[data-theme=dark] [class*=Card],[data-theme=dark] [class*=card],[data-theme=dark] [class*=Form],[data-theme=dark] [class*=form],[data-theme=dark] [class*=Box],[data-theme=dark] [class*=box],[data-theme=dark] [class*=Section],[data-theme=dark] [class*=Panel],[data-theme=dark] [class*=Container],[data-theme=dark] [class*=Wrapper]{background:var(--bg-card)!important;border-color:var(--border-card)!important;color:var(--text-primary)!important}[data-theme=dark] [class*=Badge],[data-theme=dark] [class*=badge],[data-theme=dark] [class*=Tag],[data-theme=dark] [class*=tag],[data-theme=dark] [class*=Chip],[data-theme=dark] [class*=chip],[data-theme=dark] [class*=pts],[data-theme=dark] [class*=Pts],[data-theme=dark] [class*=Points],[data-theme=dark] [class*=points]{color:var(--text-primary)!important;background:var(--bg-tertiary)!important;border-color:var(--border-color)!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] button:not([class*=primary]):not([class*=submit]):not([class*=sos]):not([class*=SOS]){background:var(--bg-card)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .mcHeader button:not([class*=sos]):not([class*=SOS]):not([class*=Need]){background:transparent!important;color:#ffffffd1!important;border-color:transparent!important}[data-theme=dark] [class*=history],[data-theme=dark] [class*=History],[data-theme=dark] [class*=item],[data-theme=dark] [class*=Item]:not([class*=menu]){background:var(--bg-secondary)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] [class*=stat],[data-theme=dark] [class*=Stat],[data-theme=dark] [class*=score],[data-theme=dark] [class*=Score],[data-theme=dark] [class*=count],[data-theme=dark] [class*=Count]{color:var(--text-primary)!important}[data-theme=dark] [class*=modal],[data-theme=dark] [class*=Modal],[data-theme=dark] [class*=drawer],[data-theme=dark] [class*=Drawer],[data-theme=dark] [class*=popup],[data-theme=dark] [class*=Popup]{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.sugHero{background:linear-gradient(135deg,#4f46e5,#7c3aed,#ec4899)!important;border-radius:var(--radius-xl)!important}[data-theme=dark] [class*=emergencyDesc],[data-theme=dark] [class*=emergencyTitle],[data-theme=dark] [class*=progressInfo] span,[data-theme=dark] [class*=categoryCount],[data-theme=dark] [class*=challengeFooter] [class*=challengeCategory],[data-theme=dark] [class*=breathReadyText],[data-theme=dark] [class*=reviewField],[data-theme=dark] [class*=reviewCardMeta] .reviewType,[data-theme=dark] [class*=overlay] h1,[data-theme=dark] [class*=overlay] p{color:#000!important}[data-theme=dark] [class*=heroTitle],[data-theme=dark] [class*=heroAccent],[data-theme=dark] [class*=heroDesc],[data-theme=dark] [class*=phoneLogo],[data-theme=dark] [class*=phoneDate],[data-theme=dark] [class*=phoneJournalLabel],[data-theme=dark] [class*=phoneJournalText],[data-theme=dark] [class*=phoneStreak] span:first-child,[data-theme=dark] [class*=heroStat],[data-theme=dark] [class*=stepNum]{color:#030712!important}[data-theme=dark] [class*=stepNum]+h3{color:#92400e!important}[data-theme=dark] [class*=stepNum]+h3+p{color:#000!important}[data-theme=dark] [class*=exampleLabel],[data-theme=dark] [class*=exampleText],[data-theme=dark] [class*=reframeLabel],[data-theme=dark] [class*=reframeText],[data-theme=dark] [class*=cognitiveJournal] h2,[data-theme=dark] [class*="panel happy"] h2,[data-theme=dark] [class*="panel sad"] h2,[data-theme=dark] [class*=coping] h2{color:#030712!important}[data-theme=dark] .journalEntry .journalDate{color:#f9fafb!important}[data-theme=dark] .journalEntry p{color:#e5e7eb!important}[data-theme=dark] .journalEntry p strong{color:#fbbf24!important}[data-theme=dark] .goalCategory{color:navy!important}[data-theme=dark] .therapyNoteContent{color:#333!important}[data-theme=dark] .sugClear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:#1f2937;color:#f9fafb;cursor:pointer}[data-theme=dark] .sugSearch{display:flex;align-items:center;gap:10px;background:#f3f4f6;padding:10px 14px;border-radius:18px}[data-theme=dark] .sugSearch input{flex:1;background:#374151;color:#f9fafb;border:none;outline:none;padding:10px 14px;border-radius:14px}[data-theme=dark] .sugSearch input::placeholder{color:#9ca3af}[data-theme=light] .mcUserName,[data-theme=light] .sugHeroDesc{color:#fff!important}[data-theme=dark] .overlay h1,[data-theme=dark] .overlay p{color:#e5e7eb!important}[data-theme=light] .footerLinks h4,[data-theme=dark] .footerLinks h4,[data-theme=light] .footerContact h4,[data-theme=dark] .footerContact h4,[data-theme=light] .footerHelp h4,[data-theme=dark] .footerHelp h4{color:#fff!important}