@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap";:root{--font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-xs: .375rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--bg-primary-light: #f7f9fc;--bg-secondary-light: #FFFFFF;--bg-tertiary-light: #eef2f7;--text-primary-light: #2c3e50;--text-secondary-light: #7f8c8d;--border-light: #e0e6ed;--shadow-sm-light: 0 1px 3px rgba(44, 62, 80, .08);--shadow-md-light: 0 4px 12px rgba(44, 62, 80, .12);--shadow-lg-light: 0 10px 24px rgba(44, 62, 80, .15);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-calm: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--bg-primary-dark: #161b22;--bg-secondary-dark: #22272e;--bg-tertiary-dark: #1c2128;--text-primary-dark: #cdd9e5;--text-secondary-dark: #768390;--border-dark: #373e47;--accent-primary: #3498db;--accent-primary-hover: #2980b9;--accent-primary-text: #ffffff;--accent-danger: #e74c3c;--accent-danger-hover: #c0392b;--accent-success: #2ecc71;--accent-success-hover: #27ae60;--accent-warning: #f39c12;--bg-primary: var(--bg-primary-light);--bg-secondary: var(--bg-secondary-light);--bg-tertiary: var(--bg-tertiary-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--border-color: var(--border-light);--shadow-sm: var(--shadow-sm-light);--shadow-md: var(--shadow-md-light);--shadow-lg: var(--shadow-lg-light)}[data-theme=dark]{--bg-primary: var(--bg-primary-dark);--bg-secondary: var(--bg-secondary-dark);--bg-tertiary: var(--bg-tertiary-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--border-color: var(--border-dark);--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--accent-primary: #58a6ff;--accent-primary-hover: #79b8ff;--accent-primary-text: #161b22;--accent-danger: #f85149;--accent-danger-hover: #e53935;--accent-success: #3fb950;--accent-success-hover: #56d364}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-primary);font-size:16px!important;zoom:1!important;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;transform:scale(1)!important;transform-origin:top left}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;font-size:1rem!important;min-height:100vh;width:100%;transform:none!important;zoom:1!important}#root{display:flex;height:100vh;overflow:hidden;transform:none!important;zoom:1!important;font-size:1rem!important}.app-layout{display:flex;width:100%;height:100%}p,span,div,li,td,th,label,a{font-size:max(1rem,16px)}.donation-heart-container{text-align:center;margin-bottom:2rem;color:var(--accent-primary)}.donation-heart-container svg{width:48px!important;height:48px!important;max-width:48px;max-height:48px}h1{font-size:max(2.5rem,40px)!important}h2{font-size:max(2rem,32px)!important}h3{font-size:max(1.5rem,24px)!important}h4{font-size:max(1.25rem,20px)!important}button,input,textarea,select{font-size:max(16px,1rem)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}a{color:var(--accent-primary);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}.main-content{flex-grow:1;padding:var(--space-xl);overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column;transition:padding .3s ease;height:100vh;scroll-behavior:smooth}.chat-active .main-content{padding:0}.background-blobs{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:-1}.blob{position:absolute;background:var(--accent-primary);border-radius:50%;filter:blur(80px);opacity:.1;transition:background-color .3s ease;animation-iteration-count:infinite;animation-direction:alternate}[data-theme=dark] .blob{opacity:.15;filter:blur(120px)}.blob1{width:400px;height:400px;top:-150px;right:-150px;animation-name:moveBlob1;animation-duration:25s}.blob2{width:300px;height:300px;bottom:-100px;left:-100px;background:#7ab7e6;animation-name:moveBlob2;animation-duration:30s}@keyframes moveBlob1{0%{transform:translate(0) scale(1) rotate(0)}to{transform:translate(-50px,50px) scale(1.2) rotate(90deg)}}@keyframes moveBlob2{0%{transform:translate(0) scale(1) rotate(0)}to{transform:translate(50px,-50px) scale(.8) rotate(-90deg)}}.view-header{margin-bottom:var(--space-xl);padding:var(--space-xl) 0;position:relative;animation:fadeInUp .5s ease-out}.view-header:after{content:"";position:absolute;bottom:0;left:0;width:100px;height:4px;background:var(--gradient-primary);border-radius:2px}.view-header h1{font-size:3rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.view-header .view-subheader{font-size:1.25rem;color:var(--text-secondary);margin-top:var(--space-sm);line-height:1.6}.sidebar{width:280px;background-color:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;flex-shrink:0;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--border-color);box-shadow:2px 0 10px #0000000d;height:100vh;position:sticky;top:0;overflow-y:auto;overflow-x:hidden}[data-theme=dark] .sidebar,[data-theme=dark] .sidebar-header{background-color:var(--bg-primary)}.sidebar-header{padding:0 var(--space-sm) var(--space-lg) var(--space-sm);font-size:1.25rem;font-weight:700;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-md);color:var(--text-primary);flex-shrink:0;position:sticky;top:0;background:var(--bg-secondary);z-index:1}.sidebar-nav{list-style:none;flex-grow:1;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-sm);margin-right:calc(-1 * var(--space-sm))}.nav-item{margin-bottom:var(--space-sm)}.nav-link{display:flex;align-items:center;padding:1rem var(--space-lg);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;margin-bottom:var(--space-xs)}.nav-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:translate(4px)}.nav-link.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 15%,transparent),color-mix(in srgb,var(--accent-primary) 5%,transparent));color:var(--accent-primary);font-weight:700;box-shadow:0 2px 8px #667eea26}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--gradient-primary);border-radius:0 4px 4px 0}.nav-link.active svg{color:var(--accent-primary)}.nav-link svg{margin-right:var(--space-md);width:20px;height:20px;color:var(--text-secondary);transition:color .2s}.nav-separator{height:1px;background-color:var(--border-color);margin:var(--space-md) 0}.sidebar-footer{margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--border-color);flex-shrink:0}.sidebar::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:#667eea33;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover,.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#667eea66}.online-status{display:flex;align-items:center;gap:.75rem;padding:var(--space-sm) var(--space-md);background-color:color-mix(in srgb,var(--accent-success) 15%,transparent);border-radius:var(--radius-md);font-weight:600;color:var(--accent-success)}.online-status svg{width:20px;height:20px;color:var(--accent-success)}.notification-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;background-color:var(--accent-primary);border-radius:50%;border:2px solid var(--bg-secondary)}[data-theme=dark] .notification-dot{border-color:var(--bg-primary)}.notification-dot-small{width:10px;height:10px;background-color:var(--accent-primary);border-radius:50%}.card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:0 4px 20px #00000014;border:1px solid var(--border-color);margin-bottom:var(--space-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s ease-out forwards;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}input:not([type=checkbox]):not([type=radio]),textarea,select{padding:1rem 1.5rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;width:100%;font-family:inherit}input:focus:not([type=checkbox]):not([type=radio]),textarea:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a,0 4px 16px #00000014;transform:translateY(-1px);outline:none}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:.7}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card:hover:before{opacity:1}.card.empty-state{text-align:center;padding:var(--space-xl) var(--space-lg)}.card.empty-state h2{font-size:1.25rem}.card.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.form-group{margin-bottom:1.25rem}.form-group-checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.form-group-checkbox label{margin:0;font-weight:400}.form-group label{display:block;font-weight:600;margin-bottom:var(--space-sm)}.form-group a,.form-group-checkbox a{color:var(--accent-primary);text-decoration:none;font-weight:700}.form-group a:hover,.form-group-checkbox a:hover{text-decoration:underline}.form-control{width:100%;padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-family);font-size:1.05rem;background-color:var(--bg-tertiary);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:48px}.form-control:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 25%,transparent)}textarea.form-control{resize:vertical;min-height:150px}.form-group-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm)}#markdown-support{font-size:.875rem;color:var(--text-secondary)}.char-counter{font-size:.875rem;color:var(--text-secondary);font-weight:600}.char-counter.warning{color:var(--accent-warning)}.char-counter.error{color:var(--accent-danger)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-lg)}.form-actions:has(.btn-secondary){justify-content:space-between}.form-actions-group{display:flex;gap:.5rem}.btn{padding:1rem 2rem;border:none;border-radius:var(--radius-md);font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);position:relative;overflow:hidden;min-height:48px;text-transform:none;letter-spacing:.025em;box-shadow:0 2px 8px #0000001a}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:after{width:300px;height:300px}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.btn.anim-pop{animation:pop .3s ease-out}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:var(--accent-primary-text);box-shadow:0 4px 15px #667eea40;font-weight:700;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover:not(:disabled){background:var(--gradient-primary);box-shadow:0 6px 20px #667eea59;transform:translateY(-2px);filter:brightness(1.1)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){border-color:var(--text-secondary);background-color:color-mix(in srgb,var(--text-secondary) 10%,transparent)}.btn-danger{background-color:var(--accent-danger);color:#fff}.btn-danger:hover{background-color:var(--accent-danger-hover)}.btn-success{background-color:var(--accent-success);color:#fff}.btn-success:hover{background-color:var(--accent-success-hover)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.filter-sort-bar{display:flex;justify-content:space-between;align-items:center;padding:0;flex-wrap:wrap;gap:1.5rem}.filter-group,.sort-group,.search-group{display:flex;align-items:center;gap:1rem}.filter-group label,.sort-group label{font-weight:600;font-size:.9rem;color:var(--text-secondary)}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-buttons .btn,.filter-buttons button{border-radius:16px;padding:.4rem 1rem;font-weight:600;border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .2s ease-in-out}.filter-buttons .btn:not(.active):hover,.filter-buttons button:not(.active):hover{border-color:var(--text-secondary);transform:translateY(-1px)}.filter-buttons .btn.active,.filter-buttons button.active{background-color:var(--accent-primary);color:var(--accent-primary-text);border-color:var(--accent-primary)}#sort-select{padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.search-group{flex-grow:1;max-width:350px;position:relative}.search-group svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);width:20px;height:20px}.search-input{width:100%;border-radius:20px;padding:.6rem 1rem .6rem 2.5rem;border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-primary);font-size:1rem}.posts-list,.post-card{list-style:none}.post-card:not(.skeleton):hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}[data-theme=dark] .post-card:not(.skeleton):hover{border-color:var(--text-secondary)}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.post-user-info{display:flex;align-items:center;gap:.75rem}.avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.avatar-color-0{background-color:#f5b7b1}.avatar-color-1{background-color:#a9dfbf}.avatar-color-2{background-color:#aed6f1}.avatar-color-3{background-color:#f9e79f}.avatar-color-4{background-color:#d7bde2}.avatar-color-5{background-color:#f5cba7}.avatar-color-6{background-color:#a3e4d7}.avatar-color-7{background-color:#e6b0aa}.post-user-info .username{font-weight:700}.post-meta{text-align:right}.post-category{background-color:var(--bg-tertiary);padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.8rem;color:var(--text-secondary);border:1px solid var(--border-color);margin-bottom:.25rem;display:inline-block}.post-timestamp{font-size:.875rem;color:var(--text-secondary)}.post-content{white-space:pre-wrap;word-wrap:break-word;margin-bottom:1.5rem;opacity:.9}.post-actions{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--border-color);padding-top:1rem;flex-wrap:wrap}.post-actions .btn-sm{padding:.5rem 1rem;font-size:.875rem;font-weight:600}.post-actions .btn-support{display:flex;align-items:center;gap:.5rem;position:relative}.post-actions .btn-support .notification-dot-small{position:absolute;top:-3px;right:-3px}.post-actions .btn-support.supported{background-color:color-mix(in srgb,var(--accent-primary) 15%,transparent);color:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent)}.post-actions .btn-support svg{width:16px;height:16px;transition:fill .2s;fill:none;stroke:var(--accent-primary);stroke-width:2}.post-actions .btn-support.supported svg{fill:var(--accent-primary);stroke:var(--accent-primary)}.support-count{min-width:1ch;font-variant-numeric:tabular-nums}.post-actions .btn-report.reported{cursor:not-allowed;opacity:.6}.ai-match-reason{font-size:.8rem;color:var(--accent-success);font-style:italic;font-weight:600;margin-top:-.5rem;margin-bottom:1rem;display:block;width:100%}.post-card.skeleton{cursor:wait}.skeleton .avatar,.skeleton .username-skeleton,.skeleton .category-skeleton,.skeleton .content-skeleton{background-color:color-mix(in srgb,var(--text-secondary) 15%,transparent);border-radius:4px;animation:pulse 1.5s infinite ease-in-out}.skeleton .avatar{border-radius:50%}.skeleton .username-skeleton{width:120px;height:20px}.skeleton .category-skeleton{width:80px;height:20px;border-radius:12px}.skeleton .content-skeleton{height:16px;margin-bottom:.5rem}.skeleton .line-1{width:90%}.skeleton .line-2{width:100%}.skeleton .line-3{width:70%}@keyframes pulse{0%{background-color:color-mix(in srgb,var(--text-secondary) 15%,transparent)}50%{background-color:color-mix(in srgb,var(--text-secondary) 30%,transparent)}to{background-color:color-mix(in srgb,var(--text-secondary) 15%,transparent)}}.loading-spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;margin:0 auto}.btn-secondary .loading-spinner{border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent);border-top-color:var(--accent-primary)}.api-error{margin-top:1rem;padding:1rem;border-radius:var(--radius-md);font-size:.9rem;border:1px solid var(--accent-danger);background-color:color-mix(in srgb,var(--accent-danger) 10%,transparent);color:var(--accent-danger)}.crisis-alert{background-color:color-mix(in srgb,var(--accent-danger) 10%,transparent);border:1px solid var(--accent-danger);color:var(--accent-danger);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);display:flex;align-items:flex-start;gap:1rem}.crisis-icon-wrapper{background-color:var(--accent-danger);color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.crisis-icon-wrapper svg{width:24px;height:24px}.crisis-content h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--accent-danger)}.crisis-content p{margin-bottom:1rem}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.resource-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.resource-card h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.75rem}.resource-card p{flex-grow:1;margin-bottom:1rem;color:var(--text-secondary)}.resource-contact{border-top:1px solid var(--border-color);padding-top:1rem;display:flex;justify-content:space-between;align-items:center}.resource-contact span{font-weight:600;color:var(--text-secondary)}.resource-contact strong{font-size:1.2rem}.markdown-content ul,.markdown-content ol{margin-left:1.5rem;margin-bottom:1rem}.markdown-content li{margin-bottom:.5rem}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:1.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.card ul{list-style-position:inside;padding-left:.5rem}.card ul li{margin-bottom:1rem}.card ul li::marker{color:var(--accent-primary)}.user-token-display{background-color:var(--bg-tertiary);padding:1rem;border-radius:var(--radius-md);font-family:monospace;word-break:break-all;border:1px solid var(--border-color);margin-top:1rem}.setting-item{display:flex;justify-content:space-between;align-items:center}.theme-toggle{position:relative;display:inline-block;width:50px;height:28px}.theme-toggle input{opacity:0;width:0;height:0}.theme-toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);border:1px solid var(--border-color);transition:.4s;border-radius:28px}.theme-toggle .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:.4s;border-radius:50%}.theme-toggle input:checked+.slider{background-color:var(--accent-primary)}.theme-toggle input:checked+.slider:before{transform:translate(22px);background-color:#fff}.settings-view{max-width:800px;margin:0 auto;padding:var(--space-lg);background:linear-gradient(135deg,rgba(102,126,234,.02) 0%,rgba(118,75,162,.01) 50%,transparent 100%);border-radius:var(--radius-lg)}.settings-section{margin-bottom:var(--space-xl);padding:var(--space-xl);background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid rgba(102,126,234,.1);box-shadow:0 4px 20px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.settings-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a;border-color:#667eea33}[data-theme=dark] .settings-section{background:#1e1e28cc;border-color:#667eea26}.settings-section h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:var(--space-sm)}.settings-section h2:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;flex-shrink:0}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) 0;border-bottom:1px solid var(--border-color);transition:all .2s ease}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-item:hover{background:#667eea05;border-radius:var(--border-radius);padding-left:var(--space-sm);padding-right:var(--space-sm)}.setting-item label{font-weight:600;color:var(--text-primary);font-size:1rem}.setting-item p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0 0;line-height:1.4}.setting-item .setting-info{flex:1;margin-right:var(--space-lg)}.theme-toggle{position:relative;display:inline-block;width:60px;height:32px}.theme-toggle .slider{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid rgba(102,126,234,.1);box-shadow:inset 0 2px 4px #0000001a}.theme-toggle .slider:before{height:24px;width:24px;left:2px;bottom:2px;background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 2px 8px #00000026}.theme-toggle input:checked+.slider{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:#667eea4d}.theme-toggle input:checked+.slider:before{transform:translate(28px);background:linear-gradient(135deg,#fff,#f0f0f0)}.expertise-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm);margin-top:var(--space-lg)}.radio-group{position:relative;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-md);transition:all .3s ease;cursor:pointer}.radio-group:hover{border-color:#667eea4d;background:#667eea05;transform:translateY(-1px)}.radio-group input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.radio-group input[type=checkbox]:checked+label{color:var(--accent-primary);font-weight:600}.radio-group input[type=checkbox]:checked~.radio-group{border-color:var(--accent-primary);background:#667eea0d;box-shadow:0 0 0 3px #667eea1a}.radio-group label{display:block;cursor:pointer;font-size:.9rem;color:var(--text-primary);transition:all .2s ease;position:relative;padding-left:2rem}.radio-group label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;background:var(--bg-primary);transition:all .2s ease}.radio-group input[type=checkbox]:checked+label:before{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:var(--accent-primary)}.radio-group input[type=checkbox]:checked+label:after{content:"✓";position:absolute;left:4px;top:50%;transform:translateY(-50%);color:#fff;font-size:.8rem;font-weight:700}.account-actions{display:flex;flex-direction:column;gap:var(--space-lg)}.account-action-item{padding:var(--space-lg);background:#667eea05;border:1px solid rgba(102,126,234,.1);border-radius:var(--border-radius);transition:all .3s ease}.account-action-item:hover{background:#667eea0d;border-color:#667eea33}.account-action-item.danger{background:#dc354505;border-color:#dc35451a}.account-action-item.danger:hover{background:#dc35450d;border-color:#dc354533}.privacy-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--accent-primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease;border-radius:var(--border-radius);padding:var(--space-xs) var(--space-sm)}.privacy-link:hover{background:#667eea1a;transform:translate(2px)}.privacy-link:after{content:"→";transition:transform .2s ease}.privacy-link:hover:after{transform:translate(2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-panel{width:90%;max-width:500px;animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:0 20px 60px #0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.modal-panel ul{list-style-position:inside;margin-top:1rem}.modal-panel ul li{margin-bottom:.5rem}.modal-panel ul li::marker{color:var(--accent-primary)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.modal-close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.modal-close-btn:hover{background-color:var(--bg-tertiary)}.modal-close-btn svg{width:20px;height:20px;color:var(--text-secondary)}.modal-body p{margin-bottom:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.severity-meter{width:100%;height:15px;background:linear-gradient(to right,var(--accent-success),var(--accent-warning),var(--accent-danger));border-radius:15px;margin:1.5rem auto .5rem;position:relative}.severity-meter-indicator{position:absolute;top:-5px;width:25px;height:25px;background-color:var(--bg-secondary);border:3px solid var(--text-primary);border-radius:50%;transform:translate(-50%);transition:left .5s ease-out}.severity-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);padding:0 .5rem}.chat-view{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--bg-primary);position:relative}.chat-header{display:flex;align-items:center}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-lg);padding-bottom:140px}.chat-composer{position:fixed;bottom:0;left:280px;right:0;padding:var(--space-lg);background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);box-shadow:0 -4px 20px #00000014;z-index:100}[data-theme=dark] .chat-composer{background:#1e1e28fa;border-top:1px solid rgba(102,126,234,.2)}@media (max-width: 768px){.chat-composer{left:0;bottom:80px}.chat-messages{padding-bottom:220px}}.ai-chat-view{display:flex;flex-direction:column;height:100%;width:100%;background:linear-gradient(180deg,rgba(102,126,234,.03) 0%,rgba(118,75,162,.02) 50%,var(--bg-primary) 100%);position:relative;overflow:hidden}.ai-chat-view:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(118,75,162,.06) 0%,transparent 50%);animation:float 30s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-20px,-20px) rotate(120deg)}66%{transform:translate(20px,-10px) rotate(240deg)}}.ai-chat-view>*{position:relative;z-index:1}.ai-chat-view svg{max-width:24px;max-height:24px;width:auto;height:auto}.chat-view svg{max-width:24px!important;max-height:24px!important;width:auto;height:auto}.avatar-ai{width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.avatar-ai svg{width:24px!important;height:24px!important}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(102,126,234,.1);box-shadow:0 2px 20px #00000008}[data-theme=dark] .ai-chat-header{background:#1e1e28e6;border-bottom:1px solid rgba(102,126,234,.2)}.ai-chat-back-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:all .2s}.ai-chat-back-btn:hover{background:#667eea1a;color:var(--primary)}.ai-chat-header-center{display:flex;align-items:center;gap:var(--space-md)}.ai-chat-avatar-wrapper{position:relative}.ai-chat-avatar{width:48px;height:48px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #667eea40}.ai-chat-avatar svg{width:28px;height:28px}.ai-chat-status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#4ade80;border:2px solid var(--bg-secondary);border-radius:50%;animation:pulse 2s infinite}.ai-chat-header-info h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.ai-chat-subtitle{display:flex;align-items:center;gap:var(--space-xs);margin:0;color:var(--text-secondary);font-size:.875rem}.ai-chat-subtitle svg{width:16px;height:16px;color:var(--accent-primary)}.ai-chat-messages{flex:1;overflow-y:auto;padding:var(--space-xl);padding-bottom:160px;background:radial-gradient(ellipse at top,rgba(102,126,234,.02) 0%,transparent 70%)}.ai-chat-messages-inner{max-width:800px;margin:0 auto}.ai-chat-welcome{text-align:center;padding:var(--space-2xl) var(--space-xl);animation:fadeIn .5s ease-out}.ai-chat-welcome-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);color:#fff;box-shadow:0 8px 24px #667eea4d}.ai-chat-welcome-icon svg{width:48px;height:48px}.ai-chat-welcome h3{font-size:1.75rem;margin:0 0 var(--space-md) 0;color:var(--text-primary)}.ai-chat-welcome p{font-size:1.125rem;color:var(--text-secondary);max-width:500px;margin:0 auto var(--space-xl);line-height:1.6}.ai-chat-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.ai-chat-suggestion{padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s}.ai-chat-suggestion:hover{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,transparent);transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.ai-message-group{margin-bottom:var(--space-lg);animation:slideUp .3s ease-out}.ai-message-group.user .ai-message-wrapper{justify-content:flex-end}.ai-message-wrapper{display:flex;gap:var(--space-md);align-items:flex-end}.ai-message-avatar{width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ai-message-avatar svg{width:24px;height:24px}.ai-message-content{max-width:70%}.ai-message-group.user .ai-message-content{align-items:flex-end}.ai-message-bubble{padding:var(--space-lg) var(--space-xl);border-radius:20px;background:#ffffffe6;box-shadow:0 4px 16px #0000000f;position:relative;border:1px solid rgba(102,126,234,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.6}[data-theme=dark] .ai-message-bubble{background:#282832e6;border:1px solid rgba(102,126,234,.2)}.ai-message-group.user .ai-message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 4px 20px #667eea4d}.ai-message-group.user .ai-message-bubble *{color:#fff}.ai-message-timestamp{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:var(--space-xs);padding:0 var(--space-md)}.ai-chat-composer{position:fixed;bottom:0;left:280px;right:0;padding:var(--space-xl);background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(102,126,234,.1);box-shadow:0 -4px 20px #00000014;z-index:100}[data-theme=dark] .ai-chat-composer{background:#1e1e28fa;border-top:1px solid rgba(102,126,234,.2)}@media (max-width: 768px){.ai-chat-composer{left:0;bottom:80px}.ai-chat-messages{padding-bottom:240px}}.ai-chat-composer-inner{display:flex;gap:var(--space-md);max-width:800px;margin:0 auto;position:relative}.ai-chat-input{background:var(--bg-primary);border:2px solid rgba(102,126,234,.2);transition:all .3s;padding:var(--space-md) var(--space-lg);border-radius:25px;font-size:1rem}.ai-chat-input:focus{border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 0 4px #667eea1a;outline:none}.ai-chat-send-btn{padding:0 var(--space-lg);min-width:auto}.ai-chat-privacy-note{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin:var(--space-md) 0 0 0;font-size:.875rem;color:var(--text-secondary)}.ai-chat-privacy-note svg{width:16px;height:16px}.ai-chat-safe-space{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#667eea1a;border-radius:50px;margin:0 auto var(--space-lg);width:fit-content;animation:fadeIn .5s ease-out}.ai-chat-safe-space svg{width:20px!important;height:20px!important;color:var(--accent-primary);flex-shrink:0}.ai-chat-safe-space span{font-size:.875rem;font-weight:600;color:var(--accent-primary)}.ai-therapist-card{background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);border:1px solid rgba(102,126,234,.15);border-radius:20px;padding:var(--space-xl);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-lg);box-shadow:0 8px 24px #667eea14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease;animation:slideUp .5s ease-out}[data-theme=dark] .ai-therapist-card{background:#282832cc;border:1px solid rgba(102,126,234,.2)}.ai-therapist-avatar{width:64px;height:64px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;flex-shrink:0}.ai-therapist-info h3{margin:0 0 var(--space-xs) 0;font-size:1.125rem;color:var(--text-primary)}.ai-therapist-info p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.ai-chat-header{padding:var(--space-md)}.ai-chat-header-info h2{font-size:1.125rem}.ai-chat-messages{padding:var(--space-md)}.ai-message-content{max-width:85%}.ai-chat-welcome{padding:var(--space-xl) var(--space-md)}.ai-chat-suggestions{flex-direction:column;align-items:stretch}.ai-chat-suggestion{text-align:center}.ai-chat-composer{padding:var(--space-md)}.ai-chat-badge{display:none}}.wellness-videos-container{position:relative;width:100%;height:100%;background:#000}.wellness-videos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#000;color:#fff}.wellness-videos-loading p{margin-top:var(--space-md);color:#ccc}.wellness-videos-scroll{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.wellness-videos-scroll::-webkit-scrollbar{display:none}.wellness-video-item{position:relative;width:100%;height:100vh;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;background:#000}.wellness-video-player{width:100%;height:100%;object-fit:contain;cursor:pointer}.wellness-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,transparent 70%,rgba(0,0,0,.8) 100%);pointer-events:none}.wellness-video-paused{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:auto}.wellness-video-paused svg{width:40px;height:40px}.wellness-video-info{position:absolute;bottom:100px;left:var(--space-lg);right:80px;color:#fff;pointer-events:auto}.wellness-video-title{font-size:1.25rem;font-weight:700;margin:0 0 var(--space-xs) 0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.wellness-video-description{font-size:.875rem;margin:0 0 var(--space-sm) 0;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.5)}.wellness-video-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;opacity:.8}.wellness-video-meta svg{width:16px;height:16px}.wellness-video-actions{position:absolute;right:var(--space-lg);bottom:140px;display:flex;flex-direction:column;gap:var(--space-lg);pointer-events:auto}.wellness-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);background:none;border:none;color:#fff;cursor:pointer;transition:transform .2s}.wellness-action-btn:hover{transform:scale(1.1)}.wellness-action-btn svg{width:32px;height:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.wellness-action-btn span{font-size:.75rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}.wellness-action-btn.active svg{fill:var(--accent-primary)}.wellness-video-progress{position:absolute;top:var(--space-lg);left:var(--space-lg);right:var(--space-lg);display:flex;gap:var(--space-xs);pointer-events:none}.progress-dot{flex:1;height:3px;background:#ffffff4d;border-radius:3px;transition:background .3s}.progress-dot.active{background:#fff}.wellness-upload-fab{position:absolute;bottom:var(--space-xl);right:var(--space-xl);width:56px;height:56px;border-radius:50%;box-shadow:0 4px 12px #0000004d}.wellness-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@media (max-width: 768px){.wellness-video-info{left:var(--space-md);right:70px;bottom:80px}.wellness-video-actions{right:var(--space-md);bottom:120px}.wellness-action-btn svg{width:28px;height:28px}.wellness-action-btn{min-height:44px;min-width:44px;padding:12px}.wellness-play-indicator{width:80px;height:80px;font-size:2rem}.video-title{font-size:1rem;line-height:1.3}.video-description{font-size:.875rem;line-height:1.4}.video-stats{font-size:.75rem}}.wellness-videos-container{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media (prefers-reduced-motion: no-preference){.wellness-videos-container{scroll-behavior:smooth}}@media (prefers-color-scheme: dark){.wellness-loading-overlay{background:#000000e6;color:#fff}.error-state{background:#e74c3c1a;border-color:#e74c3c33;color:#fff}.error-state-title{color:#ecf0f1}.error-state-message{color:#bdc3c7}}.toast{position:fixed;top:20px;right:20px;background:#fffffff2;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px 20px;box-shadow:0 8px 32px #0000001f;z-index:1000;max-width:320px;animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:4px solid var(--accent-primary);font-weight:500}.toast.info{border-left-color:#3498db}.toast.success{border-left-color:#27ae60}.toast.warning{border-left-color:#f39c12}.toast.error{border-left-color:#e74c3c}@media (display-mode: standalone){.wellness-videos-view{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@keyframes hapticTap{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.wellness-action-btn:active,.retry-button:active,.app-button:active{animation:hapticTap .1s ease-out}.splash-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-primary);position:absolute;top:0;left:0;z-index:9999}.splash-logo{font-size:2.5rem;font-weight:700;color:var(--accent-primary);animation:pulse-text 2s infinite ease-in-out}@keyframes pulse-text{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}.view-content-wrapper{animation:fadeInView .4s ease-out;width:100%}@keyframes fadeInView{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.empty-state-container{text-align:center;padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);height:100%}.empty-state-icon{color:var(--accent-primary);opacity:.6;width:60px;height:60px}.empty-state-title{font-size:1.5rem;font-weight:700;margin:0}.empty-state-message{color:var(--text-secondary);max-width:450px;margin-bottom:var(--space-md)}.stat-card{display:flex;flex-direction:column;gap:var(--space-sm);text-align:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.stat-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:600;color:var(--text-secondary)}.stat-header h3{margin:0;font-size:1rem}.stat-header svg{width:20px;height:20px}.stat-number{font-size:2.5rem;font-weight:700;line-height:1.1}.stat-number.text{font-size:1.75rem}.stat-card p{font-size:.9rem;color:var(--text-secondary);margin:0}.message-bubble{padding:var(--space-md) var(--space-lg);border-radius:20px;box-shadow:0 4px 16px #0000000f;max-width:75%;line-height:1.6;animation:slideUp .3s ease-out}.message-group.user .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 20px #667eea4d}.message-group.poster .message-bubble,.message-group.helper .message-bubble{background:#ffffffe6;border:1px solid rgba(102,126,234,.1);border-bottom-left-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .message-group.poster .message-bubble,[data-theme=dark] .message-group.helper .message-bubble{background:#282832e6;border:1px solid rgba(102,126,234,.2)}.quiet-space-container{padding:var(--space-xl);max-width:1200px;margin:0 auto;animation:fadeInView .5s ease-out}.quiet-space-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-sm)}.quiet-space-instructions{color:var(--text-secondary);text-align:center;margin:var(--space-md) 0;font-size:1rem}.breathing-section{margin-bottom:var(--space-xl)}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.5rem;margin-bottom:var(--space-lg);color:var(--text-primary)}.section-title svg{width:28px;height:28px;color:var(--accent-primary)}.section-description{color:var(--text-secondary);margin-bottom:var(--space-lg)}.breathing-patterns{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.pattern-card{padding:var(--space-lg);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s;text-align:left}.pattern-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pattern-card.active{background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-secondary));border-color:var(--accent-primary)}.pattern-card h3{margin:0 0 var(--space-xs) 0;color:var(--text-primary);font-size:1.125rem}.pattern-card p{margin:0;color:var(--text-secondary);font-size:.875rem}.breathing-circle-container{margin:var(--space-xl) 0;display:flex;align-items:center;justify-content:center;width:250px;height:250px}.breathing-circle{width:200px;height:200px;background:var(--gradient-primary);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 0 60px color-mix(in srgb,var(--accent-primary) 50%,transparent);transition:all .5s ease;transform:scale(1);position:relative;overflow:hidden}.breathing-text{z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.phase-progress{position:absolute;bottom:0;left:0;height:100%;background:#ffffff1a;border-radius:50%}.breathing-circle.inhale{animation:inhale 4s ease-in-out forwards}.breathing-circle.hold{transform:scale(1.2)}.breathing-circle.exhale{animation:exhale 4s ease-in-out forwards}.breathing-circle.pause{transform:scale(.8)}@keyframes inhale{0%{transform:scale(.8)}to{transform:scale(1.2)}}@keyframes exhale{0%{transform:scale(1.2)}to{transform:scale(.8)}}.quiet-space-button{margin-bottom:var(--space-md);padding:1rem 2rem;font-size:1.1rem}.breathing-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-top:var(--space-xl)}.chime-toggle{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);cursor:pointer}.chime-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}.resources-section{margin-bottom:var(--space-xl)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.resource-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .3s}.resource-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md);background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-secondary))}.resource-icon{font-size:2.5rem;flex-shrink:0}.resource-info h3{margin:0 0 var(--space-xs) 0;color:var(--text-primary);font-size:1.125rem}.resource-info p{margin:0;color:var(--text-secondary);font-size:.875rem}.resource-arrow{color:var(--text-secondary);font-size:1.5rem;transition:transform .3s}.additional-section{margin-bottom:var(--space-xl)}.learn-more-buttons{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.crisis-alert-banner{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:1.5rem;margin-bottom:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #ee5a6f40;animation:slideDown .3s ease-out}.crisis-alert-banner--urgent{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 16px #e74c3c59;animation:pulseGlow 2s ease-in-out infinite}.crisis-alert-banner--info{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 12px #3498db40}.crisis-alert-content{max-width:800px;margin:0 auto}.crisis-alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.crisis-alert-header h3{margin:0;font-size:1.25rem;font-weight:700}.crisis-alert-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.crisis-alert-close:hover{background:#ffffff4d;transform:scale(1.1)}.crisis-alert-resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.crisis-resource-item{background:#ffffff26;padding:1rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;transition:all .2s}.crisis-resource-item:hover{background:#ffffff40;transform:translateY(-2px)}.crisis-resource-item svg{width:24px;height:24px;flex-shrink:0}.crisis-resource-item strong{display:block;font-size:.875rem;margin-bottom:.25rem}.crisis-resource-item span{font-size:1.125rem;font-weight:700}.crisis-alert-message{margin:1rem 0;font-size:.95rem;opacity:.95;line-height:1.5}.crisis-alert-actions{display:flex;gap:1rem;flex-wrap:wrap}.crisis-action-primary{background:#fff;color:var(--accent-danger);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;text-decoration:none;display:inline-block;transition:all .2s}.crisis-action-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.crisis-action-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.crisis-action-secondary:hover{background:#ffffff1a;border-color:#fff}.floating-crisis-button{position:fixed;bottom:1rem;right:1rem;z-index:9998;animation:fadeIn .5s ease-out}.crisis-help-trigger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.8rem;cursor:pointer;box-shadow:0 6px 20px #e74c3c4d,0 2px 8px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);animation:gentlePulse 4s ease-in-out infinite;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crisis-help-trigger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.crisis-help-trigger:hover:before{left:100%}.crisis-help-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c73}.crisis-icon{font-size:1.25rem}.crisis-text{font-size:.95rem}.floating-crisis-button.expanded .crisis-help-trigger{display:none}.crisis-help-expanded{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid rgba(231,76,60,.2);border-radius:20px;padding:1.5rem;box-shadow:0 25px 50px -12px #00000040,0 10px 30px #e74c3c26;min-width:300px;max-width:340px;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.crisis-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;position:relative}.crisis-header svg{width:1rem;height:1rem;color:#e74c3c;flex-shrink:0}.crisis-help-expanded h4{margin:0;color:var(--text-primary);font-size:1rem;font-weight:600}.crisis-emergency-options{display:flex;flex-direction:column;gap:.75rem}.crisis-emergency-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;width:100%;text-align:left;font-size:.875rem}.crisis-emergency-btn:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.crisis-emergency-btn.priority{border-color:#e74c3c;background:#e74c3c0d}.crisis-emergency-btn.priority:hover{background:#e74c3c1a}.emergency-icon{font-size:1.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.crisis-emergency-btn svg{width:1.25rem;height:1.25rem}.emergency-text{display:flex;flex-direction:column;gap:.125rem}.emergency-text strong{font-size:.875rem;color:var(--text-primary)}.emergency-text span{font-size:.75rem;color:var(--text-secondary)}.crisis-close-btn{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.crisis-close-btn:hover{background:var(--bg-tertiary)}.crisis-call-btn{display:flex;align-items:center;gap:.5rem;background:var(--accent-danger);color:#fff;padding:.75rem 1rem;border-radius:var(--radius-md);text-decoration:none;font-weight:600;margin-bottom:1rem;transition:all .2s}.crisis-call-btn:hover{background:var(--accent-danger-hover);transform:translateY(-1px)}.crisis-text-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem}.crisis-more-link{color:var(--accent-primary);text-decoration:none;font-size:.875rem;font-weight:600}.crisis-more-link:hover{text-decoration:underline}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.loading-pulse{animation:pulse 2s infinite}.loading-dots:after{content:"";animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem}.loading-spinner{border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.w-4,.loading-spinner.h-4{width:1rem;height:1rem}.loading-spinner.w-8,.loading-spinner.h-8{width:2rem;height:2rem}.loading-spinner.w-12,.loading-spinner.h-12{width:3rem;height:3rem}.loading-message{font-size:.875rem;color:#7f8c8d;text-align:center;margin:0}@keyframes pulseGlow{0%,to{box-shadow:0 4px 16px #e74c3c59}50%{box-shadow:0 4px 24px #e74c3c8c}}.ai-assistance-inline{display:inline-flex;align-items:center;gap:.375rem;color:var(--accent-primary);font-size:.875rem;font-weight:600;padding:.25rem .75rem;background:#3498db1a;border-radius:var(--radius-sm);margin:.25rem 0}.ai-assistance-inline svg{width:16px;height:16px}.ai-assistance-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #3498db40}.ai-assistance-badge svg{width:18px;height:18px}.ai-assistance-banner{background:linear-gradient(135deg,#f0f7ff,#e6f2ff);border:1px solid rgba(52,152,219,.2);border-radius:var(--radius-lg);padding:1rem;margin:1rem 0}.ai-banner-content{display:flex;align-items:flex-start;gap:1rem}.ai-banner-content svg{width:24px;height:24px;color:var(--accent-primary);flex-shrink:0;margin-top:.125rem}.ai-banner-text strong{display:block;color:var(--accent-primary);margin-bottom:.25rem}.ai-banner-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.ai-generated-content{position:relative}.ai-content-body{margin:.5rem 0}[data-theme=dark] .ai-assistance-inline{background:#3498db33}[data-theme=dark] .ai-assistance-banner{background:linear-gradient(135deg,#3498db1a,#2980b91a);border-color:#3498db4d}[data-theme=dark] .ai-banner-description{color:var(--text-secondary-dark)}.safety-tips-content{max-width:600px}.safety-intro{font-size:1.05rem;line-height:1.6;color:var(--text-primary);margin-bottom:2rem}.safety-tip{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all .2s}.safety-tip:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tip-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.tip-icon svg{width:24px;height:24px}.tip-content h3{margin:0 0 .5rem;font-size:1.125rem;color:var(--text-primary)}.tip-content p{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-secondary)}.safety-reminder{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;border-radius:var(--radius-md);padding:1rem;margin:2rem 0 1.5rem}.safety-reminder p{margin:0;color:#856404;font-size:.95rem;line-height:1.5}[data-theme=dark] .safety-reminder{background:linear-gradient(135deg,#fff3cd1a,#ffeaa71a);border-color:#ffeaa74d}[data-theme=dark] .safety-reminder p{color:#f39c12}.welcome-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .5s ease-out;background:var(--bg-primary)}.welcome-screen.fade-out{animation:fadeOut .5s ease-out forwards}.welcome-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);pointer-events:none}.welcome-container{position:relative;max-width:800px;width:90%;background:var(--bg-secondary);border-radius:20px;padding:3rem;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border-color);animation:slideUp .6s ease-out}.welcome-header{text-align:center;margin-bottom:3rem}.welcome-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 24px #667eea4d}.welcome-icon svg{width:40px;height:40px;color:#fff}.welcome-title{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;color:var(--text-primary);letter-spacing:-.5px}.welcome-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0}.welcome-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.welcome-feature{text-align:center}.feature-icon{width:60px;height:60px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color)}.feature-icon svg{width:30px;height:30px;color:var(--primary)}.welcome-feature h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.welcome-feature p{font-size:.875rem;color:var(--text-secondary);margin:0}.welcome-terms-section{margin-bottom:2rem}.welcome-terms-section h2{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary);text-align:center}.terms-box{background:var(--bg-tertiary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);margin-bottom:1rem}.terms-box p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.6}.terms-box p:last-child{margin-bottom:0}.terms-box strong{color:var(--text-primary);font-weight:600}.terms-agreement{text-align:center;font-size:.875rem;color:var(--text-tertiary);margin:0}.welcome-continue-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea4d}.welcome-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea66}.welcome-continue-btn svg{width:20px;height:20px}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.google-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#4285f4,#34a853 50%,#fbbc05,#ea4335);padding:2px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #4285f440}.google-badge-content{display:flex;align-items:center;gap:var(--space-sm);background:#fff;padding:var(--space-sm) var(--space-lg);border-radius:calc(var(--radius-xl) - 2px)}.google-badge-text{display:flex;flex-direction:column;line-height:1.2}.google-badge-powered{font-size:.75rem;color:#5f6368;font-weight:500}.google-badge-gemini{font-size:1rem;font-weight:700;background:linear-gradient(135deg,#4285f4,#34a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.google-badge svg{width:24px;height:24px}.floating-google-badge{position:fixed;bottom:5rem;right:1rem;background:#fff;border-radius:var(--radius-xl);padding:var(--space-sm) var(--space-lg);box-shadow:0 4px 20px #0000001a;animation:slideInRight .5s ease-out;z-index:40}.google-badge-floating-content{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;color:#5f6368}.google-badge-floating-content svg{width:20px;height:20px}[data-theme=dark] .google-badge-content{background:var(--bg-secondary)}[data-theme=dark] .floating-google-badge{background:var(--bg-secondary);box-shadow:0 4px 20px #0000004d}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.emergency-resources-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 5%,var(--bg-secondary)),var(--bg-secondary));margin-bottom:var(--space-xl)}.emergency-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.emergency-header svg{width:32px;height:32px;color:var(--accent-primary)}.emergency-header h2{margin:0;color:var(--text-primary)}.hotlines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.hotline-card{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-primary);border-radius:var(--radius-md);border:2px solid var(--border-color)}.hotline-card svg{width:24px;height:24px;color:var(--accent-primary);flex-shrink:0}.hotline-info h3{margin:0 0 var(--space-xs) 0;font-size:1rem;color:var(--text-primary)}.hotline-contact{font-weight:700;color:var(--accent-primary);margin:0 0 var(--space-xs) 0}.hotline-description{font-size:.875rem;color:var(--text-secondary);margin:0}.safety-plan-card{padding:var(--space-xl)}.safety-plan-section{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-color)}.safety-plan-section:last-child{border-bottom:none;margin-bottom:0}.safety-plan-section h2{display:flex;align-items:center;gap:var(--space-sm);font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--space-sm)}.safety-plan-section h2 svg{width:24px;height:24px;color:var(--accent-primary)}.safety-plan-prompt{color:var(--text-secondary);margin-bottom:var(--space-lg)}.safety-plan-content{background:var(--bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-md);white-space:pre-wrap;line-height:1.7;min-height:60px}.safety-plan-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.suggestion-chips{margin-top:var(--space-md)}.suggestion-label{font-size:.9rem;color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:500}.suggestion-chip{display:inline-block;padding:var(--space-sm) var(--space-lg);margin:var(--space-xs);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:all .2s;font-weight:500}.suggestion-chip:hover{background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-tertiary));border-color:var(--accent-primary);transform:translateY(-1px)}.crisis-hotlines-list{list-style:none;padding:0;margin:0}.crisis-hotlines-list li{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.crisis-hotlines-list li:last-child{border-bottom:none}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:#e74c3c0d;border:1px solid rgba(231,76,60,.1);border-radius:12px;margin:1rem 0;animation:slideUp .3s ease-out}.error-state-icon{font-size:3rem;color:#e74c3c;margin-bottom:1rem}.error-state-title{font-size:1.25rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.error-state-message{color:#7f8c8d;margin-bottom:1.5rem;line-height:1.5}.error-state-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.retry-button{background:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#2980b9;transform:translateY(-1px)}.retry-button:focus{outline:2px solid #3498db;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-to-main{position:absolute;left:-9999px;z-index:999;padding:1rem 2rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:0 0 8px}.skip-to-main:focus{left:0;top:0}body.using-mouse *:focus{outline:none}:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}button:focus-visible,a:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.keyboard-hint{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.keyboard-hint:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#000000e6}*:focus .keyboard-hint{opacity:1}@media (prefers-contrast: high){.card,button,input,textarea,select,.modal-panel{border:2px solid currentColor}}[role=status],[role=alert],[aria-live]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.loading-spinner[aria-label]:before{content:attr(aria-label);position:absolute;left:-10000px}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-label.required:after{content:" *";color:var(--accent-danger)}.form-hint{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.form-error{font-size:.875rem;color:var(--accent-danger);margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-error svg{width:16px;height:16px}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#000000e6;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}[data-tooltip]:hover:after,[data-tooltip]:focus:after{opacity:1;transform:translate(-50%) translateY(-4px)}*:focus{outline:2px solid #3498db;outline-offset:2px}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid #3498db;outline-offset:2px}@media (prefers-contrast: high){.therapist-card{border:2px solid #000}.suggestion-chip{border:1px solid #000}.wellness-video-overlay{background:#000c}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.breathing-circle{animation:none!important}.loading-shimmer{animation:none!important;background:#f0f0f0}}@media (max-width: 768px){.welcome-content{max-width:90%;padding:2rem 1.5rem;margin:0 1rem}.welcome-title{font-size:2.2rem;margin-bottom:1rem}.welcome-description{font-size:1.1rem;margin-bottom:2rem}.welcome-icon{width:110px;height:110px;margin-bottom:2rem}.welcome-icon svg{width:50px;height:50px}.floating-google-badge{bottom:1rem;right:1rem;padding:var(--space-xs) var(--space-md)}.google-badge-floating-content{font-size:.875rem}.google-badge-floating-content svg{width:18px;height:18px}}@media (max-width: 480px){.welcome-title{font-size:1.8rem}.welcome-description{font-size:1rem}.welcome-icon{width:100px;height:100px}}.peer-support-view{padding:2rem}.peer-support-content{max-width:1200px;margin:0 auto}.safety-notice{background:linear-gradient(135deg,#ff6b6b15,#ff8e5315);border:1px solid #ff6b6b30;margin-bottom:2rem}.safety-notice-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.safety-notice-header svg{width:24px;height:24px;color:#ff6b6b}.safety-notice-header h3{margin:0;color:#ff6b6b}.safety-guidelines{list-style:none;padding:0;margin:0}.safety-guidelines li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary)}.safety-guidelines li:before{content:"•";position:absolute;left:0;color:#ff6b6b;font-weight:700}.peer-matches-section,.active-connections-section{margin-bottom:3rem}.peer-matches-section h2,.active-connections-section h2{margin-bottom:1.5rem;color:var(--text-primary)}.peer-matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.peer-match-card{transition:transform .2s,box-shadow .2s}.peer-match-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.peer-match-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.peer-avatar{position:relative;width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.peer-avatar svg{width:24px;height:24px;color:#fff}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#4ade80;border:2px solid var(--card-bg);border-radius:50%}.peer-info{flex:1}.peer-info h3{margin:0 0 .25rem;font-size:1.1rem;color:var(--text-primary)}.peer-status{font-size:.875rem;color:var(--text-secondary);margin:0}.match-score{display:flex;align-items:center;gap:.25rem;color:#fbbf24;font-size:.875rem;font-weight:500}.match-score svg{width:16px;height:16px}.peer-bio{color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.peer-interests{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.interest-tag{padding:.25rem .75rem;background:var(--primary-color)15;color:var(--primary-color);border-radius:20px;font-size:.875rem}.peer-actions{display:flex;gap:.75rem}.peer-actions button{flex:1}.peer-actions button:disabled{opacity:.5;cursor:not-allowed}.skeleton-element{background-color:#e0e0e0;position:relative;overflow:hidden}[data-theme=dark] .skeleton-element{background-color:#2a2a2a}.skeleton-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite}[data-theme=dark] .skeleton-shimmer:after{background:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0)}.skeleton-pulse{animation:pulse 1.5s ease-in-out infinite}.skeleton-wave{position:relative;overflow:hidden}.skeleton-wave:after{content:"";position:absolute;top:0;left:-150%;height:100%;width:150%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:wave 1.5s linear infinite}.skeleton-text{height:20px;margin-bottom:8px;border-radius:4px}.skeleton-circular{border-radius:50%}.skeleton-rectangular{border-radius:8px}.skeleton-post-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.skeleton-post-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.skeleton-post-header .skeleton-circular{width:48px;height:48px;flex-shrink:0}.skeleton-post-meta{flex:1}.skeleton-post-content{margin-bottom:1rem}.skeleton-post-footer{display:flex;gap:1rem}.skeleton-therapist-card{background:var(--card-bg);border-radius:20px;padding:2rem;text-align:center;box-shadow:var(--shadow-md)}@keyframes shimmer{to{transform:translate(100%)}}@keyframes wave{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%)}}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:10000;animation:fadeIn .3s ease-out}.onboarding-spotlight{position:fixed;border-radius:8px;box-shadow:0 0 0 9999px #000000b3;pointer-events:none;animation:pulseGlow 2s ease-in-out infinite}.onboarding-tooltip{position:fixed;background:#fff;border-radius:12px;padding:1.5rem;width:320px;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out;transition:opacity .3s,transform .3s}.onboarding-tooltip.animating{opacity:0;transform:scale(.95)}[data-theme=dark] .onboarding-tooltip{background:var(--card-bg);color:var(--text-primary)}.onboarding-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s}.onboarding-close:hover{background:var(--bg-tertiary)}.onboarding-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.onboarding-header svg{width:24px;height:24px;color:var(--primary-color)}.onboarding-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.onboarding-content{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.onboarding-action{margin-bottom:1.5rem}.onboarding-footer{display:flex;justify-content:space-between;align-items:center}.onboarding-progress{display:flex;gap:.5rem}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-tertiary);transition:all .3s}.progress-dot.active{background:var(--primary-color);transform:scale(1.2)}.progress-dot.completed{background:var(--primary-color);opacity:.5}.onboarding-actions{display:flex;gap:.75rem;align-items:center}.onboarding-actions button svg{width:16px;height:16px;margin-left:.5rem}@media (max-width: 768px){button,a,input,select,textarea{min-height:44px;min-width:44px}.sidebar{width:100%;height:auto;position:fixed;bottom:0;left:0;right:0;top:auto;flex-direction:row;justify-content:space-around;padding:.5rem;z-index:1000;border-top:1px solid var(--border-color)}.sidebar-item{flex-direction:column;align-items:center;padding:.5rem;font-size:.75rem}.sidebar-item svg{width:20px;height:20px;margin-bottom:.25rem}.main-content{padding-bottom:80px}.modal-panel{margin:1rem;max-height:calc(100vh - 2rem);width:calc(100% - 2rem)}.card{margin:.5rem;padding:1rem}.form-group{margin-bottom:1rem}input,textarea,select{font-size:16px;padding:1rem}.video-player{height:100vh;width:100vw}.onboarding-tooltip{width:calc(100% - 2rem);margin:1rem;position:fixed;bottom:2rem;top:auto;left:1rem;right:1rem}.floating-crisis-button{bottom:100px;right:1rem;width:60px;height:60px}.feed-tabs{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.chat-container{height:calc(100vh - 160px)}.chat-input-container{position:fixed;bottom:80px;left:0;right:0;background:var(--bg-primary);border-top:1px solid var(--border-color);padding:1rem}}.touch-feedback{transition:transform .1s ease,opacity .1s ease}.touch-feedback:active{transform:scale(.98);opacity:.8}.pull-to-refresh-indicator{position:absolute;top:-60px;left:50%;transform:translate(-50%);padding:10px 20px;background:var(--primary-color);color:#fff;border-radius:20px;font-size:14px;transition:all .3s ease;z-index:1000;opacity:0}.swipe-container{position:relative;overflow:hidden}.swipe-item{transition:transform .3s ease}.swipe-item.swiping{transition:none}.swipe-actions{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;background:var(--accent-danger);color:#fff;padding:0 1rem;transform:translate(100%);transition:transform .3s ease}.swipe-item.revealed .swipe-actions{transform:translate(0)}@keyframes haptic-light{0%{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}to{transform:translate(0)}}@keyframes haptic-medium{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}.haptic-light{animation:haptic-light .1s ease-in-out}.haptic-medium{animation:haptic-medium .2s ease-in-out}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (max-width: 768px){:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px;border-radius:4px}}@media (max-width: 768px) and (prefers-color-scheme: dark){.sidebar,.chat-input-container,.feed-tabs{background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.gpu-accelerated{transform:translateZ(0);will-change:transform}.contain-layout{contain:layout}.contain-paint{contain:paint}.therapist-selector{padding:2rem;max-width:1200px;margin:0 auto}.therapist-selector-header{text-align:center;margin-bottom:3rem}.therapist-header-content{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.therapist-header-content svg{width:32px;height:32px;color:var(--primary-color)}.therapist-selector h2{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.therapist-selector p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.therapist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-bottom:3rem}.therapist-card{position:relative;border-radius:24px;padding:2rem;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:320px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001f}.therapist-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;opacity:0;transition:opacity .3s ease}.therapist-card:hover:before{opacity:1}.therapist-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00000040}.therapist-card.selected{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 48px #667eea4d;border:3px solid rgba(255,255,255,.8)}.therapist-selected-badge{position:absolute;top:1rem;right:1rem;background:#ffffffe6;color:var(--primary-color);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;animation:scaleIn .3s ease-out}.therapist-avatar{text-align:center;margin-bottom:1.5rem}.therapist-emoji{font-size:4rem;display:inline-block;padding:1rem;background:#ffffff26;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.therapist-info{flex:1}.therapist-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.therapist-specialty{font-size:1rem;font-weight:600;opacity:.9;margin-bottom:1rem;padding:.5rem 1rem;background:#fff3;border-radius:20px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.therapist-description{font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;opacity:.95}.therapist-details{display:flex;flex-direction:column;gap:.5rem}.therapist-detail{font-size:.85rem;opacity:.9}.therapist-detail strong{font-weight:600}.therapist-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:2rem;transform:translateY(100%);transition:transform .3s ease}.therapist-card:hover .therapist-card-overlay{transform:translateY(0)}.therapist-card-action{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:1.1rem}.therapist-card-action svg{width:20px;height:20px}.therapist-selector-footer{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color)}.therapist-disclaimer{max-width:800px;margin:0 auto}.therapist-disclaimer p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}@keyframes scaleIn{0%{transform:scale(0) rotate(180deg)}to{transform:scale(1) rotate(0)}}.therapist-selection-container{min-height:100vh;background:var(--bg-primary)}.therapist-selection-header{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.therapist-selection-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.therapist-avatar-chat{background:var(--bg-tertiary)!important;border:3px solid var(--primary-color)!important}.therapist-emoji-chat{font-size:1.8rem!important}.change-therapist-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.change-therapist-btn:hover{background:#667eea1a;transform:scale(1.1)}.change-therapist-btn svg{width:20px;height:20px}@media (max-width: 768px){.therapist-grid{grid-template-columns:1fr;gap:1.5rem}.therapist-card{min-height:280px;padding:1.5rem}.therapist-selector h2{font-size:2rem}.therapist-header-content{flex-direction:column;text-align:center}.therapist-selection-header{padding:1rem}}.tiktok-video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;overflow:hidden;z-index:10}.tiktok-video-scroll{width:100%;height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tiktok-video-scroll::-webkit-scrollbar{display:none}.tiktok-video-item{width:100vw;height:100vh;position:relative;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;background:#000}.tiktok-video-player{width:100%;height:100%;object-fit:contain;background:#000;cursor:pointer}.tiktok-video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.video-back-button{position:absolute;top:var(--space-lg);left:var(--space-lg);width:48px;height:48px;background:#000000b3;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.video-back-button:hover{background:#000000e6;transform:scale(1.1)}.video-back-button svg{width:24px;height:24px}.tiktok-video-overlay>*{pointer-events:auto}.tiktok-play-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.tiktok-play-indicator svg{width:40px;height:40px;color:#000;margin-left:4px}.tiktok-top-controls{position:absolute;top:20px;right:20px;display:flex;gap:12px}.tiktok-control-btn{width:48px;height:48px;background:#000000b3;border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.tiktok-control-btn:hover{background:#000c;transform:scale(1.1)}.tiktok-control-btn svg{width:24px;height:24px}.tiktok-bottom-info{position:absolute;bottom:20px;left:20px;right:80px;color:#fff;z-index:11}.tiktok-creator{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;font-size:.9rem}.tiktok-creator svg{width:16px;height:16px;color:gold}.tiktok-video-title{font-size:1.1rem;font-weight:700;margin:0 0 8px;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.8)}.tiktok-video-description{font-size:.9rem;line-height:1.4;margin:0;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.8)}.tiktok-actions-sidebar{position:absolute;right:12px;bottom:20px;display:flex;flex-direction:column;gap:16px;z-index:11}.tiktok-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#fff;cursor:pointer;transition:all .2s ease;padding:8px;border-radius:12px}.tiktok-action-btn:hover{background:#ffffff1a;transform:scale(1.1)}.tiktok-action-icon{width:48px;height:48px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.tiktok-action-btn.liked .tiktok-action-icon,.tiktok-action-btn.saved .tiktok-action-icon{background:#ff3b5ce6;transform:scale(1.1)}.tiktok-action-btn.liked .tiktok-action-icon svg{color:#fff;animation:heartBeat .3s ease}.tiktok-action-icon svg{width:24px;height:24px;color:#fff}.tiktok-action-count{font-size:.75rem;font-weight:600;text-align:center;min-width:24px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.tiktok-progress-indicators{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:11}.tiktok-progress-dot{width:4px;height:20px;background:#fff6;border-radius:2px;cursor:pointer;transition:all .2s ease}.tiktok-progress-dot.active{background:#fff;width:6px}.tiktok-progress-dot:hover{background:#ffffffb3;width:6px}.tiktok-loading-overlay,.tiktok-error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none}.tiktok-loading-overlay>*,.tiktok-error-overlay>*{pointer-events:auto}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media (max-width: 768px){.tiktok-bottom-info{right:70px;bottom:80px}.tiktok-actions-sidebar{right:8px;bottom:80px;gap:12px}.tiktok-action-icon{width:44px;height:44px}.tiktok-action-icon svg{width:20px;height:20px}.tiktok-video-title{font-size:1rem}.tiktok-video-description{font-size:.85rem}}@media (orientation: landscape) and (max-height: 500px){.tiktok-bottom-info{bottom:10px;left:10px;right:70px}.tiktok-actions-sidebar{right:8px;bottom:10px;gap:8px}.tiktok-top-controls{top:10px;right:10px}}.mood-tracker{max-width:800px;margin:0 auto;padding:2rem}.mood-tracker-header{text-align:center;margin-bottom:3rem}.mood-header-content{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.mood-header-content svg{width:32px;height:32px;color:#ef4444}.mood-tracker h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.mood-tracker h3{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.mood-tracker p{font-size:1.1rem;color:var(--text-secondary);margin:0}.mood-selection{margin-bottom:3rem}.mood-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;margin-top:2rem}.mood-option{background:var(--bg-secondary);border:3px solid transparent;border-radius:20px;padding:2rem 1rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:180px;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.mood-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--mood-color, transparent) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.mood-option:hover:before{opacity:.1}.mood-option.selected:before{opacity:.15}.mood-option:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.mood-option.selected{border-color:var(--mood-color);transform:translateY(-2px);box-shadow:0 8px 30px #0003}.mood-emoji{font-size:3rem;margin-bottom:.5rem;position:relative;z-index:2}.mood-label{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;position:relative;z-index:2}.mood-description{font-size:.9rem;color:var(--text-secondary);position:relative;z-index:2}.mood-selected-indicator{position:absolute;top:1rem;right:1rem;width:28px;height:28px;background:var(--mood-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:scaleIn .3s ease-out;z-index:3}.mood-selected-indicator svg{width:16px;height:16px}.mood-tags-section,.mood-note-section{margin-bottom:2.5rem}.mood-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.mood-tag{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:25px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.mood-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.mood-tag:hover:before{left:100%}.mood-tag:hover{border-color:var(--primary-color);transform:translateY(-1px)}.mood-tag.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.mood-tag.selected svg{width:14px;height:14px}.mood-note-section{position:relative}.mood-note-input{width:100%;min-height:100px;padding:1rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;font-family:inherit;background:var(--bg-secondary);color:var(--text-primary);resize:vertical;transition:all .3s ease}.mood-note-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.mood-note-input::placeholder{color:var(--text-secondary);opacity:.7}.mood-note-counter{text-align:right;font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.mood-tracker-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.mood-tracker-actions .btn{min-width:140px}.mood-tracker.submitted{display:flex;align-items:center;justify-content:center;min-height:400px}.mood-submitted-content{text-align:center;max-width:500px}.mood-submitted-icon{width:80px;height:80px;background:var(--accent-success);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:#fff;animation:scaleIn .5s ease-out}.mood-submitted-icon svg{width:40px;height:40px}.mood-submitted-content h3{font-size:2rem;color:var(--text-primary);margin-bottom:1.5rem}.mood-submitted-summary{background:var(--bg-secondary);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-color)}.mood-submitted-emoji{font-size:4rem;margin-bottom:1rem}.mood-submitted-summary p{font-size:1.2rem;margin-bottom:1rem}.mood-submitted-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.mood-submitted-tags .mood-tag{background:var(--primary-color);color:#fff;border-color:var(--primary-color);pointer-events:none}@media (max-width: 768px){.mood-tracker{padding:1rem}.mood-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.mood-option{padding:1.5rem .75rem;min-height:160px}.mood-emoji{font-size:2.5rem}.mood-tracker h2{font-size:1.8rem}.mood-tracker-actions{flex-direction:column}.mood-tracker-actions .btn{width:100%}}.welcome-terms{text-align:center;max-width:600px;margin:0 auto;animation:slideUp .6s ease-out}.terms-content{text-align:left;background:#ffffff0d;border-radius:16px;padding:2rem;margin:2rem 0;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.terms-content h3{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:1.5rem 0 1rem;display:flex;align-items:center;gap:.5rem}.terms-content h3:first-child{margin-top:0}.terms-content ul{list-style:none;padding:0;margin:0 0 1rem}.terms-content li{padding:.5rem 0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.terms-content p{color:var(--text-secondary);line-height:1.6;font-size:.9rem;background:#ffc1071a;padding:1rem;border-radius:8px;border-left:4px solid #ffc107;margin:0}.terms-actions{text-align:center}.terms-accept{font-size:1.1rem;padding:1rem 2.5rem;min-width:200px;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto 1rem;position:relative;overflow:hidden}.terms-accept:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.terms-accept:hover:before{left:100%}.terms-accept svg{width:20px;height:20px}.terms-note{font-size:.8rem;color:var(--text-secondary);opacity:.8;margin:0;line-height:1.4}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.welcome-terms{max-width:90%;padding:0 1rem}.terms-content{padding:1.5rem;margin:1.5rem 0}.terms-content h3{font-size:1.1rem}.terms-content li{font-size:.9rem}.terms-accept{padding:.875rem 2rem;font-size:1rem;min-width:180px}}.quiet-space{max-width:1000px;margin:0 auto;padding:1rem;gap:2rem;display:flex;flex-direction:column}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.section-title svg{width:24px;height:24px;color:var(--primary-color)}.section-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem}.breathing-section{position:relative;overflow:hidden}.breathing-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#93c5fd0d);border-radius:16px;pointer-events:none}.pattern-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.pattern-card{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.pattern-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.pattern-card:hover:before{left:100%}.pattern-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 25px #667eea26}.pattern-card.active{border-color:var(--primary-color);background:#667eea1a;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #667eea33;animation:patternSelected .5s ease-out}@keyframes patternSelected{0%{transform:translateY(-2px) scale(1);box-shadow:0 8px 25px #667eea33}50%{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #667eea66}to{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #667eea33}}.pattern-card.transitioning{animation:patternTransition .3s ease-out}@keyframes patternTransition{0%{opacity:1}50%{opacity:.7;transform:scale(.98)}to{opacity:1}}.pattern-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.pattern-card p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}.breathing-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0}.breathing-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#93c5fd);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 32px #667eea4d;margin:2rem auto}.breathing-circle.inhale{animation:breatheIn 4s ease-in-out infinite}.breathing-circle.exhale{animation:breatheOut 4s ease-in-out infinite}.breathing-text{color:#fff;font-size:1.2rem;font-weight:600;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.chime-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.chime-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.resource-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.resource-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.resource-card:hover:before{opacity:1}.resource-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.resource-icon{font-size:2rem;min-width:50px;text-align:center}.resource-info{flex:1}.resource-info h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.resource-info p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}.resource-arrow{font-size:1.2rem;color:var(--primary-color);transition:transform .3s ease}.resource-card:hover .resource-arrow{transform:translate(4px)}.learn-more-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.learn-more-buttons .btn{min-width:200px}@keyframes breatheIn{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes breatheOut{0%,to{transform:scale(1.2)}50%{transform:scale(1)}}@media (max-width: 768px){.quiet-space{padding:.5rem;gap:1.5rem}.pattern-selector{grid-template-columns:1fr;gap:.75rem}.pattern-card{padding:1rem}.breathing-circle{width:150px;height:150px}.breathing-text{font-size:1rem}.resource-grid{grid-template-columns:1fr;gap:1rem}.resource-card{padding:1rem}.learn-more-buttons{flex-direction:column;align-items:stretch}.learn-more-buttons .btn{min-width:auto;width:100%}}.safety-plan-section{margin-bottom:2.5rem}.safety-plan-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.safety-plan-section h2 svg{width:24px;height:24px;color:var(--primary-color)}.safety-plan-prompt{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;background:#667eea0d;padding:1rem;border-radius:8px;border-left:4px solid var(--primary-color)}.safety-plan-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;font-size:1rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;min-height:80px}.suggestion-chips{margin-top:1.5rem}.suggestion-label{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.suggestion-label:before{content:"💡";font-size:1.1rem}.suggestion-chip{display:inline-block;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:20px;padding:.6rem 1rem;margin:.25rem;font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.suggestion-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.suggestion-chip:hover:before{left:100%}.suggestion-chip:hover{border-color:var(--primary-color);background:#667eea1a;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.suggestion-chip:active{transform:translateY(0);background:var(--primary-color);color:#fff}.crisis-hotlines{display:grid;gap:1rem;margin-top:1.5rem}.hotline-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .3s ease;position:relative;overflow:hidden}.hotline-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.hotline-card:hover:before{opacity:1}.hotline-card:hover{border-color:#ef4444;transform:translateY(-2px);box-shadow:0 8px 25px #ef444426}.hotline-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.hotline-name:before{content:"📞";font-size:1.2rem}.hotline-contact{font-size:1.2rem;font-weight:700;color:#ef4444;margin-bottom:.5rem;font-family:Courier New,monospace;letter-spacing:.5px}.hotline-description{font-size:.9rem;color:var(--text-secondary);line-height:1.4;margin:0}@media (max-width: 768px){.safety-plan-section h2{font-size:1.2rem}.safety-plan-prompt{font-size:.9rem;padding:.75rem}.safety-plan-content{padding:1rem;font-size:.9rem}.suggestion-chip{font-size:.8rem;padding:.5rem .75rem;margin:.2rem}.hotline-card{padding:1rem}.hotline-name{font-size:1rem}.hotline-contact{font-size:1.1rem}.hotline-description{font-size:.85rem}}.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 25px #00000026}.btn:not(:disabled):active{transform:translateY(0)}.card{position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);transition:left .8s ease}.card:hover:before{left:100%}.loading-spinner{position:relative}.loading-spinner:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(102,126,234,.3);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input:focus,textarea:focus,.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.dashboard-tabs .btn{position:relative;overflow:hidden}.dashboard-tabs .btn:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-color);transition:all .3s ease;transform:translate(-50%)}.dashboard-tabs .btn.active:before,.dashboard-tabs .btn:hover:before{width:80%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),#93c5fd);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#667eea,var(--primary-color))}[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;white-space:nowrap;z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}::selection{background:#667eea4d;color:var(--text-primary)}::-moz-selection{background:#667eea4d;color:var(--text-primary)}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.modal::backdrop,.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;font-feature-settings:"kern" 1}p,span,div{text-rendering:optimizeSpeed}.clickable{cursor:pointer;transition:all .2s ease}.clickable:hover{transform:scale(1.02)}.clickable:active{transform:scale(.98)}.error-state{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.success-state{color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:1rem;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.card,.btn,input,textarea{border-width:2px}}.moderation-history-container{max-width:800px;margin:0 auto;padding:1rem}.moderation-history-list{list-style:none;padding:0;margin:0}.moderation-history-item{padding:1.5rem;border-bottom:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.moderation-history-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--primary-color),#93c5fd);transform:scaleY(0);transition:transform .3s ease}.moderation-history-item:hover:before{transform:scaleY(1)}.moderation-history-item:hover{background:#667eea0d;padding-left:2rem}.moderation-action-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.moderation-reason{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:.5rem 0}.moderation-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary);margin-top:.75rem}.moderation-meta small{display:flex;align-items:center;gap:.25rem}.moderation-empty{text-align:center;padding:3rem;color:var(--text-secondary)}.moderation-empty h2{color:var(--text-primary);margin-bottom:1rem}@media (max-width: 768px){.moderation-history-item{padding:1rem}.moderation-history-item:hover{padding-left:1.5rem}.moderation-action-title{font-size:1.1rem}.moderation-reason{font-size:.9rem}.moderation-meta{flex-direction:column;gap:.5rem}}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes subtleGlow{0%,to{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 20px #667eea99}}@keyframes floatUp{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.floating-element{animation:floatUp 3s ease-in-out infinite}.pulse-element{animation:gentlePulse 2s ease-in-out infinite}.glow-element{animation:subtleGlow 2s ease-in-out infinite}.loading-shimmer{background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);background-size:200% 100%;animation:shimmer 1.5s infinite}.interactive-element{transition:all .2s cubic-bezier(.4,0,.2,1)}.interactive-element:hover{transform:scale(1.02)}.interactive-element:active{transform:scale(.98)}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.focus-ring:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px;border-radius:8px;box-shadow:0 0 0 6px #667eea1a}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.pull-to-refresh-indicator,.swipe-item,.swipe-actions,.touch-feedback,.floating-element,.pulse-element,.glow-element,.loading-shimmer{animation:none!important;transition:none!important}}.card{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.card:hover:after{opacity:.1}.btn-primary,.btn-secondary{position:relative;overflow:hidden;transform:translateZ(0)}.btn-primary:before,.btn-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:active:before,.btn-secondary:active:before{width:300px;height:300px}.view-content{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a;transition:all .3s ease}.nav-link{position:relative;transition:all .3s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-color);transform:translate(-50%);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:80%}.loading-shimmer{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}html{scroll-behavior:smooth}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-5px);background:#000000e6;color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;z-index:1000}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(-10px)}.post-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}button,.btn,a,input,textarea,select{transition:all .2s ease}.sidebar{box-shadow:2px 0 8px #0000000d}.sidebar-nav a:hover{background:#667eea0d;padding-left:1.5rem}.form-group input,.form-group textarea,.form-group select{transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{transform:translateY(-2px)}.badge{transition:all .2s ease}.badge:hover{transform:scale(1.05)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}