Supporting text
* Subtle text * * Context-Specific: *Success message
*Error message
*Warning message
* * 🎨 OR USE CSS VARIABLES: * * .custom-element { * color: var(--text-primary); * } * * =========================================== * AVAILABLE CSS VARIABLES * =========================================== * * Text Colors: * --text-primary Main content, headings * --text-secondary Supporting text * --text-tertiary Subtle text * --text-on-dark Text on dark backgrounds * --text-on-light Text on light backgrounds * --text-success Success states * --text-error Error states * --text-warning Warning states * --text-link Links * --text-disabled Disabled text * * Theme Colors: * --glass-light Glass morphism light * --glass-medium Glass morphism medium * --glass-dark Glass morphism dark * * =========================================== * EASY THEME SWITCHING (Future-Ready) * =========================================== * * To add light mode, just override variables: * * [data-theme="light"] { * --text-primary: #1e293b; * --text-secondary: #475569; * --text-on-dark: #ffffff; * --text-on-light: #1e293b; * } * * Then toggle: document.body.dataset.theme = 'light' * */:root{--text-quaternary:#fff6;--text-on-dark:#fff;--text-on-light:#1e293b;--text-on-brand:#fff;--text-success:#10b981;--text-error:#ef4444;--text-warning:#f59e0b;--text-info:#3b82f6;--text-link:#60a5fa;--text-link-hover:#93c5fd;--text-disabled:#64748b}.auth-container,.community-hub,.container,.create-content,.journal-container,.meet-hub{color:#fff;color:var(--text-primary);margin:0 auto;max-width:100%;min-height:calc(100vh - 80px);padding:16px;padding:var(--space-md);position:relative;z-index:2}.mood-grid{grid-gap:12px;gap:12px;margin-bottom:20px}.stats-grid{grid-gap:16px;gap:16px}.auth-title,.community-title,.journal-title,.meet-title,.section-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 16px;margin:0 0 var(--space-md) 0}.page-title{font-size:20px}input,select,textarea{border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);transition:all .3s ease;transition:all var(--duration-normal) ease}.form-input,input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--text-primary)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;background:var(--glass-light)!important;border:1px solid #fff3!important;color:#fff!important;color:var(--text-primary)!important}.form-input:focus,input:focus,select:focus,textarea:focus{background:#fff3!important;background:var(--glass-medium)!important;border-color:#fff6!important;box-shadow:0 0 0 2px #ffffff1a!important;outline:none}.form-input::placeholder,input::placeholder,textarea::placeholder{color:#fff9!important;color:var(--text-tertiary)!important}.form-field{margin-bottom:20px}.form-error{gap:8px}button{-webkit-tap-highlight-color:rgba(0,0,0,.1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-width:44px;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-activity-button,.join-button,.primary-button{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-md);color:#fff;font-size:14px;font-size:var(--text-sm);font-weight:600;padding:12px 20px;padding:var(--space-sm) var(--space-lg)}.join-button:hover:not(:disabled),.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 16px #0003;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.secondary-button,.view-button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-primary);font-size:14px;font-size:var(--text-sm);font-weight:500;padding:12px 20px;padding:var(--space-sm) var(--space-lg)}.secondary-button:hover:not(:disabled),.view-button:hover:not(:disabled){background:#ffffff1a;background:var(--glass-light);border-color:#ffffff4d;box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.danger-button,.leave-button,.warning-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef44444d;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #ef44444d;color:#fff;font-size:14px;font-size:var(--text-sm);font-weight:600;padding:12px 20px;padding:var(--space-sm) var(--space-lg)}.danger-button:hover:not(:disabled),.leave-button:hover:not(:disabled),.warning-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px #ef444466;transform:translateY(-2px)}.icon-button{background:#fff3;box-shadow:0 2px 4px #0000001a;color:#fff}.icon-button:hover:not(:disabled){background:#ffffff1a;box-shadow:0 4px 8px #00000026}.small-button{border-radius:12px;font-size:12px;padding:8px 16px}.large-button{border-radius:20px;font-size:18px;padding:20px 32px}.button-group{gap:12px}.filter-pill{border-radius:9999px;color:#fff;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-pill:hover:not(:disabled){background:#ffffff1a}.filter-pill.active{background:linear-gradient(135deg,linear-gradient(135deg,#ff6b6b 0,#feca57 50%,#48dbfb 100%))}.activity-card,.card,.journal-entry,.meditation-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#ffffff26,#ffffff1a);border:2px solid #fff3;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000026,0 2px 8px #0000001a,inset 0 1px 0 #fff3;cursor:pointer;margin-bottom:20px;margin-bottom:var(--space-lg);min-height:48px;padding:20px;padding:var(--space-lg);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.activity-card:hover,.card:hover,.journal-entry:hover,.meditation-card:hover{background:linear-gradient(135deg,#ffffff38,#ffffff29);border-color:#ffffff4d;box-shadow:0 16px 48px #00000040,0 4px 16px #00000026,inset 0 1px 0 #ffffff40,0 0 0 1px #ffffff1a;transform:translateY(-6px)}.glass-card{border:1px solid #ffffff1a}.modal-overlay{padding:16px}.modal-header{background:#ffffff1a;padding:20px}.modal-header h2,.modal-header h3{color:#fff;font-size:20px}.close-modal-button,.modal-close{border-radius:12px;color:#fffc;margin-left:16px;padding:8px;transition:all .3s ease}.close-modal-button:hover,.modal-close:hover{background:#fff3;color:#fff}.modal-body{padding:20px}.modal-footer{background:#ffffff1a;gap:16px;padding:20px}.page-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.back-button{font-size:var(--text-sm);gap:8px;gap:var(--space-xs);min-height:44px;padding:12px 16px;padding:var(--space-sm) var(--space-md)}.back-button:hover{transform:translateY(-1px)}.hamburger-icon span{opacity:1}.community-tabs,.meet-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;border-radius:var(--radius-xl);display:flex;margin-bottom:24px;margin-bottom:var(--space-xl);padding:4px}.community-tab,.meet-tab{background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#fffc;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-height:48px;padding:16px;padding:var(--space-md);transition:all .3s ease;transition:all var(--duration-normal) ease;white-space:nowrap}.community-tab:hover,.meet-tab:hover{background:#fff3;background:var(--glass-medium);color:#fff;color:var(--text-primary)}.community-tab.active,.meet-tab.active{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);box-shadow:0 2px 8px #0003;color:#fff;font-weight:600}.activity-card-mobile{-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:linear-gradient(135deg,#101828f2,#1f2937e6)!important;border:2px solid #4b556366!important;border-radius:20px!important;box-shadow:0 12px 40px #0009,0 4px 16px #0006,inset 0 1px 0 #ffffff1a!important;cursor:pointer;margin-bottom:20px!important;margin-bottom:var(--space-lg)!important;overflow:hidden;padding:20px!important;padding:var(--space-lg)!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.activity-card-mobile:hover{background:linear-gradient(135deg,#101828fa,#1f2937f2)!important;border-color:#4b556399!important;box-shadow:0 20px 60px #000c,0 8px 24px #00000080,inset 0 1px 0 #ffffff26!important;transform:translateY(-4px) scale(1.01)!important}.status-badge{border-radius:10px;text-shadow:0 1px 2px #000000b3}.status-badge.full{background:#dc2626e6;border:1px solid #ef4444cc;color:#fff}.status-badge.organizer{background:#15803de6;border:1px solid #22c55ecc;color:#fff}.status-badge.joined{background:#2563ebe6;border:1px solid #3b82f6cc;color:#fff}.status-badge.waitlist{animation:pulse-waitlist 2s ease-in-out infinite;background:#f59e0be6;border:1px solid #fbbf24cc;color:#fff}@keyframes pulse-waitlist{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.journal-entry-form{background:#ffffff1a;margin-bottom:24px;padding:24px}.entry-textarea{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;background:var(--glass-light)!important;border:1px solid #fff3!important;color:#fff!important;color:var(--text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;padding:20px;transition:all .3s ease}.entry-textarea:focus{background:#fff3!important;background:var(--glass-medium)!important;border-color:#fff6!important;box-shadow:0 0 0 2px #ffffff1a!important}.mood-selector{margin:20px 0}.mood-selector-title{color:#fff;font-size:18px;margin-bottom:16px}.mood-option{background:#ffffff1a;gap:8px;padding:16px;transition:all .3s ease}.mood-option:hover{background:#fff3;box-shadow:0 4px 8px #00000026}.mood-option.selected{background:#fff3;border-color:#fff}.mood-happy{background:linear-gradient(135deg,gold,orange,#ff8c00);box-shadow:0 8px 32px #ffd7004d}.mood-sad{background:linear-gradient(135deg,#4682b4,#5f9ea0,#708090);box-shadow:0 8px 32px #4682b44d}.mood-calm{background:linear-gradient(135deg,#98fb98,#90ee90,#87ceeb);box-shadow:0 8px 32px #98fb984d}.mood-angry{background:linear-gradient(135deg,#ff4500,tomato,#dc143c);box-shadow:0 8px 32px #ff45004d}.mood-stressed{background:linear-gradient(135deg,#9370db,#8a2be2,#6a5acd);box-shadow:0 8px 32px #9370db4d}.mood-neutral{background:linear-gradient(135deg,#f5f5f5,#e8e8e8,#d3d3d3);box-shadow:0 8px 32px #d3d3d34d}.mood-excited{background:linear-gradient(135deg,#ff1493,#ff69b4,#ffb6c1);box-shadow:0 8px 32px #ff14934d}.mood-tired{background:linear-gradient(135deg,#696969,#789,#a9a9a9);box-shadow:0 8px 32px #6969694d}.search-section{margin-bottom:24px}.loading-spinner,.spinner{animation:spin 1s linear infinite;border:4px solid #fff3;border-top:4px solid #fff;border:4px solid var(--glass-medium);border-radius:50%;border-top-color:var(--text-primary);height:40px;margin-bottom:16px;margin-bottom:var(--space-md);width:40px}.success-message{background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;color:#10b981;font-weight:500;padding:20px;padding:var(--space-lg);text-align:center}@media (min-width:414px){.auth-container,.community-hub,.container,.create-content,.journal-container,.meet-hub{max-width:414px;padding:20px;padding:var(--space-lg)}.mood-grid{grid-template-columns:repeat(3,1fr)}.meditation-card{display:flex;gap:20px;gap:var(--space-lg)}}@media (min-width:768px){.main-title{font-size:48px;letter-spacing:-1px}.auth-title,.community-title,.journal-title,.meet-title,.section-title{font-size:28px;margin-bottom:24px;margin-bottom:var(--space-xl)}.activities-grid{gap:20px;gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.mood-grid{grid-template-columns:repeat(4,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.modal-overlay{padding:20px;padding:var(--space-lg)}.modal-content{margin:0;max-height:90vh}.button-group{flex-direction:row}}@media (min-width:1024px){.container,.create-content{max-width:800px}.activities-grid,.stats-grid{grid-template-columns:repeat(3,1fr)}.community-hub,.meet-hub{max-width:800px}}@media (hover:none) and (pointer:coarse){:hover{transform:none!important}.community-tab,.filter-pill,.meet-tab,.mood-option{min-height:48px;padding:12px 16px;padding:var(--space-sm) var(--space-md)}.clickable:active,.interactive:active,[role=button]:active,button:not(:disabled):active{transform:scale(.95)!important;transition:transform .1s ease!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.activity-card:hover,.meditation-card:hover,button:hover{transform:none}.modal-content,.modal-overlay{animation:none}.modal-content{transform:none}}@media (prefers-contrast:high){.activity-card,.auth-form,.meditation-card,.modal-content{border-color:#ffffff80;border-width:2px}.hamburger-icon span{background:#fff!important;height:3px}.hamburger-menu-button{border-color:#fffc;border-width:2px}button{border-width:2px}.primary-button{background:#06c}.secondary-button{border-color:#ffffff80}.warning-button{background:#c00}}@media (hover:hover) and (pointer:fine){.clickable:focus-visible,button:focus-visible{outline:2px solid #fff;outline:2px solid var(--text-primary);outline-offset:2px}}.meditation-type-name{color:#fff!important;color:var(--text-primary)!important}.meditation-type-description{color:#fffc!important;color:var(--text-secondary)!important}.meditation-type-info{width:380px}.meditation-type-counter{color:#fffc!important;color:var(--text-secondary)!important}.filter-label{color:#fff!important;color:var(--text-primary)!important}.meditation-date,.meditation-info{color:#fffc!important;color:var(--text-secondary)!important}.meditation-info{font-size:14px}@media print{.interactive,.modal-overlay,.page-header,button{display:none!important}.activity-card,.journal-entry,.meditation-card{border:1px solid #000;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}*{background:#0000!important;box-shadow:none!important;color:#fff!important;color:var(--text-primary)!important}}.journal-calendar{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#0f1419f2,#1a2332e6 30%,#2d3561d9 70%,#4a5c8acc);border:2px solid #ffffff1a;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 12px 40px #0006,0 4px 16px #0003,inset 0 1px 0 #ffffff1a;overflow:hidden;position:relative}.journal-calendar:before{animation:starTwinkle 4s ease-in-out infinite;background:radial-gradient(2px 2px at 20px 30px,#fff6,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff4d,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff80,#0000),radial-gradient(1px 1px at 130px 80px,#fff6,#0000),radial-gradient(2px 2px at 160px 30px,#ffffff4d,#0000);background-repeat:repeat;background-size:200px 100px;bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@keyframes starTwinkle{0%,to{opacity:.4}50%{opacity:.8}}.calendar-header{border-bottom:1px solid #ffffff1a;padding:16px 0;padding:var(--space-md) 0}.calendar-title{font-size:var(--text-xl);letter-spacing:-.01em;text-shadow:0 2px 4px #0000004d}.calendar-nav{display:flex;gap:12px;gap:var(--space-sm)}.calendar-nav-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:12px;padding:var(--space-sm);transition:all .3s ease;transition:all var(--duration-normal) ease}.calendar-nav-button:hover{background:#ffffff1a;background:var(--glass-light);border-color:#ffffff4d;transform:scale(1.05)}.calendar-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.calendar-day-header{background:#ffffff1a;background:var(--glass-light);border-radius:8px;color:#fffc;color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-xs);padding:12px;padding:var(--space-sm);text-align:center}.calendar-day,.calendar-day-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-sm);font-size:var(--text-sm)}.calendar-day{background:#fff3;background:var(--glass-medium);font-weight:500;min-height:44px;transition:all .3s ease}.calendar-day:hover{background:#ffffff1a;background:var(--glass-light);border-color:#fff3}.calendar-day.other-month{background:#ffffff0d;color:#fff6;color:var(--text-quaternary)}.calendar-day.today{border-color:#3b82f699;box-shadow:0 4px 12px #3b82f666;font-weight:700}.calendar-day.selected{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b98199;box-shadow:0 4px 12px #10b98166;color:#fff;font-weight:700}.calendar-day.has-entry{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf2499;box-shadow:0 4px 12px #fbbf2466;color:#1f2937;font-weight:700}.calendar-day.has-entry:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#111827;transform:scale(1.1)}.calendar-day.has-multiple-entries:after{background:#ef4444;border:1px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;content:"";height:6px;position:absolute;right:2px;top:2px;width:6px}.calendar-day.mood-happy{background:linear-gradient(135deg,gold,orange,#ff8c00);background:var(--mood-happy);box-shadow:0 8px 32px #ffd7004d;box-shadow:var(--mood-happy-shadow);color:#1f2937}.calendar-day.mood-sad{background:linear-gradient(135deg,#4682b4,#5f9ea0,#708090);background:var(--mood-sad);box-shadow:0 8px 32px #4682b44d;box-shadow:var(--mood-sad-shadow);color:#fff}.calendar-day.mood-calm{background:linear-gradient(135deg,#98fb98,#90ee90,#87ceeb);background:var(--mood-calm);box-shadow:0 8px 32px #98fb984d;box-shadow:var(--mood-calm-shadow);color:#1f2937}.calendar-day.mood-angry{background:linear-gradient(135deg,#ff4500,tomato,#dc143c);background:var(--mood-angry);box-shadow:0 8px 32px #ff45004d;box-shadow:var(--mood-angry-shadow);color:#fff}.calendar-day.mood-stressed{background:linear-gradient(135deg,#9370db,#8a2be2,#6a5acd);background:var(--mood-stressed);box-shadow:0 8px 32px #9370db4d;box-shadow:var(--mood-stressed-shadow);color:#fff}.calendar-day.mood-neutral{background:linear-gradient(135deg,#f5f5f5,#e8e8e8,#d3d3d3);background:var(--mood-neutral);box-shadow:0 8px 32px #d3d3d34d;box-shadow:var(--mood-neutral-shadow);color:#1f2937}.calendar-day.mood-excited{background:linear-gradient(135deg,#ff1493,#ff69b4,#ffb6c1);background:var(--mood-excited);box-shadow:0 8px 32px #ff14934d;box-shadow:var(--mood-excited-shadow);color:#fff}.calendar-day.mood-tired{background:linear-gradient(135deg,#696969,#789,#a9a9a9);background:var(--mood-tired);box-shadow:0 8px 32px #6969694d;box-shadow:var(--mood-tired-shadow);color:#fff}.calendar-legend{border-top:1px solid #ffffff1a;gap:var(--space-sm);margin-top:20px;margin-top:var(--space-lg);padding-top:20px;padding-top:var(--space-lg);position:relative;z-index:2}.legend-item{font-size:var(--text-xs)}.legend-color{border:1px solid #fff3;border-radius:50%;height:12px;width:12px}.calendar-entry-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--radius-lg);left:50%;margin-top:8px;margin-top:var(--space-xs);max-width:300px;opacity:0;padding:16px;padding:var(--space-md);pointer-events:none;position:absolute;top:100%;transform:translateX(-50%);transition:all .3s ease;transition:all var(--duration-normal) ease;z-index:1000}.calendar-day:hover .calendar-entry-preview{opacity:1;pointer-events:auto}.entry-preview-content{color:#fff;color:var(--text-primary);font-size:14px;font-size:var(--text-sm);line-height:1.5;max-height:100px;overflow:hidden;position:relative}.entry-preview-content:after{background:linear-gradient(#0000,#000c);background:linear-gradient(#0000,var(--glass-dark));bottom:0;content:"";height:20px;left:0;position:absolute;right:0}.entry-preview-meta{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:8px;margin-top:var(--space-xs);padding-top:8px;padding-top:var(--space-xs)}.entry-preview-mood,.entry-preview-time{color:#fff9;color:var(--text-tertiary);font-size:12px;font-size:var(--text-xs)}@media (max-width:768px){.calendar-grid{gap:1px}.calendar-day{min-height:36px}.calendar-day,.calendar-day-header{font-size:12px;font-size:var(--text-xs)}.calendar-day-header{padding:8px;padding:var(--space-xs)}.calendar-title{font-size:18px;font-size:var(--text-lg)}.calendar-nav-button{min-height:36px;min-width:36px}.calendar-legend{justify-content:flex-start}.legend-item{font-size:10px}}.text-primary{color:#fff!important;color:var(--text-primary)!important}.text-secondary{color:#fffc!important;color:var(--text-secondary)!important}.text-tertiary{color:#fff9!important;color:var(--text-tertiary)!important}.text-quaternary{color:#fff6!important;color:var(--text-quaternary)!important}.text-on-dark{color:#fff!important;color:var(--text-on-dark)!important}.text-on-light{color:#1e293b!important;color:var(--text-on-light)!important}.text-on-brand{color:#fff!important;color:var(--text-on-brand)!important}.text-success{color:#10b981!important;color:var(--text-success)!important}.text-error{color:#ef4444!important;color:var(--text-error)!important}.text-warning{color:#f59e0b!important;color:var(--text-warning)!important}.text-info{color:#3b82f6!important;color:var(--text-info)!important}.text-link{color:#60a5fa!important;color:var(--text-link)!important;cursor:pointer;transition:color .15s ease;transition:color var(--duration-fast) ease}.text-link:hover{color:#93c5fd!important;color:var(--text-link-hover)!important}.text-disabled{color:#64748b!important;color:var(--text-disabled)!important;cursor:not-allowed}h1,h2,h3,h4,h5,h6{font-weight:600}h1,h2,h3,h4,h5,h6,p{color:#fff;color:var(--text-primary)}p{line-height:1.6}div,label,span{color:#fff;color:var(--text-primary)}label{font-weight:500}button,nav,nav a{color:#fff;color:var(--text-primary)}input::placeholder,textarea::placeholder{color:#fff9;color:var(--text-tertiary)}.meditation-page{color:#fff;color:var(--text-primary)}.meditation-card .title,.meditation-type-name{color:#fff;color:var(--text-primary);font-weight:600}.meditation-card .description,.meditation-card .meta,.meditation-type-description{color:#fffc;color:var(--text-secondary)}.meditation-date,.meditation-info,.meditation-type-counter{color:#fff9;color:var(--text-tertiary);font-size:14px;font-size:var(--text-sm)}.filter-label{font-size:var(--text-base)}.calendar-day{color:#fff;color:var(--text-on-dark);transition:all .15s ease;transition:all var(--duration-fast) ease}.calendar-day.has-entry,.calendar-day.mood-calm,.calendar-day.mood-happy,.calendar-day.mood-neutral{font-weight:600}.calendar-day:not(.has-entry):not(.mood-happy):not(.mood-calm):not(.mood-neutral){color:#fff;color:var(--text-on-dark)}.text-black,.text-gray-800,.text-gray-900,.text-slate-800,.text-slate-900,[class*=text-black],[class*=text-gray-8],[class*=text-gray-9],[style*="color: #000"],[style*="color: #1f2937"],[style*="color: #374151"],[style*="color: black"]{color:#fff!important;color:var(--text-primary)!important}*,h1,h2,h3,h4,h5,h6{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--text-primary)!important;color:#fff!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary)!important}.button,.filter-label,.meditation-date,.meditation-info,.meditation-type-counter,.meditation-type-description,.meditation-type-name,[role=button],a,button,div,label,li,p,span,td,th{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--text-primary)!important;color:#fff!important;color:var(--text-primary)!important}.calendar-day.has-entry,.calendar-day.mood-calm,.calendar-day.mood-happy,.calendar-day.mood-neutral{-webkit-text-fill-color:#1e293b!important;-webkit-text-fill-color:var(--text-on-light)!important;color:#1e293b!important;color:var(--text-on-light)!important}body,html{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--text-primary)!important;color:#fff!important;color:var(--text-primary)!important}button,input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--text-primary)!important;-webkit-appearance:none;appearance:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff1a;background:var(--glass-light);border-radius:4px}::-webkit-scrollbar-thumb{background:#fff3;background:var(--glass-medium);border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}::-webkit-scrollbar-corner{background:#0000}.glass-effect,.modal-content,.notification-overlay,.profile-slide-panel{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transform:translateZ(0);will-change:backdrop-filter}body,html{-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html{-webkit-scroll-behavior:smooth;scroll-behavior:smooth}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-drag:none}*,[role=button],a,button{-webkit-touch-callout:none}[role=button],a,button{-webkit-tap-highlight-color:rgba(67,56,202,.3)}.app-container{max-width:100vw;overflow-x:hidden;padding:0 12px}.btn,[role=button],button{min-height:44px;min-width:44px;padding:12px 16px;touch-action:manipulation}.page-header{gap:8px;padding:8px 12px}.hamburger-menu-button{min-height:44px;min-width:44px;padding:8px}.profile-slide-panel{padding:16px!important;right:0!important;width:100vw!important}.page-title{font-size:1.5rem;line-height:1.3}.page-subtitle{font-size:.9rem}input,select,textarea{padding:12px 16px}.community-card,.journal-entry-card,.meditation-card{margin:8px 0;padding:16px}.bottom-navigation{height:70px;padding:8px 0}.bottom-nav-item{min-height:50px;padding:8px 4px}@media (min-width:768px){.app-container{margin:0 auto;max-width:1200px;padding:0 24px}.profile-slide-panel{padding:20px!important;width:350px!important}.page-title{font-size:2rem}.community-card,.journal-entry-card,.meditation-card{margin:12px 0;padding:20px}.community-grid,.meditation-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width:1024px){.app-container{padding:0 32px}.btn,button{min-height:40px;padding:10px 20px}.page-header{padding:12px 32px}.profile-slide-panel{width:400px!important}.btn:hover,[role=button]:hover,button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.community-grid,.meditation-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-height:600px) and (orientation:landscape){.page-header{padding:4px 12px}.profile-slide-panel{height:100vh;padding:12px!important}.bottom-navigation{height:60px;padding:4px 0}}@media (prefers-contrast:high){:root{--text-primary:#fff;--text-secondary:#fff;--glass-light:#ffffff4d;--glass-medium:#ffffff80}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (hover:none) and (pointer:coarse){.btn:hover,[role=button]:hover,button:hover{box-shadow:none;transform:none}.btn,[role=button],button{min-height:48px;min-width:48px}}::-webkit-scrollbar-corner{background:#ffffff1a;background:var(--glass-light)}.create-activity-wizard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border-radius:16px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:800px;padding:20px}.wizard-progress{margin-bottom:32px}.progress-bar{background:#ffffff1a;margin-bottom:16px}.progress-fill{background:linear-gradient(90deg,var(--accent-color),var(--accent-hover))}.progress-steps{display:flex;justify-content:space-between;position:relative}.progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.step-number{background:#ffffff1a;color:#fff9;color:var(--text-tertiary)}.progress-step.active .step-number{background:var(--accent-color);color:#fff;transform:scale(1.1)}.progress-step.current .step-number{background:var(--accent-hover);box-shadow:0 0 0 4px #4338ca33;color:#fff}.step-label{color:#fff9;color:var(--text-tertiary);font-size:12px;font-weight:500;text-align:center}.progress-step.active .step-label{color:#fffc;color:var(--text-secondary)}.progress-step.current .step-label{color:#fff;color:var(--text-primary);font-weight:600}.wizard-content{min-height:400px;padding:24px 0}.wizard-step{animation:slideIn .3s ease}.step-header{margin-bottom:32px;text-align:center}.step-title{align-items:center;display:flex;font-size:1.5rem;gap:12px;justify-content:center;margin-bottom:8px}.step-icon{font-size:1.8rem}.step-description{font-size:1rem;margin:0 auto;max-width:500px}.form-label{color:var(--text-primary)}.form-input,.form-select,.form-textarea{border:2px solid #ffffff1a;border-radius:8px;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#ffffff14;box-shadow:0 0 0 3px #4338ca1a}.form-input.error,.form-select.error,.form-textarea.error{background:#ef44441a;border-color:var(--danger-color)}.form-sublabel{color:#fff9;color:var(--text-tertiary);font-size:12px;font-weight:500}.error-message{color:var(--danger-color);font-size:12px;gap:4px;margin-top:4px}.error-message:before{content:"⚠️";font-size:10px}.char-count{color:#fff9;color:var(--text-tertiary);font-size:11px;margin-top:4px;text-align:right}.form-range{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;height:6px;outline:none;width:100%}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-color);border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}.form-range::-moz-range-thumb{background:var(--accent-color);border:none;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}.range-labels{color:#fff9;color:var(--text-tertiary);display:flex;font-size:11px;justify-content:space-between;margin-top:8px}.template-suggestion{background:linear-gradient(135deg,#4338ca1a,#8b5cf61a);border:1px solid #4338ca33;border-radius:12px;margin:16px 0;padding:16px}.template-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.template-icon{font-size:18px}.template-text{color:#fff;color:var(--text-primary);font-weight:600}.template-description{color:#fffc;color:var(--text-secondary);font-size:13px;margin:0}.tags-input{display:flex;gap:8px;margin-bottom:12px}.add-tag-btn{background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.add-tag-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.tags-display{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#4338ca33;border-radius:12px}.remove-tag{color:#fffc;color:var(--text-secondary);font-size:14px;height:16px;line-height:1;width:16px}.remove-tag:hover{background:#ffffff1a;color:#fff;color:var(--text-primary)}.cost-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.cost-option{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:8px;padding:12px;transition:background .2s ease}.cost-option:hover{background:#ffffff14}.cost-option input[type=radio]{accent-color:var(--accent-color);height:16px;width:16px}.cost-option label{color:#fff;color:var(--text-primary);cursor:pointer;font-weight:500}.cost-details{align-items:center;display:flex;gap:8px;margin-top:12px}.cost-input{max-width:120px}.currency{color:var(--text-primary)}.activity-preview{background:#ffffff0d;border-radius:12px;margin-bottom:24px;padding:20px}.preview-header{display:flex;gap:16px;margin-bottom:16px}.preview-image{flex-shrink:0;height:80px;overflow:hidden;width:80px}.preview-image img{height:100%;object-fit:cover;width:100%}.preview-content{flex:1 1}.preview-category{background:var(--accent-color);border-radius:12px;display:inline-block;font-size:11px;padding:4px 8px}.preview-category,.preview-title{color:#fff;font-weight:600;margin-bottom:8px}.preview-title{color:var(--text-primary);font-size:18px}.preview-description{color:#fffc;color:var(--text-secondary);font-size:14px;line-height:1.4}.preview-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.preview-detail{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.preview-tags{display:flex;flex-wrap:wrap;gap:6px}.preview-tag{background:#4338ca33;border-radius:8px;color:#fff;color:var(--text-primary);font-size:11px;padding:2px 6px}.wizard-navigation{align-items:center;border-top:1px solid #ffffff1a;margin-top:32px;padding-top:24px}.nav-buttons{display:flex;gap:12px}.wizard-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background:#ffffff26}.cancel-btn:hover,.prev-btn{color:#fff;color:var(--text-primary)}.prev-btn{background:#ffffff1a;border:1px solid #fff3}.prev-btn:hover{background:#ffffff26;transform:translateY(-1px)}.next-btn,.submit-btn{background:var(--accent-color);color:#fff}.next-btn:hover,.submit-btn:hover{background:var(--accent-hover);box-shadow:0 4px 12px #4338ca4d;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-error{background:#ef44441a;border:1px solid var(--danger-color);border-radius:8px;margin-bottom:16px;padding:12px;text-align:center}@media (max-width:768px){.create-activity-wizard{border-radius:0;margin:0;padding:16px}.form-row{gap:12px;grid-template-columns:1fr}.preview-header{flex-direction:column;gap:12px}.preview-image{height:120px;width:100%}.preview-details{gap:8px;grid-template-columns:1fr}.wizard-navigation{flex-direction:column;gap:16px}.nav-buttons{justify-content:center;width:100%}.wizard-btn{flex:1 1;justify-content:center;max-width:150px}}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--text-primary)!important;background-clip:content-box!important;background-color:#ffffff1a!important;background-color:var(--glass-light)!important;-webkit-box-shadow:inset 0 0 0 1000px #ffffff1a!important;-webkit-box-shadow:0 0 0 1000px var(--glass-light) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}*{-webkit-tap-highlight-color:rgba(255,255,255,.1)!important}::selection{background:#ffffff4d;color:#fff;color:var(--text-primary)}::-moz-selection{background:#ffffff4d;color:#fff;color:var(--text-primary)}:focus{outline-color:#ffffff80!important}input[type=date],input[type=datetime-local],input[type=time]{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--text-primary)!important;-webkit-appearance:none;appearance:none;color:#fff!important;color:var(--text-primary)!important}::placeholder{-webkit-text-fill-color:#fff9!important;-webkit-text-fill-color:var(--text-tertiary)!important;color:#fff9!important;color:var(--text-tertiary)!important}.modal-body input,.modal-body textarea,.share-form input,.share-form textarea{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--text-primary)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;background:var(--glass-light)!important;border:1px solid #fff3!important;color:#fff!important;color:var(--text-primary)!important}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #ffffff1a!important;-webkit-box-shadow:0 0 0 1000px var(--glass-light) inset!important}.entry-textarea,.journal-textarea{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--text-primary)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;background:var(--glass-light)!important;border:2px solid #ffffff4d!important;caret-color:#fff!important;caret-color:var(--text-primary)!important;color:#fff!important;color:var(--text-primary)!important}.entry-textarea::placeholder,.journal-textarea::placeholder{-webkit-text-fill-color:#fff9!important;-webkit-text-fill-color:var(--text-tertiary)!important;color:#fff9!important;color:var(--text-tertiary)!important}.entry-textarea:focus,.journal-textarea:focus{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--text-primary)!important;background:#fff3!important;background:var(--glass-medium)!important;border-color:#ffffff80!important;caret-color:#fff!important;caret-color:var(--text-primary)!important;color:#fff!important;color:var(--text-primary)!important;outline:2px solid #ffffff4d!important;outline-offset:2px!important}.create-activity-wizard .form-input,.create-activity-wizard input,.create-activity-wizard select,.create-activity-wizard textarea{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--text-primary)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;background:var(--glass-light)!important;border:2px solid #ffffff4d!important;color:#fff!important;color:var(--text-primary)!important}.create-activity-wizard .form-input:focus,.create-activity-wizard input:focus,.create-activity-wizard select:focus,.create-activity-wizard textarea:focus{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--text-primary)!important;background:#fff3!important;background:var(--glass-medium)!important;border-color:#10b98199!important;box-shadow:0 0 0 3px #10b9811a!important;color:#fff!important;color:var(--text-primary)!important}.activity-description,.activity-title,.content,.description,.label,.message,.name,.organizer-label,.organizer-name,.subtitle,.text,.title,button,div,h1,h2,h3,h4,h5,h6,label,p,span{color:#fff!important;color:var(--text-primary)!important}.btn,.button,.clickable,[role=button],button{color:var(--text-primary)!important}.page-subtitle,.page-title,.panel-language-title,.panel-member-since,.panel-menu-label,.panel-username{color:#fff!important;color:var(--text-primary)!important}.form-error,.validation-error{color:#fca5a5!important}:root{--text-secondary:#ffffffe6;--text-tertiary:#ffffffbf;--text-quaternary:#fff9;--breakpoint-sm:414px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1200px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;min-height:100svh;text-rendering:optimizeLegibility}input,select,textarea{border-radius:var(--radius-md);touch-action:manipulation}.clickable,[role=button],button{-webkit-tap-highlight-color:rgba(0,0,0,.1);min-height:44px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.spinner{border-top:4px solid var(--glass-medium)}.auth-container,.community-hub,.container,.create-content,.journal-container{margin:0 auto;max-width:100%;padding:var(--space-md)}.main-title{font-size:32px;letter-spacing:-.5px;line-height:1.1}.auth-title,.community-title,.journal-title,.section-title{font-size:20px;margin-bottom:var(--space-md)}.clickable,.interactive,[role=button],button{-webkit-tap-highlight-color:rgba(0,0,0,.1);min-height:44px;min-width:44px;touch-action:manipulation}input,select,textarea{border-radius:var(--radius-lg);font-size:16px;min-height:44px;padding:var(--space-sm) var(--space-md)}.activity-card,.journal-entry,.meditation-card{border-radius:var(--radius-lg);margin-bottom:var(--space-md);padding:var(--space-md)}.community-tabs,.meditation-types{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.community-tabs::-webkit-scrollbar,.meditation-types::-webkit-scrollbar{display:none}.activities-grid{grid-gap:var(--space-md);gap:var(--space-md)}.stats-grid{grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:1fr}.modal-overlay{padding:var(--space-sm)}.modal-content{margin:var(--space-sm);max-height:calc(100vh - 32px)}.activity-card-image,.meditation-thumbnail{border-radius:var(--radius-md);height:180px;width:100%}@media (min-width:414px){.auth-container,.community-hub,.container,.create-content,.journal-container{max-width:414px;padding:var(--space-lg)}.mood-grid{grid-template-columns:repeat(3,1fr)}.meditation-card{display:flex;gap:var(--space-lg)}.meditation-thumbnail{flex-shrink:0;width:140px}}@media (min-width:768px){.main-title{font-size:48px;letter-spacing:-1px}.auth-title,.community-title,.journal-title,.section-title{font-size:28px;margin-bottom:var(--space-xl)}.activities-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.mood-grid{grid-template-columns:repeat(4,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.modal-overlay{padding:var(--space-lg)}.modal-content{margin:0;max-height:90vh}.meditation-card:hover{transform:translateY(-4px)}.button:hover,.clickable:hover{transform:translateY(-2px)}}@media (min-width:1024px){.container,.create-content{max-width:800px}.activities-grid,.stats-grid{grid-template-columns:repeat(3,1fr)}.community-hub{max-width:800px}}@media (min-width:1200px){.activities-grid,.stats-grid{grid-template-columns:repeat(4,1fr)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.modal-content{max-height:calc(100vh - env(safe-area-inset-bottom) - 32px)}}@media (hover:none) and (pointer:coarse){:hover{transform:none!important}.community-tab,.filter-pill,.mood-option{min-height:48px;padding:var(--space-sm) var(--space-md)}.social-action{min-height:44px;min-width:44px;padding:var(--space-sm)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.auth-form,.meditation-card,.modal-content{border-width:.5px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.button:hover,.meditation-card:hover{transform:none}}@media (prefers-contrast:high){.auth-form,.meditation-card,.modal-content{border-color:currentColor;border-width:2px}.glass-light,.glass-medium{background:#ffffffe6;color:#000}}@media (prefers-color-scheme:light){:root{--text-primary:#fff!important;--text-secondary:#ffffffe6!important;--text-tertiary:#ffffffbf!important;--glass-light:#ffffff1a!important;--glass-medium:#fff3!important}}@media (hover:hover) and (pointer:fine){.clickable:focus-visible,button:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}}@media print{.bottom-navigation,.interactive,.modal-overlay,.page-header,button{display:none!important}.journal-entry,.meditation-card{border:1px solid #000;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}*{background:#0000!important;box-shadow:none!important;color:#000!important}}.page-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important;max-height:48px;min-height:48px;padding:var(--space-xs) var(--space-md)}.page-header-left{height:36px}.page-header-right{flex-shrink:0;height:36px;z-index:1}.page-header-mobile-controls{display:none!important}.back-button{font-size:18px;min-height:36px;min-width:36px;transition:all var(--duration-normal) ease}.back-button:hover{color:#fff}.hamburger-menu-button{background:#ffffff1a;min-height:36px;min-width:36px;transition:all var(--duration-normal) ease}.hamburger-menu-button:hover{background:#fff3;transform:scale(1.05)}.hamburger-menu-button:active{transform:scale(.95)}.hamburger-icon{height:16px;position:relative}.hamburger-icon span{background:#fff!important;opacity:1!important;transition:all var(--duration-normal) ease}.hamburger-menu-button.open .hamburger-icon span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-menu-button.open .hamburger-icon span:nth-child(2){opacity:0;transform:translateX(-20px)}.hamburger-menu-button.open .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.profile-overlay{animation:fadeIn var(--duration-normal) ease forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;z-index:1000}.profile-slide-panel{animation:slideIn var(--duration-normal) ease forwards;border-left:1px solid #ffffff1a;box-shadow:-10px 0 30px #00000080;max-width:85vw;z-index:1001}.profile-panel-header{align-items:flex-start;display:flex;justify-content:space-between;padding:var(--space-xl) var(--space-lg) var(--space-lg)}.profile-panel-avatar{flex:1 1;gap:var(--space-md)}.panel-avatar-circle{flex-shrink:0;height:50px;overflow:hidden;position:relative;width:50px}.panel-avatar-image{height:100%;object-fit:cover;width:100%}.panel-avatar-initial{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;justify-content:center}.panel-user-info{min-width:0}.panel-username{font-size:var(--text-lg);font-weight:600;word-break:break-word}.panel-member-since{color:#ffffffb3;font-size:var(--text-sm)}.panel-close-btn{border:1px solid #fff3;flex-shrink:0;font-size:16px;transition:all var(--duration-normal) ease}.profile-panel-language{border-bottom:1px solid #ffffff1a;padding:var(--space-lg)}.panel-item-icon{font-size:18px;text-align:center;width:24px}.panel-language-title{color:#fff;flex:1 1;font-size:var(--text-base);font-weight:500}.panel-language-button{background:#ffffff1a;border:1px solid #fff3;font-size:var(--text-sm);gap:var(--space-xs);min-height:36px;padding:var(--space-xs) var(--space-sm);transition:all var(--duration-normal) ease}.panel-language-button:hover{background:#fff3}.panel-language-button.open{background:#ffffff26;border-color:#fff6}.panel-language-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1419f2;border:1px solid #fff3;border-radius:8px;min-width:150px;opacity:0;padding:var(--space-xs);pointer-events:none;position:absolute;right:0;top:calc(100% + 4px);transform:translateY(-8px);transition:all var(--duration-normal) ease;z-index:1002}.panel-language-dropdown.open{opacity:1;pointer-events:all;transform:translateY(0)}.panel-language-option{border-radius:6px;color:#fff;font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);transition:all var(--duration-fast) ease}.panel-language-option:hover{background:#ffffff1a}.panel-language-option.selected{background:#ffffff26;font-weight:600}.profile-panel-menu{padding:0}.panel-menu-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:var(--text-base);font-weight:500;gap:var(--space-md);padding:var(--space-md) var(--space-lg);position:relative;text-align:left;transition:all var(--duration-normal) ease;width:100%}.panel-menu-item:hover{background:#ffffff1a;color:#fff}.panel-menu-item:active{background:#ffffff26}.panel-menu-icon{flex-shrink:0;font-size:20px;text-align:center;width:24px}.panel-menu-label{color:#fff;flex:1 1}.panel-menu-badge{background:#ef4444;border-radius:12px;color:#fff;font-size:12px;min-width:20px;padding:2px 8px}.page-title,.panel-menu-badge{font-weight:600;text-align:center}.page-title{flex:1 1;font-size:var(--text-xl)}.page-subtitle{font-size:var(--text-sm);margin:0;text-align:center}.header-actions{align-items:center;display:flex;gap:var(--space-sm)}.header-action-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:16px;min-height:40px;min-width:40px;padding:var(--space-sm);transition:all var(--duration-normal) ease}.header-action-btn:hover{background:#fff3}@media (max-width:768px){.page-header{align-items:center;display:flex;justify-content:space-between;max-height:48px;min-height:48px;padding:var(--space-sm) var(--space-md)}.page-header-left,.page-header-right{display:none!important}.page-header-mobile-controls{align-items:center;display:flex!important;flex-shrink:0;height:36px;justify-content:space-between;width:100%}.mobile-left,.mobile-right{align-items:center;display:flex;height:100%}.mobile-right{gap:var(--space-sm)}.hamburger-menu-button{min-height:32px;min-width:32px;padding:var(--space-xs)}.profile-slide-panel{max-width:90vw;width:280px}.profile-panel-header{padding:var(--space-lg) var(--space-md) var(--space-md)}.profile-panel-language{padding:var(--space-md)}.panel-menu-item{padding:var(--space-sm) var(--space-md)}}@media (max-width:414px){.page-header{max-height:44px;min-height:44px;padding:var(--space-sm)}.page-header-mobile-controls{height:32px}.mobile-left{height:100%}.mobile-right{gap:6px;height:100%}.hamburger-menu-button{min-height:28px;min-width:28px;padding:6px}.profile-slide-panel{max-width:none;width:100%}.hamburger-icon{height:12px;width:16px}.hamburger-icon span{height:2px}}@media (prefers-contrast:high){.hamburger-icon span{background:#fff!important;height:3px}.hamburger-menu-button{border-color:#fffc;border-width:2px}.panel-language-title,.panel-menu-label,.panel-username{color:#fff!important;text-shadow:0 1px 1px #00000080}}button:not(.primary-button):not(.secondary-button):not(.danger-button):not(.success-button):not(.warning-button){background:var(--color-night-medium)!important;border:1px solid var(--color-night-light)!important;color:var(--text-primary)!important}button:not(.primary-button):not(.secondary-button):not(.danger-button):not(.success-button):not(.warning-button):hover:not(:disabled){background:var(--color-night-light)!important;border-color:#667eea!important}button.active:not(.primary-button):not(.secondary-button):not(.danger-button):not(.success-button):not(.warning-button),button.selected:not(.primary-button):not(.secondary-button):not(.danger-button):not(.success-button):not(.warning-button){background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important}button{align-items:center;border:none;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-weight:500;justify-content:center;min-height:44px;outline:none;position:relative;text-decoration:none;transition:all var(--duration-normal) var(--easing-smooth);-webkit-user-select:none;user-select:none;white-space:nowrap}button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.primary-button{background:var(--gradient-card-1);border:1px solid #ffffff1a;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:var(--text-sm);font-weight:600;padding:var(--space-sm) var(--space-lg)}.primary-button:hover:not(:disabled){box-shadow:var(--shadow-lg)}.primary-button:active:not(:disabled){box-shadow:var(--shadow-sm);transform:scale(.98)}.secondary-button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-medium);border:1px solid #fff3;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;padding:var(--space-sm) var(--space-lg)}.secondary-button:hover:not(:disabled){background:var(--glass-light);border-color:#ffffff4d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.secondary-button:active:not(:disabled){background:var(--glass-dark);transform:scale(.98)}.danger-button,.warning-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef44444d;border-radius:var(--radius-lg);box-shadow:0 4px 16px #ef44444d;color:#fff;font-size:var(--text-sm);font-weight:600;padding:var(--space-sm) var(--space-lg)}.danger-button:hover:not(:disabled),.warning-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#ef444480;box-shadow:0 8px 24px #ef444466;transform:translateY(-2px)}.danger-button:active:not(:disabled),.warning-button:active:not(:disabled){transform:scale(.98)}.success-button{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b9814d;border-radius:var(--radius-lg);box-shadow:0 4px 16px #10b9814d;color:#fff;font-size:var(--text-sm);font-weight:600;padding:var(--space-sm) var(--space-lg)}.success-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);border-color:#10b98180;box-shadow:0 8px 24px #10b98166;transform:translateY(-2px)}.success-button:active:not(:disabled){transform:scale(.98)}.ghost-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #fff3;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;padding:var(--space-sm) var(--space-lg)}.ghost-button:hover:not(:disabled){background:var(--glass-light);border-color:#ffffff4d;transform:translateY(-1px)}.ghost-button:active:not(:disabled){background:var(--glass-medium);transform:scale(.98)}.icon-button{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-medium);border:1px solid #fff3;border-radius:50%;box-shadow:var(--shadow-sm);color:var(--text-primary);display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.icon-button:hover:not(:disabled){background:var(--glass-light);border-color:#ffffff4d;box-shadow:var(--shadow-md);transform:scale(1.05)}.icon-button:active:not(:disabled){transform:scale(.95)}.small-button{border-radius:var(--radius-md);font-size:var(--text-xs);min-height:32px;padding:var(--space-xs) var(--space-md)}.large-button{border-radius:var(--radius-xl);font-size:var(--text-lg);min-height:56px;padding:var(--space-lg) var(--space-2xl)}.full-width-button{width:100%}.button-with-icon{align-items:center;display:flex;gap:var(--space-sm)}.button-icon{flex-shrink:0;font-size:1.2em}.button-text{flex:1 1;text-align:center}.loading-button{overflow:hidden;position:relative}.loading-button:before{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.button-spinner{animation:spin .8s linear infinite;border-top-color:initial;height:16px;width:16px}.mobile-touch-target{padding:var(--space-sm) var(--space-md)}.button-group{display:flex;gap:var(--space-sm)}.button-group.vertical{flex-direction:column}.button-group.full-width .button-group>*{flex:1 1}.filter-pill{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-full);color:var(--text-primary);display:flex;font-size:var(--text-sm);gap:var(--space-xs);min-height:40px;transition:all var(--duration-normal) var(--easing-smooth)}.filter-pill:hover:not(:disabled){background:var(--glass-light);border-color:#ffffff4d;transform:translateY(-1px)}.filter-pill.active{background:linear-gradient(135deg,var(--gradient-card-1));border-color:#ffffff4d;box-shadow:0 4px 16px #0003}.pill-icon{flex-shrink:0}.pill-count{align-items:center;border-radius:50%;color:currentColor;display:flex;font-weight:600;height:20px;justify-content:center;width:20px}.nav-button{transition:all var(--duration-normal) var(--easing-smooth)}.nav-button:hover:not(:disabled){background:var(--glass-light);border-color:#ffffff4d;transform:scale(1.05)}.nav-button:active:not(:disabled){transform:scale(.95)}.toggle-button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-light);border:1px solid #fff3;border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-size:var(--text-sm);font-weight:500;min-height:44px;padding:var(--space-sm) var(--space-lg);transition:all var(--duration-normal) var(--easing-smooth)}.toggle-button:hover:not(:disabled){background:var(--glass-medium);transform:translateY(-1px)}.toggle-button.active{background:var(--glass-medium);border-color:#ffffff4d;box-shadow:var(--shadow-sm);color:var(--text-primary)}.floating-action-button{align-items:center;background:var(--gradient-card-1);border-radius:50%;bottom:calc(80px + var(--space-lg));box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:var(--space-lg);transition:all var(--duration-normal) var(--easing-smooth);width:56px;z-index:100}.floating-action-button:hover:not(:disabled){box-shadow:0 12px 40px #0006;transform:scale(1.1)}.floating-action-button:active:not(:disabled){transform:scale(1.05)}@media (max-width:768px){.button-group{flex-direction:column;gap:var(--space-xs)}.button-group.horizontal{flex-direction:row;flex-wrap:wrap}button{min-height:48px}.small-button{min-height:36px}.large-button{min-height:60px}}@media (prefers-contrast:high){button{border-width:2px}.primary-button{background:#06c}.secondary-button{border-color:#ffffff80}.warning-button{background:#c00}}.modal-overlay{animation:modalFadeIn .3s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;padding:var(--space-md)}.modal-content{animation:modalSlideIn .3s ease forwards;background:var(--glass-medium);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-width:500px;overflow:hidden;position:relative;transform:scale(.95)}.modal-header{background:var(--glass-light);flex-shrink:0}.modal-header h2,.modal-header h3{color:var(--text-primary);flex:1 1;font-size:var(--text-xl);font-weight:600;margin:0}.close-modal-button,.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;justify-content:center;margin-left:var(--space-md);min-height:32px;min-width:32px;padding:var(--space-xs);transition:all var(--duration-normal) ease}.close-modal-button:hover,.modal-close:hover{background:var(--glass-medium);color:var(--text-primary);transform:scale(1.1)}.modal-body{flex:1 1;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--glass-dark);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:var(--glass-light);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--glass-medium)}.modal-footer{background:var(--glass-light);border-top:1px solid #ffffff1a;display:flex;flex-shrink:0;gap:var(--space-md);justify-content:flex-end;padding:var(--space-lg)}.confirm-dialog{max-width:400px}.confirm-dialog .modal-body{padding:var(--space-xl);text-align:center}.confirm-message{color:var(--text-primary);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-lg)}.confirm-actions{display:flex;gap:var(--space-md);justify-content:center}.alert-dialog{max-width:350px}.alert-dialog .modal-body{padding:var(--space-xl) var(--space-lg);text-align:center}.alert-message{color:var(--text-primary);font-size:var(--text-base);line-height:1.6}.alert-icon{display:block;font-size:48px;margin-bottom:var(--space-md)}.alert-dialog.success .alert-icon{color:#10b981}.alert-dialog.error .alert-icon{color:#ef4444}.alert-dialog.warning .alert-icon{color:#f59e0b}.alert-dialog.info .alert-icon{color:#3b82f6}.large-modal .modal-content{max-width:800px}.medium-modal .modal-content{max-width:600px}.small-modal .modal-content{max-width:350px}.fullscreen-modal .modal-overlay{padding:0}.fullscreen-modal .modal-content{border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.bottom-sheet-modal .modal-overlay{align-items:flex-end;padding:0}.bottom-sheet-modal .modal-content{animation:bottomSheetSlideUp .3s ease forwards;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:none;transform:translateY(100%);width:100%}@keyframes bottomSheetSlideUp{to{transform:translateY(0)}}.safety-modal .modal-content{max-width:600px}.safety-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:600;gap:var(--space-sm);margin-bottom:var(--space-md)}.safety-section-icon{color:#f59e0b;font-size:20px}.safety-tips{list-style:none;margin:0;padding:0}.safety-tip{border:1px solid #ffffff1a;border-radius:var(--radius-lg);margin-bottom:var(--space-md);padding:var(--space-md)}.tip-icon{font-size:16px;margin-top:2px}.tip-text{font-size:var(--text-sm);line-height:1.5}.emergency-contacts{display:flex;flex-direction:column;gap:var(--space-md)}.emergency-contact{border:1px solid #ffffff1a;border-radius:var(--radius-lg);gap:var(--space-md);transition:all var(--duration-normal) ease}.emergency-contact:hover{background:var(--glass-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.contact-info{min-width:0}.contact-name{font-size:var(--text-base)}.contact-number{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.upload-modal .modal-content{max-width:500px}.upload-file-info{border:1px solid #ffffff1a;border-radius:var(--radius-lg);gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md)}.file-icon{color:var(--text-primary)}.file-name{flex:1 1;font-size:var(--text-sm)}.upload-form{gap:var(--space-lg)}.form-group label{font-size:var(--text-sm)}.upload-input,.upload-textarea{border-radius:var(--radius-lg);font-size:var(--text-base);padding:var(--space-sm) var(--space-md);transition:all var(--duration-normal) ease}.upload-input:focus,.upload-textarea:focus{border-color:var(--gradient-card-1);box-shadow:0 0 0 2px #ff6b6b33}.upload-error,.upload-error-display{background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-md);color:#ef4444;font-size:var(--text-sm);padding:var(--space-sm)}.upload-actions{gap:var(--space-md);margin-top:var(--space-sm)}.loading-modal .modal-body{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-3xl);text-align:center}.loading-modal .spinner{animation:spin 1s linear infinite;border:4px solid var(--glass-medium);border-radius:50%;border-top-color:var(--text-primary);height:48px;width:48px}.loading-text{color:var(--text-primary);font-size:var(--text-lg)}@media (max-width:768px){.modal-overlay{padding:var(--space-sm)}.modal-content{margin:var(--space-sm);max-height:calc(100vh - 32px)}.modal-body,.modal-footer,.modal-header{padding:var(--space-md)}.modal-footer{flex-direction:column}.modal-footer button{width:100%}.confirm-actions,.upload-actions{flex-direction:column}.mobile-bottom-sheet .modal-overlay{align-items:flex-end;padding:0}.mobile-bottom-sheet .modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;max-width:none;width:100%}}@media (max-width:414px){.modal-body,.modal-footer,.modal-header{padding:var(--space-sm)}.large-modal .modal-content,.medium-modal .modal-content{max-width:none;width:calc(100% - 16px)}}@media (prefers-reduced-motion:reduce){.modal-content,.modal-overlay{animation:none}.bottom-sheet-modal .modal-content,.modal-content{transform:none}}.activity-details-modal-overlay{align-items:center;animation:modalFadeIn .3s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1000}.activity-details-modal-content{animation:modalSlideIn .3s ease forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;position:relative;transform:scale(.95);width:100%}.activity-details-modal-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:var(--space-lg)}.activity-details-modal-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.activity-details-modal-body{flex:1 1;overflow-y:auto;padding:0}@media (max-width:768px){.activity-details-modal-content{margin:1rem;max-width:none;width:calc(100% - 2rem)}}@media (max-width:480px){.activity-details-modal-overlay{align-items:flex-end;padding:0}.activity-details-modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0;max-height:90vh;max-width:none;width:100%}}@media (prefers-contrast:high){.modal-content{border-width:2px}.modal-content,.modal-footer,.modal-header{border-color:#ffffff80}}.activity-card{color:var(--text-primary);font-family:var(--font-primary);margin-bottom:var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-card:hover{box-shadow:0 8px 32px #0000004d}.activity-card:active{transform:translateY(0);transition:transform .1s ease}.card-header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.card-title-section{flex:1 1;min-width:0}.activity-title{margin:0 0 var(--space-xs) 0}.card-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.category-badge{align-items:center;background:#667eea26;border:1px solid #667eea33;border-radius:12px;display:inline-flex;flex-shrink:0;font-size:12px;gap:var(--space-xs);padding:4px 10px}.category-emoji{line-height:1}.activity-meta{margin:var(--space-md) 0}.meta-item{gap:var(--space-xs)}.meta-icon{flex-shrink:0}.meta-text{flex:1 1;line-height:1.4}.time-until{color:var(--accent-color);font-weight:600}.activity-description{margin:var(--space-md) 0;text-overflow:ellipsis}.participant-info{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;margin:var(--space-md) 0;padding:var(--space-sm) var(--space-md)}.participant-count{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:var(--space-xs)}.participant-count strong{color:var(--text-primary);font-weight:600}.spots-available{color:var(--accent-color);font-size:12px}.organizer-info{align-items:center;color:var(--text-secondary);font-size:13px;gap:var(--space-xs)}.organizer-avatar{background:var(--accent-color);border-radius:12px;font-size:12px;font-weight:600}.card-actions{gap:var(--space-sm);margin-top:var(--space-lg)}.action-btn{flex:1 1;gap:var(--space-xs);min-height:44px;min-width:120px;padding:12px 16px}.action-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.action-btn-primary:hover{box-shadow:0 4px 16px #667eea66;transform:translateY(-1px)}.action-btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:var(--text-primary)}.action-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.action-btn-danger{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.action-btn-danger:hover{background:#ef444440;border-color:#ef444466}.status-indicator{word-wrap:break-word;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.5px;max-width:120px;padding:4px 8px;position:absolute;right:var(--space-md);text-transform:none;top:var(--space-md);z-index:10}.status-full{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.status-participant{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.status-waitlist{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.status-organizer{background:#8b5cf626;border:1px solid #8b5cf64d;color:#8b5cf6}.activity-card-message{font-size:14px;gap:var(--space-xs);margin:var(--space-md) 0;padding:var(--space-sm) var(--space-md)}.activity-card-message.success{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.activity-card-message.error{background:#ef444426;color:#ef4444}.activity-card-message.info{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.activity-card-message.warning{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.message-icon{font-size:16px;line-height:1}.message-text{flex:1 1}.activity-card.loading{opacity:.7;pointer-events:none}.activity-card.loading:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.activity-date-group{margin-bottom:var(--space-xl)}.date-group-title{align-items:center;display:flex;gap:var(--space-sm);padding:0 var(--space-sm)}.date-group-title:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:20px;width:3px}.no-activities{padding:var(--space-xxl) var(--space-lg)}.no-activities-icon{margin-bottom:var(--space-md)}.no-activities-title{font-size:18px}.no-activities-description{max-width:280px}@media (min-width:768px){.activities-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.activity-card{padding:var(--space-xl)}.activity-title{font-size:19px}.card-actions{flex-wrap:nowrap}.action-btn{min-width:140px}}@media (min-width:1024px){.activities-grid{gap:var(--space-xxl);grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.activity-card:hover{transform:translateY(-4px)}.activity-title{font-size:20px}}@media (prefers-reduced-motion:reduce){.action-btn,.activity-card{transition:none}.activity-card:hover{transform:none}}.action-btn:focus,.activity-card:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast:high){.activity-card{border:2px solid #ffffff4d}.category-badge{border:2px solid var(--accent-color)}.action-btn-primary{border:2px solid #ffffff4d}}.activity-tags{gap:var(--space-xs);margin:var(--space-md) 0}.tag{background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);font-weight:500;padding:4px 8px;transition:all .2s ease}.tag:hover{background:#ffffff1f;color:var(--text-primary)}.tag-more{background:#667eea26;border:1px solid #667eea33;border-radius:8px;color:#667eea;padding:4px 8px}.waitlist-status-info{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:12px;color:#fbbf24;font-size:14px;font-weight:500;gap:var(--space-xs);margin:var(--space-md) 0;padding:var(--space-sm) var(--space-md)}.waitlist-icon{font-size:16px;line-height:1}.deadline-warning{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#ef4444;display:flex;font-size:13px;font-weight:500;gap:var(--space-xs);margin:var(--space-md) 0;padding:var(--space-sm) var(--space-md)}.warning-icon{font-size:16px;line-height:1}.meet-hub{color:var(--text-primary);margin:0 auto;overflow-x:hidden;position:relative;width:100%}.meet-actions-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md);position:-webkit-sticky;position:sticky;top:60px;z-index:10}.primary-actions{flex:1 1}.create-activity-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-family:var(--font-primary);font-size:16px;font-weight:600;gap:8px;min-height:48px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-activity-btn:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.create-activity-btn:active{transform:translateY(0);transition:transform .1s ease}.secondary-actions{gap:var(--space-sm)}.safety-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;min-height:48px;min-width:48px;padding:12px;transition:all .2s ease}.safety-btn:hover{background:#ffffff26;transform:scale(1.05)}.btn-icon{font-size:18px;line-height:1}.btn-text{font-size:16px;font-weight:600}.meet-tabs{background:#0000;padding:0 var(--space-lg) var(--space-lg)}.meet-tabs-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.meet-tab{border-radius:16px;gap:var(--space-md);min-height:72px;overflow:hidden;padding:var(--space-lg);text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.meet-tab:hover{background:#ffffff14;transform:translateX(4px)}.meet-tab.active{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;transform:translateX(0)}.meet-tab.active:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.tab-icon{flex-shrink:0;font-size:24px;text-align:center;width:32px}.tab-content{flex:1 1}.tab-label{font-size:16px;line-height:1.2}.tab-description{font-size:13px;line-height:1.3;opacity:.7}.meet-tab.active .tab-description{opacity:.9}.tab-badge{border-radius:12px;flex-shrink:0;font-size:12px;min-width:20px;padding:4px 8px;text-align:center}.meet-content{flex:1 1;padding:0 var(--space-lg) var(--space-xl)}.meet-loading{min-height:300px;padding:var(--space-xxl) var(--space-lg)}.loading-animation{border:4px solid #ffffff1a;border-top:4px solid var(--accent-color);height:48px;width:48px}.loading-text{margin:0}.create-activity-modal-overlay,.verification-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1000}.create-activity-modal-content,.verification-modal-content{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-medium);border:1px solid #fff3;border-radius:20px;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.create-activity-modal-header,.verification-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-lg)}.create-activity-modal-header h2,.verification-modal-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.close-modal-button{color:var(--text-secondary);transition:all .2s ease}.close-modal-button:hover{background:#fff3;color:var(--text-primary)}@media (min-width:768px){.meet-hub{max-width:640px;padding:0 var(--space-md)}.meet-tabs-nav{align-items:center;flex-direction:row;gap:var(--space-xs);padding:var(--space-sm)}.meet-tab{flex:1 1;min-height:80px;padding:var(--space-md);text-align:center}.tab-content{align-items:center}.meet-tab:hover{transform:translateY(-2px)}.meet-tab.active{transform:translateY(0)}.meet-tab.active:before{border-radius:2px 2px 0 0;bottom:0;height:3px;left:0;right:0;top:auto;width:auto}}@media (min-width:1024px){.meet-hub{max-width:800px}.meet-actions-header{padding:var(--space-xl) var(--space-xl) var(--space-lg)}.create-activity-btn{font-size:17px;padding:16px 32px}.meet-content{padding:0 var(--space-xl) var(--space-xxl)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.create-activity-btn,.meet-tab,.safety-btn{border-width:.5px}}@media (prefers-color-scheme:dark){.meet-actions-header{background:#0000004d;border-bottom:1px solid #ffffff0d}.safety-btn{background:#ffffff0d;border:1px solid #ffffff1a}.meet-tabs-nav{background:#0003;border:1px solid #ffffff0d}}@media (prefers-reduced-motion:reduce){.create-activity-btn,.meet-tab,.safety-btn{transition:none}.loading-animation{animation:none}}.create-activity-btn:focus,.meet-tab:focus,.safety-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast:high){.meet-tab{border:2px solid #0000}.meet-tab.active{border-color:var(--accent-color)}.create-activity-btn{border:2px solid #ffffff4d}}.journal-container{color:var(--text-primary);max-width:414px;min-height:calc(100vh - 80px)}.journal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:1px solid #ffffff1a;text-align:center}.journal-title{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 4px}.journal-subtitle{color:var(--text-secondary);font-size:16px;line-height:1.4;margin:0 0 var(--space-md) 0}.journal-entry-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;margin-bottom:var(--space-xl);padding:var(--space-xl)}.entry-textarea{background:#fffffff2!important;border:1px solid #0003!important;border-radius:16px;color:#1a2332!important;font-family:var(--font-primary);font-size:var(--text-base);min-height:200px;padding:var(--space-lg);resize:vertical;transition:all var(--duration-normal) ease;width:100%}.entry-textarea:focus{background:#fffffffa!important;border-color:var(--gradient-card-1)!important;box-shadow:0 0 0 2px #ff6b6b33!important;outline:none}.entry-textarea::placeholder{color:#1a233299!important}.mood-selector{margin:var(--space-lg) 0}.mood-selector-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-md);text-align:center}.mood-grid{grid-gap:var(--space-sm);gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:var(--space-lg)}.mood-option{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:2px solid #0000;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-xs);justify-content:center;min-height:80px;padding:var(--space-md);text-align:center;transition:all var(--duration-normal) ease}.mood-option:hover{background:var(--glass-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mood-option.selected{background:var(--glass-medium);border-color:var(--text-primary);transform:scale(1.05)}.mood-happy{background:var(--mood-happy);box-shadow:var(--mood-happy-shadow)}.mood-sad{background:var(--mood-sad);box-shadow:var(--mood-sad-shadow)}.mood-calm{background:var(--mood-calm);box-shadow:var(--mood-calm-shadow)}.mood-angry{background:var(--mood-angry);box-shadow:var(--mood-angry-shadow)}.mood-stressed{background:var(--mood-stressed);box-shadow:var(--mood-stressed-shadow)}.mood-neutral{background:var(--mood-neutral);box-shadow:var(--mood-neutral-shadow)}.mood-excited{background:var(--mood-excited);box-shadow:var(--mood-excited-shadow)}.mood-tired{background:var(--mood-tired);box-shadow:var(--mood-tired-shadow)}.mood-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:28px}.mood-label{font-size:var(--text-sm);text-shadow:0 1px 2px #00000080;text-transform:capitalize}.journal-calendar-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293b66,#33415566);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000004d;margin:var(--space-xl) 0;overflow:hidden;padding:var(--space-xl);position:relative}.journal-calendar-modern:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#3b82f61a 0,#0000 70%);height:200%;left:-50%;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.calendar-header{position:relative;z-index:2}.calendar-title{flex:1 1;font-size:24px;font-weight:700;text-align:center}.calendar-navigation{gap:var(--space-sm)}.calendar-nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;height:40px;transition:all var(--duration-normal) ease;width:40px}.calendar-nav-btn:hover{background:#3b82f633;box-shadow:0 4px 12px #3b82f64d;transform:scale(1.05)}.calendar-grid{background:#1e293b4d;border-radius:16px;padding:var(--space-lg);position:relative;z-index:2}.weekday-header{font-size:var(--text-sm)}.calendar-day{background:#3341554d;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-primary);cursor:pointer;font-weight:600;min-height:48px;transition:all var(--duration-normal) ease}.calendar-day:hover{background:#3b82f633;border-color:#3b82f666;box-shadow:0 4px 12px #3b82f64d;transform:scale(1.05)}.calendar-day.other-month{background:#0000;color:#e2e8f04d;cursor:default}.calendar-day.other-month:hover{box-shadow:none;transform:none}.calendar-day.today{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6cc;box-shadow:0 4px 16px #3b82f666}.calendar-day.today .day-number{color:#fff;font-weight:700}.calendar-day.selected{background:linear-gradient(135deg,#00d2ff,#3a7bd5);border-color:#00d2ffcc;box-shadow:0 4px 16px #00d2ff66;transform:scale(1.1)}.calendar-day.has-entries{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b98199;box-shadow:0 4px 16px #10b9814d}.calendar-day.has-entries:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #10b98166;transform:scale(1.1)}.day-number{font-size:16px;font-weight:600;position:relative;z-index:1}.calendar-day.has-entries:after{background:#fffc;border-radius:50%;bottom:4px;box-shadow:0 0 4px #0000004d;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}.journal-entries{display:flex;flex-direction:column;gap:var(--space-lg)}.journal-entry{padding:var(--space-xl);transition:all var(--duration-normal) ease}.journal-entry:hover{background:var(--glass-medium);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.entry-date{color:var(--text-primary);font-size:var(--text-lg)}.entry-mood{border-radius:20px;font-size:var(--text-sm);font-weight:600;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.entry-content{color:var(--text-secondary);margin-bottom:var(--space-md)}.entry-actions{justify-content:flex-end}.entry-action-btn{background:var(--glass-medium);border:1px solid #fff3;color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);transition:all var(--duration-normal) ease}.entry-action-btn:hover{background:var(--glass-light);transform:translateY(-1px)}.grammar-section{background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;margin-top:var(--space-lg);padding:var(--space-lg)}.grammar-toggle{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.grammar-toggle input[type=checkbox]{accent-color:#10b981;height:18px;width:18px}.grammar-toggle label{color:var(--text-primary);font-size:var(--text-sm);font-weight:500}.grammar-errors{display:flex;flex-direction:column;gap:var(--space-xs)}.grammar-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;font-size:var(--text-sm);padding:var(--space-sm)}@media (max-width:768px){.journal-container{padding:var(--space-md)}.journal-header{padding:var(--space-lg)}.journal-title{font-size:24px}.mood-grid{grid-template-columns:repeat(4,1fr)}.mood-option{min-height:60px;padding:var(--space-sm)}.mood-emoji{font-size:20px}.calendar-grid{padding:var(--space-sm)}.calendar-day{min-height:40px}.calendar-day,.day-number{font-size:14px}}@media (max-width:414px){.entry-textarea,.journal-entry-form,.journal-header{padding:var(--space-md)}.entry-textarea{min-height:150px}.mood-grid{grid-template-columns:repeat(3,1fr)}.calendar-day{min-height:36px}.calendar-day,.day-number{font-size:12px}}.auth-container{color:var(--text-primary);min-height:calc(100vh - 80px)}.auth-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;padding:var(--space-xl)}.auth-title{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 var(--space-sm) 0}.auth-subtitle{color:var(--text-secondary);font-size:16px;line-height:1.4;margin:0}.auth-form,.form-field{margin-bottom:var(--space-lg)}.form-input{background:#fffffff2!important;border:1px solid #0003!important;color:#1a2332!important;font-family:var(--font-primary);min-height:48px;padding:var(--space-md) var(--space-lg);transition:all var(--duration-normal) ease}.form-input:focus{background:#fffffffa!important;border-color:var(--gradient-card-1)!important;box-shadow:0 0 0 2px #ff6b6b33!important}.form-input::placeholder{color:#1a233299!important}.form-error{align-items:center;display:flex;gap:var(--space-xs)}.pi-login-section{margin-bottom:var(--space-xl)}.pi-login-button{align-items:center;background:linear-gradient(135deg,#f7931e,#ffb84d);border:none;border-radius:16px;box-shadow:0 4px 16px #f7931e4d;color:#fff;cursor:pointer;display:flex;font-size:var(--text-lg);font-weight:600;gap:var(--space-sm);justify-content:center;min-height:56px;padding:var(--space-lg);transition:all var(--duration-normal) ease;width:100%}.pi-login-button:hover{box-shadow:0 8px 24px #f7931e66;transform:translateY(-2px)}.pi-login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.pi-icon{font-size:24px}.pi-status{border-radius:12px;font-size:var(--text-sm);margin-top:var(--space-sm);padding:var(--space-md);text-align:center}.pi-status.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.pi-status.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.pi-status.loading{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.auth-divider{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--text-sm);margin:var(--space-xl) 0}.auth-divider:after,.auth-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.auth-divider:before{margin-right:var(--space-md)}.auth-divider:after{margin-left:var(--space-md)}.profile-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;margin-bottom:var(--space-xl);padding:var(--space-xl)}.profile-avatar{cursor:pointer;transition:all var(--duration-normal) ease}.profile-avatar:hover{box-shadow:0 12px 32px #667eea66;transform:scale(1.05)}.profile-info{margin-bottom:var(--space-lg);text-align:center}.profile-name{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-xs)}.profile-email{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-sm)}.profile-status{align-items:center;background:#10b9811a;border-radius:20px;color:#10b981;display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.location-section{margin-top:var(--space-lg)}.location-selector{align-items:center;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:var(--space-md);transition:all var(--duration-normal) ease}.location-selector:hover{background:var(--glass-light);border-color:#fff3}.location-text{flex:1 1;font-size:var(--text-base)}.location-icon{color:var(--text-secondary);font-size:18px}.city-picker-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.city-picker-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.city-search-input{background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-md);padding:var(--space-md);width:100%}.city-list{flex:1 1;max-height:300px;overflow-y:auto}.city-item{border-radius:8px;color:var(--text-primary);cursor:pointer;padding:var(--space-md);transition:all var(--duration-normal) ease}.city-item:hover{background:var(--glass-light)}.city-item.selected{background:var(--glass-medium);border:1px solid #fff3}.language-selector{background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;margin-top:var(--space-lg);padding:var(--space-md)}.language-label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-xs);margin-bottom:var(--space-xs)}.language-dropdown{position:relative}.language-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-medium);border:1px solid #ffffff26;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-xs);justify-content:space-between;min-height:36px;padding:var(--space-sm) var(--space-md);transition:all var(--duration-normal) ease;width:100%}.language-button:hover{background:var(--glass-dark);border-color:#ffffff40;transform:translateY(-1px)}.language-options{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:10px;left:0;margin-top:var(--space-xs);max-height:200px;opacity:0;overflow-y:auto;padding:var(--space-xs);pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all var(--duration-normal) ease;z-index:30}.language-options.open{opacity:1;pointer-events:all;transform:translateY(0)}.language-option{align-items:center;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);transition:all var(--duration-fast) ease}.language-option:hover{background:var(--glass-light)}.language-option.selected{background:var(--glass-medium);color:var(--text-primary)}.auth-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.auth-button{border-radius:12px;font-size:var(--text-base);min-height:48px;padding:var(--space-md) var(--space-lg);transition:all var(--duration-normal) ease}.auth-button.primary{background:var(--gradient-card-1);box-shadow:0 4px 16px #ff6b6b4d;color:#fff}.auth-button.primary:hover{box-shadow:0 8px 24px #ff6b6b66;transform:translateY(-2px)}.auth-button.secondary{background:var(--glass-light);border:1px solid #fff3;color:var(--text-primary)}.auth-button.secondary:hover{background:var(--glass-medium);border-color:#ffffff4d;transform:translateY(-1px)}.logout-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:600;margin-top:var(--space-lg);min-height:48px;padding:var(--space-md) var(--space-lg);transition:all var(--duration-normal) ease;width:100%}.logout-button:hover{box-shadow:0 8px 20px #ef444466;transform:translateY(-2px)}.auth-loading{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;padding:var(--space-xl)}.auth-spinner{animation:spin 1s linear infinite;border:3px solid var(--glass-medium);border-radius:50%;border-top-color:var(--text-primary);height:32px;margin-right:var(--space-md);width:32px}.auth-message{align-items:center;border-radius:12px;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md)}.auth-message.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.auth-message.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.auth-message.info{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}@media (max-width:768px){.auth-container{padding:var(--space-md)}.auth-header{padding:var(--space-lg)}.auth-title{font-size:24px}.auth-form{padding:var(--space-lg)}.profile-avatar{font-size:24px;height:64px;width:64px}.city-picker-modal{padding:var(--space-md)}}@media (max-width:414px){.auth-form,.auth-header{padding:var(--space-md)}.form-input{padding:var(--space-sm) var(--space-md)}.profile-name{font-size:var(--text-xl)}}.community-hub{color:var(--text-primary);margin:0 auto;max-width:414px;min-height:calc(100vh - 80px);padding:var(--space-lg)}.community-header{border-radius:20px;padding:var(--space-xl)}.community-title{font-size:28px;font-weight:700;margin:0 0 4px}.community-subtitle{color:var(--text-secondary);font-size:16px;line-height:1.4;margin:0 0 var(--space-md) 0}.community-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;display:flex;margin-bottom:var(--space-xl);padding:4px}.community-tab{background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:var(--space-md);transition:all var(--duration-normal) ease;white-space:nowrap}.community-tab:hover{background:var(--glass-medium);color:var(--text-primary)}.community-tab.active{background:var(--gradient-card-1);box-shadow:0 2px 8px #0003;color:#fff;font-weight:600}.search-section{margin-bottom:var(--space-xl)}.clear-search,.filter-pill,.search-input{transition:all var(--duration-normal) ease}.meditation-card:active{transform:translateY(-3px) scale(1.01)}@media (max-width:768px){.meditation-card:hover{transform:none}}.meditation-social{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:var(--space-md);margin-top:var(--space-sm);padding-top:var(--space-sm)}.social-action{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:var(--space-xs);padding:var(--space-xs);transition:all var(--duration-normal) ease}.social-action:hover{background:var(--glass-light);color:var(--text-primary)}.social-action.liked{color:#ef4444}.social-action.liked:hover{color:#dc2626}.like-button{color:var(--text-secondary);transition:all var(--duration-normal) ease}.like-button.liked{color:#ef4444;transform:scale(1.1)}.like-count,.play-count{font-weight:500;min-width:16px;text-align:left}.share-form .form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.share-form .form-group label{color:var(--text-primary);font-size:14px;font-weight:600}.share-form .form-group input,.share-form .form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:1px solid #0003!important;border-radius:12px;color:#1a2332!important;font-size:14px;padding:var(--space-md);resize:none;transition:all var(--duration-normal) ease}.share-form .form-group input:focus,.share-form .form-group textarea:focus{background:#fffffffa!important;border-color:var(--gradient-card-1)!important;box-shadow:0 0 0 2px #ff6b6b33!important;outline:none}.share-form .form-group input::placeholder,.share-form .form-group textarea::placeholder{color:#1a233299!important}.cancel-btn,.share-submit-btn{transition:all var(--duration-normal) ease}.empty-state p{line-height:1.4}.loading-spinner{display:inline-block;margin-right:var(--space-sm)}.bottom-play-button,.close-btn,.play-button,.share-button{transition:all var(--duration-normal) ease}@media (max-width:768px){.community-hub{padding:var(--space-md)}.community-header{padding:var(--space-lg)}.community-title{font-size:24px}.meditation-card{flex-direction:column;gap:var(--space-md)}.meditation-thumbnail{height:200px;width:100%}.meditation-social{justify-content:space-around}}@media (max-width:414px){.share-dialog-overlay{padding:var(--space-md)}.share-dialog{margin:0;max-width:100%}.share-dialog-content,.share-dialog-header{padding:var(--space-lg)}.preview-info{gap:var(--space-xs)}.form-actions,.preview-info{flex-direction:column}.cancel-btn,.share-submit-btn{flex:none}.community-tabs{padding:2px}.community-tab{font-size:13px;padding:var(--space-sm)}}.admin-dashboard-new{background:var(--background-primary);color:var(--text-primary);font-family:var(--font-primary);min-height:100vh}.access-denied{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:var(--space-lg)}.access-denied-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;max-width:400px;padding:var(--space-xl)}.debug-info{background:#0003;border-radius:12px;color:var(--text-secondary);font-size:14px;margin-top:var(--space-md);padding:var(--space-md);text-align:left}.admin-tabs{background:#ffffff05;border-bottom:1px solid #ffffff1a;padding:0 var(--space-lg)}.admin-tabs-nav{-ms-overflow-style:none;display:flex;gap:var(--space-xs);overflow-x:auto;padding:var(--space-md) 0;scrollbar-width:none}.admin-tabs-nav::-webkit-scrollbar{display:none}.admin-tab{align-items:center;border:1px solid #ffffff1a;border-radius:16px;display:flex;font-family:var(--font-primary);gap:var(--space-sm);padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-tab:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-1px)}.admin-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 16px #667eea4d}.tab-icon{font-size:18px;line-height:1}.tab-content{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.tab-description{font-size:12px;opacity:.8}.admin-content{min-height:70vh;padding:var(--space-xl) var(--space-lg)}.section-header{flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.admin-loading{gap:var(--space-md);min-height:400px}.loading-spinner{border-top:3px solid var(--accent-color)}.error-message{background:#ef444426;justify-content:space-between;margin-bottom:var(--space-lg)}.error-close{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;padding:4px}.admin-overview{max-width:1200px}.stats-grid{margin-bottom:var(--space-xxl)}.stat-card{background:#ffffff0d}.stat-card:hover{background:#ffffff14}.stat-card .stat-icon{font-size:32px;margin-bottom:var(--space-md)}.stat-card h3{color:var(--text-primary);font-size:28px;font-weight:700}.stat-card h3,.stat-card p{margin:0 0 var(--space-xs) 0}.stat-card p{color:var(--text-secondary);font-size:14px}.stat-sub{color:var(--accent-color);font-size:12px;font-weight:600}.recent-activity{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.recent-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:var(--space-lg)}.recent-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:var(--space-md)}.recent-list{display:flex;flex-direction:column;gap:var(--space-sm)}.recent-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.recent-info strong{color:var(--text-primary);display:block;margin-bottom:2px}.recent-meta{color:var(--text-secondary);font-size:12px}.recent-badges{align-items:center;display:flex;gap:var(--space-xs)}.role-badge{border-radius:8px;padding:4px 8px;text-transform:none}.role-badge.admin{background:#8b5cf633;color:#8b5cf6}.role-badge.user{background:#3b82f633;color:#3b82f6}.role-badge.moderator{background:#fbbf2433;color:#fbbf24}.verified-badge,.verified-icon{background:#22c55e33;border-radius:6px;color:#22c55e;font-size:10px;font-weight:600;padding:2px 6px}.status-badge{border-radius:8px;font-size:11px;padding:4px 8px;text-transform:capitalize}.status-badge.pending{background:#fbbf2433;color:#fbbf24}.status-badge.approved{background:#22c55e33;color:#22c55e}.status-badge.rejected{background:#ef444433;color:#ef4444}.status-active{color:#22c55e;font-weight:600}.status-inactive{color:#ef4444;font-weight:600}.user-filters{align-items:center;display:flex;gap:var(--space-md)}.role-filter,.search-input,.status-filter{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-primary);font-family:var(--font-primary);padding:var(--space-sm) var(--space-md)}.search-input::placeholder{color:var(--text-secondary)}.users-table{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table th{background:#ffffff0d;border-bottom:1px solid #ffffff1a;color:var(--text-primary);font-weight:600;padding:var(--space-md);text-align:left}.users-table td{border-bottom:1px solid #ffffff0d;color:var(--text-secondary);padding:var(--space-md)}.users-table tr:hover{background:#ffffff05}.user-cell{align-items:center;display:flex;gap:var(--space-xs)}.user-cell strong{color:var(--text-primary)}.activities-grid{grid-gap:var(--space-lg);gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.activity-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;padding:var(--space-lg)}.activity-card:hover{background:#ffffff14}.activity-header{margin-bottom:var(--space-md)}.activity-header h3{color:var(--text-primary);flex:1 1;font-size:18px;font-weight:600;margin:0}.activity-badges{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.category-badge{background:#667eea33;border-radius:8px;color:#667eea;font-size:11px;font-weight:600;padding:4px 8px}.activity-meta{font-size:14px;margin-bottom:var(--space-md)}.activity-meta p{margin:4px 0}.activity-actions{gap:var(--space-sm)}.action-btn{border-radius:12px;font-family:var(--font-primary);font-size:12px;font-weight:600;padding:var(--space-sm) var(--space-md)}.view-btn{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.view-btn:hover{background:#3b82f64d}.delete-btn{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.delete-btn:hover{background:#ef44444d}.system-health{max-width:800px}.health-status{margin-bottom:var(--space-xl)}.health-indicator{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:var(--space-md);padding:var(--space-lg)}.health-icon{font-size:32px}.health-content h3{color:var(--text-primary);margin:0 0 var(--space-xs) 0}.health-content p{color:var(--text-secondary);font-size:14px;margin:0}.system-metrics{margin-bottom:var(--space-xl)}.system-metrics h3{color:var(--text-primary);margin-bottom:var(--space-md)}.metrics-grid{grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;padding:var(--space-lg)}.metric-card h4{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 var(--space-xs) 0}.metric-card p{color:var(--text-secondary);font-size:14px;margin:0}.system-alerts{margin-top:var(--space-xl)}.system-alerts h3{color:var(--text-primary);margin-bottom:var(--space-md)}.alert{border-radius:12px;font-size:14px;margin-bottom:var(--space-sm);padding:var(--space-md)}.alert.warning{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.alert.error{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.broadcast-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;max-width:600px;padding:var(--space-xl)}.form-input,.form-select,.form-textarea{background:#ffffff0d;border:1px solid #ffffff1a;color:var(--text-primary);font-family:var(--font-primary);font-size:14px;padding:var(--space-md)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #667eea33}.broadcast-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:var(--font-primary);font-size:14px;font-weight:600;padding:var(--space-md) var(--space-lg);transition:all .2s ease}.broadcast-btn:hover:not(:disabled){box-shadow:0 4px 16px #667eea66;transform:translateY(-1px)}.broadcast-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.modal-content{background:var(--background-primary);border:1px solid #ffffff1a;max-height:90vh}.modal-header{padding:var(--space-lg)}.modal-close{font-size:18px;transition:color .2s ease}.modal-body{padding:var(--space-lg)}.activity-full-details,.user-details{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.activity-full-details p,.user-details p{margin-bottom:var(--space-sm)}.user-actions{flex-wrap:wrap;gap:var(--space-md)}.description-full{margin:var(--space-md) 0}.moderation-notes{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:var(--space-md)}.meditation-redirect{margin:0 auto;max-width:500px;padding:var(--space-xxl);text-align:center}.meditation-redirect h2{color:var(--text-primary);margin-bottom:var(--space-lg)}.meditation-redirect p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl)}.redirect-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;color:#fff;cursor:pointer;font-family:var(--font-primary);font-size:16px;font-weight:600;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.redirect-btn:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.admin-tabs-nav{flex-wrap:wrap}.admin-tab{flex:1 1;min-width:140px}.section-header{align-items:stretch;flex-direction:column}.activity-filters,.user-filters{flex-direction:column;width:100%}.role-filter,.search-input,.status-filter{width:100%}.users-table{overflow-x:auto}.activities-grid,.recent-activity,.stats-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.modal-content{margin:var(--space-md);max-width:none}.activity-actions,.user-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.action-btn,.activity-card,.admin-tab,.broadcast-btn,.redirect-btn,.stat-card{transition:none}.action-btn:hover,.activity-card:hover,.broadcast-btn:hover,.redirect-btn:hover,.stat-card:hover{transform:none}}.action-btn:focus,.admin-tab:focus,.broadcast-btn:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast:high){.activity-card,.admin-tab,.broadcast-form,.modal-content,.stat-card,.users-table{border:2px solid #ffffff4d}}@media (prefers-color-scheme:dark){.users-table th{background:#ffffff14}}.modal-overlay{background:#000c;padding:var(--space-lg);z-index:1000}.modal-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header h3{font-weight:600}.modal-close{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.activity-info{background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;margin-bottom:var(--space-xl);padding:var(--space-lg)}.activity-info h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 var(--space-md) 0}.activity-info p{color:var(--text-secondary);font-size:14px;margin:var(--space-xs) 0}.moderation-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:100px;padding:var(--space-md);resize:vertical;transition:all .3s ease;width:100%}.moderation-textarea:focus{background:var(--glass-medium);border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff1a;outline:none}.moderation-textarea::placeholder{color:var(--text-tertiary)}.modal-actions{justify-content:flex-end;padding-top:0}.secondary-btn{background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.secondary-btn:hover:not(:disabled){background:var(--glass-medium);color:var(--text-primary);transform:translateY(-2px)}.approve-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.approve-btn:hover:not(:disabled){box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.reject-btn:hover:not(:disabled){box-shadow:0 8px 20px #ef444466;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.modal-overlay{padding:var(--space-md)}.modal-container{max-height:calc(100vh - 32px);max-width:100%}.modal-actions,.modal-body,.modal-header{padding:var(--space-lg)}.modal-actions{flex-direction:column;gap:var(--space-sm)}}.alert{align-items:center;animation:fadeInOut 5s ease-in-out;border-radius:var(--border-radius);display:inline-flex;font-size:.95em;font-weight:600;gap:.5rem;margin:.5rem 0;min-height:3rem;padding:.75rem 1rem;text-shadow:0 1px 2px #0000004d}.alert-inline{display:inline-flex;margin-left:var(--space-sm)}.alert-block{display:flex;justify-content:center;width:100%}.alert-fixed{box-shadow:0 4px 12px #00000026;left:50%;position:fixed;top:2rem;transform:translateX(-50%);z-index:1000}.alert-success{background-color:#10b981e6;border:1px solid #10b981}.alert-error,.alert-success{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.alert-error{background-color:#ef4444e6;border:1px solid #ef4444}.alert-warning{background-color:#f59e0be6;border:1px solid #f59e0b}.alert-info,.alert-warning{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.alert-info{background-color:#3b82f6e6;border:1px solid #3b82f6}.alert-icon{font-size:1.1em}.alert-message{flex:1 1}.confirm-dialog-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.confirm-dialog-overlay .confirm-dialog{background:#020617f2!important;border:1px solid #47556966!important}.confirm-dialog-overlay .confirm-dialog *{color:inherit!important}.confirm-dialog-overlay .confirm-dialog .confirm-title{-webkit-text-fill-color:#fff!important;color:#fff!important}.confirm-dialog-overlay .confirm-dialog .confirm-message{-webkit-text-fill-color:#94a3b8e6!important;color:#94a3b8e6!important}.confirm-dialog-overlay .confirm-dialog .confirm-btn,.confirm-dialog-overlay .confirm-dialog .confirm-btn:hover,.confirm-dialog-overlay .confirm-dialog .confirm-no,.confirm-dialog-overlay .confirm-dialog .confirm-no:hover,.confirm-dialog-overlay .confirm-dialog .confirm-yes,.confirm-dialog-overlay .confirm-dialog .confirm-yes:hover{-webkit-text-fill-color:#fff!important;color:#fff!important}.confirm-message{text-align:center}.confirm-buttons{display:flex}.confirm-btn{align-items:center;cursor:pointer;display:flex;gap:.5rem;transition:all .3s ease}.city-autocomplete{position:relative;width:100%}.city-autocomplete-input{box-sizing:border-box;font-size:16px;min-height:44px;padding-right:35px;width:100%}.city-autocomplete-loading{pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spinner-small{animation:spin .8s linear infinite;border:2px solid var(--glass-border);border-top-color:var(--primary-color)}.city-autocomplete-error{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;font-size:14px;margin-top:8px;padding:8px 12px}.city-autocomplete-suggestions{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0006;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.city-autocomplete-suggestion{-webkit-tap-highlight-color:transparent;border-bottom:1px solid var(--glass-border);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:16px;transition:all .2s ease}.city-autocomplete-suggestion:last-child{border-bottom:none}.city-autocomplete-suggestion.selected,.city-autocomplete-suggestion:hover{background:var(--glass-light)}.city-autocomplete-suggestion:active{background:var(--glass-dark);transform:scale(.98)}.suggestion-main{font-size:16px;font-weight:600;margin-bottom:4px}.suggestion-secondary{font-size:13px;opacity:.8}.city-autocomplete-no-results{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);display:flex;font-size:14px;justify-content:center;left:0;margin-top:4px;min-height:44px;padding:16px;position:absolute;right:0;text-align:center;top:100%}@media (max-width:768px){.city-autocomplete{max-width:100%}.city-autocomplete-input{font-size:16px;min-height:48px;padding:12px 40px 12px 16px}.city-autocomplete-suggestions{border-radius:16px;box-shadow:0 12px 40px #00000080;left:-4px;max-height:250px;right:-4px}.city-autocomplete-suggestion{min-height:56px;padding:18px 20px}.suggestion-main{font-size:17px;font-weight:600;margin-bottom:6px}.suggestion-secondary{font-size:14px;opacity:.75}.city-autocomplete-error{font-size:15px;margin-top:12px;padding:12px 16px}.city-autocomplete-no-results{border-radius:16px;font-size:15px;min-height:56px;padding:20px 16px}}@media (max-width:480px){.city-autocomplete-suggestions{left:-8px;max-height:200px;right:-8px}.city-autocomplete-suggestion{padding:16px}.suggestion-main{font-size:16px}.suggestion-secondary{font-size:13px}}@media (prefers-color-scheme:dark){.city-autocomplete-suggestions{background:#1e1e1ef2}.city-autocomplete-suggestion.selected,.city-autocomplete-suggestion:hover{background:#ffffff1a}}.form-group .city-autocomplete-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff1a;border-radius:16px;box-sizing:border-box;color:var(--text-primary);font-size:16px;font-weight:500;outline:none;padding:16px 40px 16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group .city-autocomplete-input:focus{background:#ffffff1f;border-color:#ff6b6b80;box-shadow:0 0 0 4px #ff6b6b1a,0 8px 25px #00000026;transform:translateY(-2px)}.form-group .city-autocomplete-input::placeholder{color:var(--text-tertiary);font-weight:400}.form-group .city-autocomplete-input:valid{border-color:#22c55e66}.location-selector-wrapper .city-autocomplete-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:16px;padding:12px 35px 12px 16px;transition:all .3s ease;width:100%}.location-selector-wrapper .city-autocomplete-input:focus{background:var(--glass-medium);border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff1a;outline:none}.location-selector-wrapper .city-autocomplete-input::placeholder{color:var(--text-tertiary)}.form-group .city-autocomplete-suggestions,.location-selector-wrapper .city-autocomplete-suggestions{z-index:1001}@media (max-width:768px){.form-group .city-autocomplete-input{font-size:16px;padding:14px 40px 14px 18px}.location-selector-wrapper .city-autocomplete-input{font-size:16px;padding:12px 35px 12px 16px}}.city-autocomplete-suggestions::-webkit-scrollbar{width:6px}.city-autocomplete-suggestions::-webkit-scrollbar-track{background:var(--glass-dark);border-radius:3px}.city-autocomplete-suggestions::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.city-autocomplete-suggestions::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.city-picker-trigger{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff1a;border-radius:16px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;min-height:56px;outline:none;padding:16px 20px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.city-picker-trigger:hover:not(.disabled){background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.city-picker-trigger:focus:not(.disabled){background:#ffffff1f;border-color:#ff6b6b80;box-shadow:0 0 0 4px #ff6b6b1a,0 8px 25px #00000026;transform:translateY(-2px)}.city-picker-trigger.has-value{border-color:#22c55e66}.city-picker-trigger.disabled{background:#ffffff0a;cursor:not-allowed;opacity:.6}.city-picker-value{color:var(--text-primary);flex:1 1}.city-picker-trigger:not(.has-value) .city-picker-value{color:var(--text-tertiary);font-weight:400}.city-picker-icon{color:var(--text-secondary);flex-shrink:0;height:20px;margin-left:12px;transition:transform .2s ease;width:20px}.city-picker-modal-overlay{align-items:flex-end;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:9999}.city-picker-modal{animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-dark);border:1px solid var(--glass-border);border-bottom:none;border-radius:24px 24px 0 0;box-shadow:0 -8px 40px #0009;display:flex;flex-direction:column;max-height:85vh;max-width:100vw;overflow:hidden;width:100%}.city-picker-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;flex-shrink:0;justify-content:space-between;padding:24px 24px 16px}.city-picker-title{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.city-picker-close{align-items:center;background:#ffffff14;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.city-picker-close:hover{background:#ffffff1f;color:var(--text-primary);transform:scale(1.05)}.city-picker-close:active{transform:scale(.95)}.city-picker-close svg{height:18px;width:18px}.city-picker-search-section{border-bottom:1px solid var(--glass-border);flex-shrink:0;padding:16px 24px}.city-picker-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:0 24px}.popular-cities-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.city-card{align-items:center;background:#ffffff14;border:1px solid var(--glass-border);border-radius:16px;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:60px;padding:20px 16px;text-align:center;transition:all .3s ease}.city-card:hover{background:#ffffff1f;border-color:var(--glass-light);box-shadow:0 4px 20px #0003;transform:translateY(-2px)}.city-card:active{box-shadow:0 2px 10px #0003;transform:translateY(0)}.city-name{color:var(--text-primary);font-weight:600}.loading-popular{align-items:center;color:var(--text-secondary);display:flex;gap:12px;justify-content:center;padding:40px 20px}.city-result-item{background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px;text-align:left;transition:all .3s ease}.city-result-item:hover{background:#ffffff1a;border-color:var(--glass-light);transform:translateX(4px)}.city-result-item:active{transform:translateX(2px)}.city-result-main{color:var(--text-primary);font-size:16px;font-weight:600}.city-result-secondary{color:var(--text-secondary);font-size:13px;opacity:.8}.city-picker-footer{border-top:1px solid var(--glass-border);flex-shrink:0;padding:16px 24px 24px}@media (min-width:768px){.city-picker-modal-overlay{align-items:center;justify-content:center;padding:20px}.city-picker-modal{animation:modalScaleIn .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--glass-border);border-radius:24px;max-height:600px;max-width:500px;width:100%}.popular-cities-grid{grid-template-columns:repeat(3,1fr)}.city-card{font-size:15px;min-height:50px;padding:16px 12px}}.form-group .city-picker-trigger,.location-selector-wrapper .city-picker-trigger{background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;min-height:48px;padding:12px 16px}.form-group .city-picker-trigger:focus,.location-selector-wrapper .city-picker-trigger:focus{background:var(--glass-medium);border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff1a}.form-group .city-picker-trigger{background:#ffffff14;border:2px solid #ffffff1a;border-radius:16px;min-height:56px;padding:16px 20px}.form-group .city-picker-trigger:focus{background:#ffffff1f;border-color:#ff6b6b80;box-shadow:0 0 0 4px #ff6b6b1a,0 8px 25px #00000026;transform:translateY(-2px)}.location-picker-trigger{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff1a;border-radius:16px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;min-height:56px;outline:none;padding:16px 20px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.location-picker-trigger:hover:not(.disabled){background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.location-picker-trigger:focus:not(.disabled){background:#ffffff1f;border-color:#ff6b6b80;box-shadow:0 0 0 4px #ff6b6b1a,0 8px 25px #00000026;transform:translateY(-2px)}.location-picker-trigger.has-value{background:var(--glass-medium);border-color:#22c55e66}.field-content .location-picker-trigger.has-value{background:var(--glass-medium);border-color:#22c55e80;color:var(--text-primary)}.location-picker-trigger.disabled{background:#ffffff0a;cursor:not-allowed;opacity:.6}.location-picker-value{color:var(--text-primary);flex:1 1;font-weight:500;text-align:left}.location-picker-trigger:not(.has-value) .location-picker-value{color:var(--text-tertiary);font-weight:400}.field-content .location-picker-trigger .location-picker-value{color:var(--text-primary);font-weight:500}.field-content .location-picker-trigger:not(.has-value) .location-picker-value{color:var(--text-tertiary);font-weight:400}.location-picker-icon{color:var(--text-secondary);flex-shrink:0;height:20px;margin-left:12px;transition:transform .2s ease;width:20px}.location-picker-modal-overlay{align-items:flex-end;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.location-picker-modal{animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-dark);border:1px solid var(--glass-border);border-bottom:none;border-radius:24px 24px 0 0;box-shadow:0 -8px 40px #0009;display:flex;flex-direction:column;max-height:85vh;max-width:100vw;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.location-picker-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;flex-shrink:0;justify-content:space-between;padding:24px 24px 16px}.location-picker-title{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.location-picker-close{align-items:center;background:#ffffff14;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.location-picker-close:hover{background:#ffffff1f;color:var(--text-primary);transform:scale(1.05)}.location-picker-close:active{transform:scale(.95)}.location-picker-close svg{height:18px;width:18px}.location-picker-search-section{border-bottom:1px solid var(--glass-border);flex-shrink:0;padding:16px 24px}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{height:20px;left:16px;width:20px;z-index:1}.search-input{font-weight:500;outline:none;padding:16px 50px}.search-input:focus{border-color:#ff6b6b80;box-shadow:0 0 0 4px #ff6b6b1a}.search-loading{align-items:center;display:flex;justify-content:center;position:absolute;right:16px}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--glass-border);border-top-color:var(--primary-color)}.error-message{align-items:center;display:flex;font-size:14px;gap:8px;margin-top:12px}.error-message svg{flex-shrink:0;height:16px;width:16px}.location-picker-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:0 24px}.section-title{margin:24px 0 16px;opacity:.9}.search-instructions{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;padding:60px 20px;text-align:center}.instruction-icon{color:var(--text-tertiary);height:60px;margin-bottom:8px;opacity:.6;width:60px}.instruction-icon svg{height:100%;width:100%}.instruction-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.instruction-text{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0;max-width:400px;opacity:.8}.search-results-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.location-result-item{background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px;text-align:left;transition:all .3s ease}.location-result-item:hover{background:#ffffff1a;border-color:var(--glass-light);transform:translateX(4px)}.location-result-item:active{transform:translateX(2px)}.location-result-main{color:var(--text-primary);font-size:16px;font-weight:600}.location-result-secondary{color:var(--text-secondary);font-size:13px;opacity:.8}.no-results{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;padding:40px 20px;text-align:center}.no-results svg{height:48px;margin-bottom:8px;opacity:.5;width:48px}.no-results small{font-size:13px;opacity:.7}.location-picker-footer{border-top:1px solid var(--glass-border);flex-shrink:0;padding:16px 24px 24px}.manual-entry-btn{align-items:center;background:#ffffff14;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.manual-entry-btn:hover{background:#ffffff1f;border-color:var(--glass-light)}.manual-entry-btn svg{height:16px;width:16px}@media (min-width:768px){.location-picker-modal-overlay{align-items:center;justify-content:center;padding:20px}.location-picker-modal{animation:modalScaleIn .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--glass-border);border-radius:24px;max-height:600px;max-width:500px;width:100%}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}}.field-content .location-picker-trigger,.form-group .location-picker-trigger,.location-selector-wrapper .location-picker-trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff1a;border-radius:16px;color:var(--text-primary);font-size:16px;font-weight:500;min-height:56px;padding:16px 20px;transition:all .3s ease}.field-content .location-picker-trigger:hover:not(.disabled),.form-group .location-picker-trigger:hover:not(.disabled),.location-selector-wrapper .location-picker-trigger:hover:not(.disabled){background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.field-content .location-picker-trigger:focus,.form-group .location-picker-trigger:focus,.location-selector-wrapper .location-picker-trigger:focus{background:#ffffff1f;border-color:#ff6b6b80;box-shadow:0 0 0 4px #ff6b6b1a;outline:none}.form-group .location-picker-trigger{background:#ffffff14!important;border:2px solid #ffffff1a!important;border-radius:16px!important;color:var(--text-primary)!important;font-size:16px!important;font-weight:500!important;min-height:56px!important;padding:16px 20px!important}.form-group .location-picker-trigger:hover:not(.disabled){background:#ffffff1f!important;border-color:#fff3!important;transform:translateY(-1px)}.form-group .location-picker-trigger:focus{background:#ffffff1f!important;border-color:#ff6b6b80!important;box-shadow:0 0 0 4px #ff6b6b1a,0 8px 25px #00000026!important;outline:none!important;transform:translateY(-2px)}.form-group .location-picker-trigger.has-value{background:#ffffff14!important;border-color:#22c55e66!important}.form-group .location-picker-trigger .location-picker-value{color:var(--text-primary)!important;font-weight:500!important}.form-group .location-picker-trigger:not(.has-value) .location-picker-value{color:var(--text-tertiary)!important;font-weight:400!important}.instruction-note{background:#ffc1071a;border:1px solid #ffc10733;border-radius:8px;font-size:14px;margin-top:12px;padding:12px}.footer-note,.instruction-note{color:var(--text-secondary);font-weight:500;line-height:1.4}.footer-note{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;display:flex;font-size:13px;gap:8px;margin:0;padding:16px;text-align:center}.footer-note .info-icon{color:#3b82f6b3;flex-shrink:0;height:16px;width:16px}.wizard-container{margin:0 auto;max-width:800px;padding:20px;padding-bottom:calc(80px + var(--space-lg))}.wizard-header{background:#0000;margin-bottom:30px}.wizard-content{margin-bottom:10px}.step-title h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 20px;text-align:center}.step-body{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #fff3;border-radius:16px;height:400px;max-height:400px;min-height:400px;padding:20px}.step-body,.step-container{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.step-container{height:100%;width:100%}.step-container .meditation-type-slider{background:#0000;margin:0;max-width:100%;padding:0;width:100%}.step-container .meditation-type-card{margin:0 auto;max-width:100%;width:100%}.step-container .background-slider{background:#0000;margin:0;max-width:100%;padding:0;width:100%}.step-container .background-card{margin:0 auto;max-width:100%;width:100%}.step-container .voice-slider{background:#0000;margin:0;max-width:100%;padding:0;width:100%}.step-container .voice-card{margin:0 auto;max-width:100%;width:100%}.step-indicator{background:#0000!important;border:none!important;box-shadow:none!important;margin-bottom:20px;position:relative}.step-progress-bar,.step-progress-fill{display:none}.step-items{justify-content:space-between;position:relative;z-index:1}.step-item,.step-items{background:#0000;display:flex}.step-item{align-items:center;border-radius:8px;flex-direction:column;padding:10px;transition:all .3s ease}.step-item.clickable{cursor:pointer}.step-item.clickable:hover{background:#0000;opacity:.8}.step-item.disabled{cursor:not-allowed;opacity:.5}.step-number{font-size:14px;height:32px;margin-bottom:8px;transition:all .3s ease;width:32px}.step-item.step-pending .step-number{background:#fff3;color:#ffffffb3}.step-item.step-current .step-number{background:#6366f1;color:#fff}.step-item.step-completed .step-number{background:#10b981;color:#fff}.step-title{font-size:12px;font-weight:500;text-align:center}.step-item.step-pending .step-title{color:#fff9}.step-navigation{align-items:center;display:flex;justify-content:center;min-height:48px;padding:10px 0 20px}.nav-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 16px;transition:all .3s ease}.nav-btn:hover:not(.disabled){background:#fff3;transform:translateY(-1px)}.nav-btn.disabled{cursor:not-allowed;opacity:.5}.nav-center{align-items:center;display:flex;flex:1 1;justify-content:center}.step-info,.step-progress-text{color:#fffc;font-size:14px}.step-progress-text{flex:1 1;font-weight:500;text-align:center}.final-actions{display:flex;gap:12px}.save-btn{background:#48bb78cc;border-radius:8px;font-weight:600;padding:12px 24px}.save-btn:hover:not(:disabled){background:#48bb78}.generate-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.generate-btn:hover:not(:disabled){background:#7c7ff3;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.text-step{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.text-input-section{margin-top:20px}.meditation-text-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 8px #0000004d;color:#fff;font-family:inherit;font-size:16px;max-height:200px;min-height:150px;padding:16px;resize:none;width:100%}.meditation-text-input::placeholder{color:#fff9}.meditation-text-input:focus{-webkit-text-fill-color:#fff!important;background:#000c!important;border:1px solid #fff9!important;box-shadow:0 4px 12px #0006,0 0 0 2px #6366f14d!important;color:#fff!important;outline:none}.text-actions{gap:12px;justify-content:center}.clear-text-btn,.generate-text-btn,.view-saved-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-right:10px;padding:12px 20px;transition:all .3s ease}.clear-text-btn{background:#ef444433;border-color:#ef44444d}.clear-text-btn:disabled{cursor:not-allowed;opacity:.5}.generate-text-btn:hover,.view-saved-btn:hover{background:#fff3;transform:translateY(-1px)}.clear-text-btn:hover:not(:disabled){background:#ef44444d;transform:translateY(-1px)}.text-validation{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;margin-top:12px;padding:8px 12px}.word-count-info{align-items:center;display:flex;font-size:14px;gap:8px}.word-count{font-weight:600}.word-count.valid{color:#10b981}.word-count.invalid{color:#ef4444}.word-count-hint{color:var(--text-secondary);font-style:italic}.validation-error{color:#ef4444;font-size:12px}.text-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px}.background-step,.text-actions{align-items:center;display:flex}.background-step{flex-direction:column;height:100%;justify-content:center;width:100%}.background-toggle{margin-bottom:20px;text-align:center}.toggle-label{align-items:center;cursor:pointer;display:inline-flex;gap:8px}.toggle-label input[type=checkbox]{transform:scale(1.2)}.review-step{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin:0 auto;max-width:600px;overflow-y:auto;width:100%}.review-header{margin-bottom:30px;text-align:center}.review-subtitle{color:#fffc;font-size:16px;margin:0}.review-sections{grid-gap:20px;display:grid;gap:20px;margin-bottom:30px}.review-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;padding:20px}.review-section-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.review-icon{font-size:20px}.review-section-header h3{word-wrap:break-word;color:#fff;flex:1 1;font-size:16px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;margin:0;overflow-wrap:break-word}.review-content{color:#ffffffe6}.review-value{word-wrap:break-word;color:#fff;font-weight:500;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.text-preview{border:1px solid #ffffff1a;border-radius:8px;font-style:italic;line-height:1.5;margin-bottom:8px;padding:12px}.text-stats{color:#fff9;font-size:12px}.voice-info{flex-wrap:wrap;gap:8px;justify-content:space-between}.voice-tempo{color:#ffffffb3;font-size:14px}.generation-info{grid-gap:8px;border:1px solid #ffffff1a;border-radius:8px;display:grid;gap:8px;padding:16px}.info-item{align-items:center;justify-content:space-between}.info-label{font-size:14px}.info-value{font-weight:500}@media (max-width:768px){.wizard-container{margin:0;max-width:100%;padding:10px 10px 100px}.wizard-header{margin-bottom:20px}.step-items{display:flex;flex-wrap:nowrap;gap:4px;justify-content:space-between;overflow-x:auto;padding:0 5px}.step-item{flex:1 1;min-width:0;padding:5px 2px}.step-number{font-size:12px;height:28px;width:28px}.step-title{display:none;font-size:9px}.step-title h2{font-size:20px;margin:0 0 15px}.step-body{border-radius:12px;height:auto;max-height:calc(100vh - 280px);min-height:300px;overflow-y:auto;padding:15px}.step-container{padding:0}.meditation-text-input{font-size:14px;max-height:150px;min-height:120px;padding:12px}.text-actions{flex-wrap:wrap;gap:8px}.clear-text-btn,.generate-text-btn,.view-saved-btn{flex:1 1;font-size:12px;margin-right:0;min-width:calc(50% - 4px);padding:10px 15px}.step-navigation{background:var(--gradient-background);bottom:0;padding:10px 0;position:-webkit-sticky;position:sticky;z-index:10}.nav-btn{font-size:12px;min-width:80px;padding:10px 12px}.step-progress-text{font-size:12px;padding:0 5px}.final-actions{flex-direction:row;gap:8px;width:100%}.generate-btn,.save-btn{flex:1 1;font-size:14px;padding:10px 15px}.review-step{padding:10px}.review-sections{gap:12px}.review-section{padding:12px}.review-section-header h3{font-size:14px}.review-value{font-size:13px}.text-preview{font-size:12px;padding:10px}.voice-info{align-items:flex-start;flex-direction:column;gap:4px}}@media (max-width:480px){.wizard-container{padding:8px 8px 95px}.wizard-header{margin-bottom:15px}.step-items{gap:2px;padding:0 2px}.step-item{padding:4px 1px}.step-number{font-size:11px;height:24px;width:24px}.step-title h2{font-size:18px;margin:0 0 10px}.step-body{max-height:calc(100vh - 260px);min-height:250px;padding:10px}.meditation-text-input{font-size:13px;max-height:120px;min-height:100px;padding:10px}.text-actions{justify-content:space-between}.clear-text-btn,.generate-text-btn,.view-saved-btn{flex:1 1;font-size:11px;min-width:0;padding:8px 10px}.step-navigation{gap:5px;padding:8px 0}.nav-btn{flex:1 1;font-size:11px;max-width:100px;min-width:70px;padding:8px 10px}.step-progress-text{font-size:11px;padding:0 2px}.final-actions{gap:6px}.generate-btn,.save-btn{font-size:12px;padding:8px 12px}.review-section{padding:10px}.review-section-header h3{font-size:13px}.review-value{font-size:12px}.text-preview{font-size:11px;padding:8px}.text-validation{margin-top:8px;padding:6px 10px}.word-count-info{font-size:12px}.validation-error{font-size:11px}}.category-filter-btn,.date-range-btn,.distance-preset-btn,.filter-button,.filters-toggle,.location-filter-btn,.quick-filter-button,.sort-option-btn{background:var(--color-night-medium)!important;border:1px solid var(--color-night-light)!important;color:var(--text-primary)!important}.category-filter-btn:hover,.date-range-btn:hover,.distance-preset-btn:hover,.filter-button:hover,.filters-toggle:hover,.location-filter-btn:hover,.quick-filter-button:hover,.sort-option-btn:hover{background:var(--color-night-light)!important;border-color:#667eea!important}.category-filter-btn.active,.date-range-btn.active,.distance-preset-btn.active,.filter-button.active,.filters-toggle.active,.location-filter-btn.active,.quick-filter-button.active,.sort-option-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important}.filter-controls,.filters-toggle.enhanced{align-items:center;display:flex;gap:var(--space-sm)}.filters-toggle.enhanced{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 4px 16px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.filters-toggle.enhanced:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.filters-toggle.classic{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:2px solid #ffffff1a;border-radius:16px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.filters-toggle.classic:hover{background:var(--glass-medium);border-color:#fff3;transform:translateY(-2px)}.filter-mode-toggle{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:var(--space-sm);transition:all .3s ease;width:40px}.filter-mode-toggle:hover{box-shadow:0 6px 16px #8b5cf666;transform:scale(1.1) translateY(-1px)}.filter-mode-toggle:active{transform:scale(.95)}.mode-icon{font-size:16px}.filter-badge{background:#fff3;height:20px;width:20px}.filters-toggle.classic .filter-badge{background:#10b981;color:#fff}.enhanced-filter-overlay{align-items:flex-end;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:1000}.enhanced-filter-overlay.animating{animation:slideUpIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUpIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.enhanced-filter-panel{background:linear-gradient(145deg,var(--color-night-dark) 0,var(--color-night-darkest) 100%);border:1px solid #ffffff1a;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px #0000004d,0 -4px 20px #0003;display:flex;flex-direction:column;margin:0 auto;max-height:85vh;max-width:414px;overflow:hidden;width:100%}.filter-panel-header{align-items:center;background:linear-gradient(135deg,var(--color-night-dark) 0,var(--color-night-medium) 100%);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.filter-title-section{display:flex;flex-direction:column;gap:var(--space-xs)}.filter-title{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:var(--space-sm);margin:0}.filter-icon{font-size:24px}.filter-result-count{color:var(--text-secondary);font-size:14px;font-weight:500}.close-filter-panel{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:none;border-radius:12px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-filter-panel:hover{background:var(--glass-medium);transform:scale(1.05)}.close-icon{color:var(--text-secondary);font-size:18px;font-weight:700}.filter-section-nav{background:var(--color-night-dark);border-bottom:1px solid #ffffff14;padding:var(--space-md) var(--space-lg) 0}.section-tabs{-ms-overflow-style:none;scrollbar-width:none}.section-tabs::-webkit-scrollbar{display:none}.section-tab{border-radius:16px;font-weight:500;gap:var(--space-sm);min-width:-webkit-fit-content;min-width:fit-content;padding:var(--space-md) var(--space-lg)}.section-tab.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.section-tab:hover:not(.active){background:var(--glass-light)}.section-icon{font-size:16px}.section-label{font-size:14px}.filter-content{background:var(--color-night-darkest);flex:1 1;overflow-y:auto;padding:var(--space-lg) var(--space-xl)}.filter-section{gap:var(--space-lg)}.subsection-title{color:var(--text-primary);margin:0 0 var(--space-md) 0}.quick-filters-section{gap:var(--space-xl)}.quick-filter-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.quick-filter-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:2px solid #0000;border-radius:16px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center;min-height:80px;padding:var(--space-md) var(--space-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-filter-chip:hover{background:var(--glass-medium);border-color:#ffffff1a;box-shadow:0 8px 24px #ffffff1a;transform:translateY(-2px)}.quick-filter-chip.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;box-shadow:0 8px 24px #10b9814d;color:#fff}.chip-icon{font-size:24px}.chip-label{font-weight:600}.chip-check{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:var(--space-xs);top:var(--space-xs);width:20px}.popular-categories{display:flex;flex-direction:column;gap:var(--space-md)}.category-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.category-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:2px solid #0000;border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all .3s ease}.category-chip:hover{background:var(--glass-medium);box-shadow:0 4px 12px #ffffff1a;transform:translateY(-1px)}.category-chip.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #8b5cf64d;color:#fff}.category-emoji{font-size:16px}.filter-group{gap:var(--space-md)}.filter-label{align-items:center;display:flex;font-size:16px;gap:var(--space-sm)}.filter-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:2px solid #ffffff1a;color:var(--text-primary);font-size:16px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.filter-input:focus{background:var(--glass-medium);border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.date-input{cursor:pointer}.interactive-slider-group{display:flex;flex-direction:column;gap:var(--space-md)}.interactive-slider-group.disabled{opacity:.5;pointer-events:none}.slider-header{justify-content:space-between}.slider-title{font-weight:600;gap:var(--space-sm)}.slider-icon{font-size:18px}.slider-value-display{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:14px;font-weight:600;padding:var(--space-xs) var(--space-md)}.slider-container{padding:var(--space-lg) 0;position:relative}.slider-track-container{cursor:pointer;height:8px;position:relative}.slider-track-inactive{background:#fff3;left:0;right:0}.slider-track-active,.slider-track-inactive{border-radius:4px;height:8px;position:absolute;top:0}.slider-track-active{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d}.slider-thumb{background:#fff;border:3px solid #10b981;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:grab;height:24px;position:absolute;top:-8px;transform:translateX(-50%);transition:all .2s ease;width:24px}.slider-thumb:hover{box-shadow:0 6px 16px #0003;transform:translateX(-50%) scale(1.1)}.slider-thumb.dragging{box-shadow:0 8px 24px #10b98166;cursor:grabbing;transform:translateX(-50%) scale(1.2)}.thumb-tooltip{background:#000c;border-radius:8px;color:#fff;font-size:12px;font-weight:600;left:50%;opacity:0;padding:var(--space-xs) var(--space-sm);position:absolute;top:-40px;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.slider-thumb.dragging .thumb-tooltip,.slider-thumb:hover .thumb-tooltip{opacity:1}.slider-mark{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-xs);position:absolute;top:-6px;transform:translateX(-50%)}.mark-dot{background:#9ca3af;border-radius:50%;height:4px;transition:all .2s ease;width:4px}.slider-mark:hover .mark-dot{background:#10b981;transform:scale(1.5)}.mark-label{color:var(--text-secondary);font-size:11px;font-weight:500;margin-top:8px}.range-inputs{gap:var(--space-md);margin-top:var(--space-md)}.range-input-group{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs)}.range-input-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:none}.range-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:2px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:14px;padding:var(--space-sm) var(--space-md);text-align:center;transition:all .3s ease}.range-input:focus{background:var(--glass-medium);border-color:#10b981;box-shadow:0 0 0 2px #10b9811a;outline:none}.time-chips{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.time-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:2px solid #0000;border-radius:16px;color:var(--text-primary);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);transition:all .3s ease}.time-chip:hover{background:var(--glass-medium);border-color:#ffffff1a;box-shadow:0 4px 12px #ffffff1a;transform:translateY(-1px)}.time-chip.active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b4d;color:#fff}.time-info{display:flex;flex-direction:column;gap:var(--space-xs)}.time-label{font-size:14px}.time-range{font-size:12px;opacity:.8}.mood-grid{grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.mood-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:2px solid #0000;border-radius:16px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center;min-height:80px;padding:var(--space-md) var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.mood-chip:hover{background:var(--glass-medium);border-color:#ffffff1a;box-shadow:0 8px 24px #ffffff1a;transform:translateY(-2px)}.mood-chip.active{background:linear-gradient(135deg,var(--mood-color),var(--mood-color));box-shadow:0 8px 24px #0003;color:#fff;filter:brightness(.9)}.mood-icon{font-size:24px}.location-presets{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.preset-buttons{gap:var(--space-sm)}.preset-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:2px solid #0000;border-radius:12px;color:var(--text-primary);flex:1 1;font-size:13px;padding:var(--space-sm) var(--space-md);text-align:center}.preset-button:hover{background:var(--glass-medium);border-color:#ffffff1a;box-shadow:0 4px 12px #ffffff1a;transform:translateY(-1px)}.preset-button.active{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 16px #06b6d44d;color:#fff}.filter-panel-footer{align-items:center;background:linear-gradient(135deg,var(--color-night-dark) 0,var(--color-night-medium) 100%);border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.clear-all-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 16px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all .3s ease}.clear-all-btn:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-1px)}.footer-actions{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-xs)}.active-filters-count{color:var(--text-secondary);font-size:12px;font-weight:500}@media (max-width:414px){.enhanced-filter-panel{border-radius:0;max-height:100vh}.mood-grid,.quick-filter-grid{grid-template-columns:repeat(2,1fr)}.time-chips{grid-template-columns:1fr}.section-tabs{padding-bottom:var(--space-md)}}@media (prefers-color-scheme:dark){.enhanced-filter-panel{background:linear-gradient(145deg,#1f2937,#111827);color:#fff}.filter-panel-header{background:linear-gradient(135deg,#1f2937,#111827)}.filter-input{background:#374151;border-color:#4b5563;color:#fff}.slider-track-inactive{background:#4b5563}.category-chip,.mood-chip,.preset-button,.quick-filter-chip,.time-chip{background:linear-gradient(135deg,#374151,#4b5563);color:#fff}}.slider-thumb{outline:none}.slider-thumb:focus-visible{box-shadow:0 0 0 4px #10b98180}.category-chip:focus-visible,.mood-chip:focus-visible,.quick-filter-chip:focus-visible,.time-chip:focus-visible{outline:2px solid #10b981;outline-offset:2px}.enhanced-filter-overlay *{box-sizing:border-box}@media (prefers-reduced-motion:reduce){.enhanced-filter-overlay,.mood-chip,.quick-filter-chip,.slider-thumb,.time-chip{animation:none;transition:none}}@media (max-width:768px){.clickable:active,.interactive:active,[role=button]:active,button:not(:disabled):active{transform:scale(.95)!important;transition:transform .1s ease!important}}@media (hover:none){:hover{transform:none!important}}:root{--color-night-darkest:#0f1419;--color-night-dark:#1a2332;--color-night-medium:#2d3561;--color-night-light:#4a5c8a;--glass-light:#ffffff1a;--glass-medium:#fff3;--glass-dark:#000c;--text-primary:#fff;--text-secondary:#fffc;--text-tertiary:#fff9;--gradient-background:linear-gradient(135deg,#0f1419,#1a2332 30%,#2d3561 60%,#4a5c8a);--gradient-card-1:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);--gradient-card-2:linear-gradient(135deg,#00d2ff,#3a7bd5);--gradient-card-3:linear-gradient(135deg,#667eea,#764ba2);--gradient-card-4:linear-gradient(135deg,#f093fb,#f5576c);--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--mood-happy:linear-gradient(135deg,gold,orange,#ff8c00);--mood-sad:linear-gradient(135deg,#4682b4,#5f9ea0,#708090);--mood-calm:linear-gradient(135deg,#98fb98,#90ee90,#87ceeb);--mood-angry:linear-gradient(135deg,#ff4500,tomato,#dc143c);--mood-stressed:linear-gradient(135deg,#9370db,#8a2be2,#6a5acd);--mood-neutral:linear-gradient(135deg,#f5f5f5,#e8e8e8,#d3d3d3);--mood-excited:linear-gradient(135deg,#ff1493,#ff69b4,#ffb6c1);--mood-tired:linear-gradient(135deg,#696969,#789,#a9a9a9);--mood-happy-shadow:0 8px 32px #ffd7004d;--mood-sad-shadow:0 8px 32px #4682b44d;--mood-calm-shadow:0 8px 32px #98fb984d;--mood-angry-shadow:0 8px 32px #ff45004d;--mood-stressed-shadow:0 8px 32px #9370db4d;--mood-neutral-shadow:0 8px 32px #d3d3d34d;--mood-excited-shadow:0 8px 32px #ff14934d;--mood-tired-shadow:0 8px 32px #6969694d;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:48px;--space-5xl:64px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #00000026;--shadow-lg:0 8px 16px #0003;--shadow-xl:0 12px 24px #00000040;--shadow-glass:0 8px 32px #0000001a;--duration-fast:0.15s;--duration-normal:0.3s;--duration-slow:0.5s;--easing-smooth:cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0f1419,#1a2332 30%,#2d3561 60%,#4a5c8a);background:var(--gradient-background);background-attachment:fixed;color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}.stars{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.star{animation:twinkle 3s infinite;background:#ffffff1a;background:var(--glass-light);border-radius:50%;position:absolute}.star:nth-child(odd){animation-delay:1s}.star:nth-child(3n){animation-delay:2s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:2}.main-content{flex:1 1;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.container,.create-content{margin:0 auto;max-width:414px;min-height:calc(100vh - 80px);padding:20px;padding:var(--space-lg);position:relative;z-index:2}.header{display:none}.profile-button,.profile-button-container{align-items:center;display:flex}.profile-button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;min-height:44px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.profile-button:hover{background:#fff3;background:var(--glass-medium);border-color:#fff3;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.profile-button:active{transform:translateY(0)}.profile-username{font-weight:500;max-width:120px;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-title{color:#fff;color:var(--text-primary);font-size:48px;font-weight:300;letter-spacing:-1px;margin-bottom:10px}.subtitle{color:#fffc;color:var(--text-secondary);font-size:18px;line-height:1.4;margin-bottom:20px;margin-bottom:var(--space-lg)}.profile-language-selector{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;margin-top:16px;margin-top:var(--space-md);padding:12px;padding:var(--space-sm)}.profile-language-label{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px;gap:var(--space-xs);margin-bottom:4px}.profile-custom-select{position:relative}.profile-select-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff26;border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;gap:var(--space-xs);justify-content:space-between;min-height:36px;padding:10px 14px;transition:all .3s ease}.profile-select-button:hover{background:#000c;background:var(--glass-dark);border-color:#ffffff40;transform:translateY(-1px)}.profile-select-options{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:10px;left:0;margin-top:8px;margin-top:var(--space-xs);max-height:200px;opacity:0;overflow-y:auto;padding:8px;padding:var(--space-xs);pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all .3s ease;z-index:30}.profile-select-options.open{opacity:1;pointer-events:all;transform:translateY(0)}.profile-select-option{align-items:center;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;gap:var(--space-xs);padding:8px 12px;transition:all .2s ease}.profile-select-option:hover{background:#ffffff1a;background:var(--glass-light)}.profile-select-option.selected{background:#fff3;background:var(--glass-medium);color:var(--accent-color)}@media (max-width:768px){.profile-language-selector{margin-top:12px;margin-top:var(--space-sm);padding:8px;padding:var(--space-xs)}.profile-language-label{font-size:12px}.profile-select-button{font-size:12px;min-height:32px;padding:8px 12px}.profile-select-option{font-size:12px;padding:6px 10px}}.section,.section-title{margin-bottom:20px;margin-bottom:var(--space-lg)}.section-title{font-size:24px}.meditation-type-slider{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:20px;margin:20px 0;margin:var(--space-lg) 0;padding:20px;padding:var(--space-lg)}.meditation-type-slider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg)}.meditation-type-counter{color:#fffc;color:var(--text-secondary);font-size:14px}.meditation-type-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:2px solid #0000;border-radius:16px;margin:0 auto;max-width:400px;min-height:200px;padding:20px;padding:var(--space-lg);transition:all .3s ease;width:100%}.meditation-type-card.transitioning{opacity:.8;transform:scale(.95)}.meditation-type-card.swiping-left{transform:translateX(-10px)}.meditation-type-card.swiping-right{transform:translateX(10px)}.meditation-type-navigation{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.meditation-type-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:380px;min-height:200px;text-align:center;width:100%}.meditation-type-header{align-items:center;display:flex;flex-direction:column;gap:12px;gap:var(--space-sm);margin-bottom:16px;margin-bottom:var(--space-md)}.meditation-type-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:48px}.meditation-type-name{color:#fff;color:var(--text-primary);font-size:22px;font-weight:600;line-height:1.2;max-width:350px;min-height:50px}.meditation-type-description,.meditation-type-name{word-wrap:break-word;align-items:center;display:flex;-webkit-hyphens:auto;hyphens:auto;justify-content:center;text-align:center}.meditation-type-description{color:#fffc;color:var(--text-secondary);font-size:16px;height:110px;line-height:1.4;margin-bottom:16px;margin-bottom:var(--space-md);margin-left:auto;margin-right:auto;max-width:380px;overflow:hidden}.meditation-type-badge{display:inline-block;padding:8px 16px;padding:var(--space-xs) var(--space-md)}.meditation-type-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:20px;margin:20px 0;margin:var(--space-lg) 0;padding:20px;padding:var(--space-lg)}.meditation-types{display:flex;gap:12px;gap:var(--space-sm);overflow-x:auto;padding:12px 0;padding:var(--space-sm) 0}.meditation-type{background:#ffffff1a;background:var(--glass-light);border:none;border-radius:25px;cursor:pointer;font-size:14px;min-height:44px;padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease;white-space:nowrap}.meditation-type.active{background:#fff3;background:var(--glass-medium);transform:scale(1.05)}@media (hover:hover){.meditation-type:hover{background:#fff3;background:var(--glass-medium);transform:translateY(-2px)}}.meditation-type:active{background:var(--glass-high);transform:scale(.98)}.background-slider{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:20px;margin:20px 0;margin:var(--space-lg) 0;padding:20px;padding:var(--space-lg)}.background-slider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg)}.background-counter{color:#fffc;color:var(--text-secondary);font-size:14px}.background-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:2px solid #0000;border-radius:16px;margin:0 auto;max-width:400px;min-height:200px;padding:20px;padding:var(--space-lg);transition:all .3s ease;width:100%}.background-card.transitioning{opacity:.8;transform:scale(.95)}.background-card.swiping-left{transform:translateX(-10px)}.background-card.swiping-right{transform:translateX(10px)}.background-navigation{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.background-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:380px;min-height:200px;text-align:center;width:100%}.background-header{align-items:center;display:flex;flex-direction:column;gap:12px;gap:var(--space-sm);margin-bottom:16px;margin-bottom:var(--space-md)}.background-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:48px}.background-name{color:#fff;color:var(--text-primary);font-size:22px;font-weight:600;line-height:1.2;max-width:350px;min-height:50px}.background-description,.background-name{word-wrap:break-word;align-items:center;display:flex;-webkit-hyphens:auto;hyphens:auto;justify-content:center;text-align:center}.background-description{color:#fffc;color:var(--text-secondary);font-size:16px;height:110px;line-height:1.4;margin-bottom:16px;margin-bottom:var(--space-md);margin-left:auto;margin-right:auto;max-width:380px;overflow:hidden}.background-preview{display:flex;justify-content:center;margin-top:16px;margin-top:var(--space-md)}.background-play-button{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:50%;box-shadow:0 4px 12px #06b6d44d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .3s ease;width:48px}@media (hover:hover){.background-play-button:hover{box-shadow:0 6px 16px #06b6d466;transform:scale(1.1)}}.background-play-button:active{box-shadow:0 2px 8px #06b6d480;transform:scale(.9)}.background-card.upload-card{border-style:dashed;border-width:2px;cursor:pointer}.background-card.upload-card:hover{background:#fff3;background:var(--glass-medium);transform:scale(1.02)}.background-upload-button{background:linear-gradient(135deg,#ec4899,#db2777);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.background-upload-button:hover{box-shadow:0 4px 12px #ec48994d;transform:scale(1.05)}.upload-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.upload-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;background:var(--glass-medium);border-radius:20px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:30px;width:100%}.upload-modal h3{color:#fff;color:var(--text-primary);font-size:24px;margin-bottom:20px;text-align:center}.upload-file-info{align-items:center;background:#ffffff1a;background:var(--glass-light);border-radius:12px;display:flex;gap:10px;margin-bottom:25px;padding:15px}.file-icon{font-size:24px}.file-name{color:#fff;color:var(--text-primary);font-size:14px;word-break:break-all}.upload-form{display:flex;flex-direction:column;gap:20px}.upload-input,.upload-textarea{-webkit-tap-highlight-color:rgba(107,70,193,.2);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;color:#fff;color:var(--text-primary);font-size:16px;min-height:44px;padding:12px 16px;transition:all .3s ease}.upload-input:focus,.upload-textarea:focus{background:#fff3;background:var(--glass-medium);border-color:var(--primary-color);outline:none}.upload-textarea{min-height:80px;resize:vertical}.upload-error{background:#ef44441a;border-radius:8px;color:#ef4444;font-size:14px;padding:10px;text-align:center}.upload-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.upload-cancel-btn,.upload-submit-btn{border:none;border-radius:20px;cursor:pointer;font-size:16px;font-weight:600;padding:10px 24px;transition:all .3s ease}.upload-cancel-btn{background:#ffffff1a;background:var(--glass-light);color:#fffc;color:var(--text-secondary)}.upload-cancel-btn:hover:not(:disabled){background:#fff3;background:var(--glass-medium)}.upload-submit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;gap:8px}.upload-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:scale(1.05)}.upload-cancel-btn:disabled,.upload-submit-btn:disabled{cursor:not-allowed;opacity:.6}.upload-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.upload-error-display{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;font-size:14px;margin-top:10px;padding:10px;text-align:center}.upload-section{background:#ffffff1a;background:var(--glass-light);border-radius:16px;margin-top:20px;padding:20px;text-align:center}.upload-section-header h3{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.upload-section-header p{color:#fffc;color:var(--text-secondary);font-size:14px;line-height:1.4;margin-bottom:20px}.upload-trigger-button{align-items:center;background:linear-gradient(135deg,#ec4899,#db2777);border:none;border-radius:25px;box-shadow:0 4px 12px #ec489933;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;margin:0 auto;padding:15px 30px;transition:all .3s ease}@media (hover:hover){.upload-trigger-button:hover{box-shadow:0 8px 20px #ec48994d;transform:translateY(-2px)}}.upload-trigger-button:active{box-shadow:0 2px 8px #ec489966;transform:scale(.98)}.upload-icon{font-size:20px}.upload-text{font-size:16px}.elevenlabs-stats-section{margin:24px 0;margin:var(--space-xl) 0}.elevenlabs-stats{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px;margin-bottom:var(--space-lg)}.stat-progress{margin-top:8px;margin-top:var(--space-xs)}.progress-bar{background:#000c;background:var(--glass-dark);height:8px;margin-bottom:4px;width:100%}.progress-text{text-align:center}.progress-text,.stat-extra{color:#fff9;color:var(--text-tertiary)}.stat-extra{font-size:12px;margin-top:2px}.profile-container{color:#fff;color:var(--text-primary);margin:0 auto;max-width:800px;padding:20px;padding:var(--space-lg)}.profile-header{background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:20px;margin-bottom:32px;margin-bottom:var(--space-2xl);padding:32px;padding:var(--space-2xl);position:relative;text-align:center}.back-to-create-btn,.profile-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-to-create-btn{background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;left:20px;left:var(--space-lg);padding:8px 16px;position:absolute;top:20px;top:var(--space-lg);transition:all .3s ease}.back-to-create-btn:hover{background:#ffffff1a;background:var(--glass-light);box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.profile-avatar{align-items:center;border:3px solid #fff3;border:3px solid var(--glass-medium);border-radius:50%;box-shadow:0 8px 24px #667eea4d;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 20px;margin:0 auto var(--space-lg) auto;width:80px}.profile-avatar,.profile-header h2{background:linear-gradient(135deg,#667eea,#764ba2)}.profile-header h2{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:600;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.profile-header p{color:#fffc;color:var(--text-secondary);font-size:16px;margin:0}.profile-stats{grid-gap:20px;grid-gap:var(--space-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px;margin-bottom:var(--space-2xl)}.profile-stats,.stat-card{gap:20px;gap:var(--space-lg)}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card:hover{border-color:#ffffff1a;border-color:var(--glass-light);box-shadow:0 8px 24px #ffffff1a}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.stat-info{flex:1 1;min-width:0}.stat-value{line-height:1.2}.credits-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:20px;margin-bottom:32px;margin-bottom:var(--space-2xl)}.credits-section h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:12px;gap:var(--space-sm);margin:0 0 20px;margin:0 0 var(--space-lg) 0}.credits-info{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;margin-bottom:var(--space-lg)}.credit-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border-radius:12px}.credit-stat-value{color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:4px}.credit-stat-label{color:#fffc;color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:none}.credit-history-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:20px;margin-bottom:var(--space-lg);padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.credit-history-toggle:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.credit-history{background:#000c;background:var(--glass-dark);border-radius:12px;max-height:300px;overflow-y:auto;padding:20px;padding:var(--space-lg)}.credit-transaction{border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-medium);padding:12px 0;padding:var(--space-sm) 0}.credit-transaction:last-child{border-bottom:none}.transaction-type{color:#fffc;color:var(--text-secondary);font-size:14px;text-transform:capitalize}.transaction-amount{font-size:14px;font-weight:600}.transaction-amount.positive{color:#10b981}.transaction-amount.negative{color:#ef4444}.meditation-breakdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:20px;margin-bottom:32px;margin-bottom:var(--space-2xl);padding:32px;padding:var(--space-2xl)}.meditation-breakdown h3{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 20px;margin:0 0 var(--space-lg) 0}.breakdown-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.breakdown-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);display:flex;justify-content:space-between}.breakdown-type{color:#fff;color:var(--text-primary);font-weight:500}.breakdown-count{color:#fffc;color:var(--text-secondary);font-size:18px;font-weight:600}.profile-actions{margin-top:32px;margin-top:var(--space-2xl);text-align:center}.logout-button-full{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:20px 32px;padding:var(--space-lg) var(--space-2xl);text-transform:none;transition:all .3s ease}.logout-button-full:hover{box-shadow:0 8px 20px #ef444466;transform:translateY(-2px)}.loading-spinner{padding:32px;padding:var(--space-2xl)}.spinner{border:4px solid #fff3;border-top:4px solid #fff;border:4px solid var(--glass-medium);margin-bottom:16px;margin-bottom:var(--space-md)}@media (max-width:768px){.profile-container{padding:16px;padding:var(--space-md)}.profile-header{padding:20px;padding:var(--space-lg)}.back-to-create-btn{font-size:12px;left:12px;left:var(--space-sm);padding:6px 12px;top:12px;top:var(--space-sm)}.credits-info,.profile-stats{grid-template-columns:1fr}.stat-card{padding:20px;padding:var(--space-lg)}.stat-value{font-size:20px}.meditation-text-display{font-size:12px;max-height:110px}.text-preview-scrollable{font-size:13px;max-height:220px}}.background-badge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;padding:8px 16px;padding:var(--space-xs) var(--space-md);text-transform:none}.background-recommendation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:12px;color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.background-music-toggle{margin:20px 0;margin:var(--space-lg) 0}.checkbox-container{align-items:center;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;gap:var(--space-sm)}.checkbox-input{accent-color:#4a5c8a;accent-color:var(--color-night-light);height:20px;width:20px}.voice-provider-toggle{margin:20px 0;margin:var(--space-lg) 0}.toggle-container{display:flex;flex-direction:column;gap:12px;gap:var(--space-sm)}.toggle-label{color:#fff;color:var(--text-primary);font-size:16px;font-weight:500}.toggle-buttons{display:flex;gap:12px;gap:var(--space-sm)}.toggle-btn{background:#ffffff1a;background:var(--glass-light);border:none;border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;min-height:44px;padding:16px;padding:var(--space-md);transition:all .3s ease}.toggle-btn.active,.toggle-btn:hover{background:#fff3;background:var(--glass-medium)}.toggle-btn:hover{transform:translateY(-2px)}.voice-slider{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:20px;margin:20px 0;margin:var(--space-lg) 0;padding:20px;padding:var(--space-lg)}.voice-slider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg)}.voice-counter{color:#fffc;color:var(--text-secondary);font-size:14px}.voice-card{background:#ffffff1a;background:var(--glass-light);border-radius:16px;min-height:120px;padding:20px;padding:var(--space-lg);transition:all .3s ease}.voice-navigation{gap:16px;gap:var(--space-md)}.voice-info,.voice-navigation{align-items:center;display:flex}.voice-info{justify-content:center}.nav-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:none;border-radius:50%;font-size:18px;height:44px;width:44px}@media (hover:hover){.nav-button:hover{background:#fff3;background:var(--glass-medium);transform:scale(1.05)}}.nav-button:active{background:var(--glass-high);transform:scale(.95)}.voice-info{flex:1 1;text-align:center}.voice-name{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:4px}.voice-gender{color:#fffc;color:var(--text-secondary);margin-bottom:4px}.voice-characteristics{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-xs);justify-content:center;margin-bottom:4px}.characteristic-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-size:12px;padding:4px 12px;padding:4px var(--space-sm)}.characteristic-badge,.preview-button{background:#ffffff1a;background:var(--glass-light);color:#fff;color:var(--text-primary)}.preview-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;gap:8px;gap:var(--space-xs);margin:0 auto;min-height:44px;padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}@media (hover:hover){.preview-button:hover{background:#fff3;background:var(--glass-medium);transform:translateY(-2px)}}.preview-button:active{background:var(--glass-high);transform:scale(.98)}.preview-button:disabled{cursor:not-allowed;opacity:.5}.voice-tempo-filter{margin:16px 0;margin:var(--space-md) 0;padding:0}.tempo-filter-label{color:#fffc;color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:1px;margin-bottom:4px;text-align:center;text-transform:none}.tempo-filter-options{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-xs);justify-content:center}.tempo-filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;background:var(--glass-dark);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:11px;font-weight:500;min-width:45px;padding:8px 12px;padding:var(--space-xs) var(--space-sm);transition:all .3s ease}.tempo-filter-btn:hover:not(:disabled){background:#fff3;background:var(--glass-medium);transform:translateY(-1px)}.tempo-filter-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 2px 10px #10b9814d}.tempo-filter-btn.active:hover:not(:disabled){box-shadow:0 4px 15px #10b98166;transform:translateY(-1px)}.tempo-filter-btn:disabled{cursor:not-allowed;opacity:.5}.voice-gender-filter{margin:16px 0;margin:var(--space-md) 0;padding:0}.gender-filter-options-compact{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-xs);justify-content:center}.gender-filter-btn-compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;background:var(--glass-dark);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;max-width:80px;min-width:60px;padding:8px 12px;padding:var(--space-xs) var(--space-sm);transition:all .3s ease}.gender-filter-btn-compact:hover{background:#fff3;background:var(--glass-medium);transform:translateY(-1px)}.gender-filter-btn-compact.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 10px #667eea4d}.gender-filter-btn-compact.active:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.voice-header-simplified{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-md);justify-content:center;min-height:80px}.voice-primary{flex:1 1;min-width:0}.voice-name-centered{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:8px;gap:var(--space-xs);justify-content:center;line-height:1.2;text-align:center}.voice-gender-inline{flex-shrink:0;font-size:18px}.custom-voice-badge{background:linear-gradient(135deg,#ec4899,#db2777);border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:none}.voice-meta{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:8px;gap:var(--space-xs)}.voice-gender-text{font-size:12px;text-transform:capitalize}.voice-gender,.voice-gender-text{align-items:center;display:flex;gap:2px}.voice-type{color:#fff9;color:var(--text-tertiary);font-style:italic}.preview-button-centered,.voice-preview-centered{display:flex;justify-content:center}.preview-button-centered{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50%;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:20px;height:48px;transition:all .3s ease;width:48px}.preview-button-centered:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:scale(1.1)}.preview-button-centered:disabled{cursor:not-allowed;opacity:.5}.voice-tempo-section .voice-preview{display:flex;justify-content:center;margin-top:16px;margin-top:var(--space-md)}.voice-tempo-section .preview-button{background:#ffffff1a;background:var(--glass-light);border:none;border-radius:12px;font-size:14px;gap:8px;gap:var(--space-xs);min-height:40px;padding:12px 20px;padding:var(--space-sm) var(--space-lg)}.voice-tempo-section .preview-button,.voice-tempo-section .preview-button-large{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;transition:all .3s ease}.voice-tempo-section .preview-button-large{background:#fff3;background:var(--glass-medium);border:2px solid #ffffff1a;border:2px solid var(--glass-light);border-radius:50%;box-shadow:0 4px 16px #ffffff1a;font-size:24px;height:56px;justify-content:center;width:56px}.voice-tempo-section .preview-button-large:hover{background:#fff;background:var(--text-primary);box-shadow:0 6px 20px #fff3;color:#0f1419;color:var(--color-night-darkest);transform:scale(1.1)}.voice-tempo-section .preview-button-large:disabled{cursor:not-allowed;opacity:.5;transform:none}.voice-tempo-section .preview-button-large:disabled:hover{background:#fff3;background:var(--glass-medium);color:#fff;color:var(--text-primary);transform:none}.tempo-marks{height:30px;left:0;position:absolute;right:0;top:30px}.tempo-mark{align-items:center;display:flex;flex-direction:column;position:absolute;transform:translateX(-50%);transition:all .3s ease}.meet-header-actions{margin-top:20px;margin-top:var(--space-lg)}.create-activity-button,.safety-button,.verification-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-xs);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease;white-space:nowrap}.filter-section{background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);padding:20px;padding:var(--space-lg)}.filter-section h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;gap:var(--space-xs);margin-bottom:16px;margin-bottom:var(--space-md)}.month-select,.mood-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border:1px solid var(--glass-light);border-radius:12px;flex:1 1;font-size:14px;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.month-select:focus,.mood-select:focus{background:#ffffff1a;background:var(--glass-light);border-color:#fff6;outline:none}.month-select option,.mood-select option{background:#1a2332;background:var(--color-night-dark)}.archive-tab-content{padding:20px 0;padding:var(--space-lg) 0}.mood-grid{grid-gap:20px;grid-gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px;margin-top:var(--space-lg)}.mood-grid-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:2px solid #0000;border-radius:16px;min-height:200px;padding:20px;padding:var(--space-lg)}.mood-grid-card.clickable:hover{background:#fff3;background:var(--glass-medium);border-color:#ffffff1a;border-color:var(--glass-light);box-shadow:0 8px 24px #ffffff1a;transform:translateY(-2px)}.mood-grid-card.mood-card-hover:active{background:#000c;background:var(--glass-dark);transform:translateY(0)}.mood-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border:1px solid var(--glass-light);border-radius:50%;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;width:40px;z-index:2}.entry-date{font-size:14px;font-weight:500;margin-bottom:12px}.entry-date,.entry-title{margin-bottom:var(--space-sm)}.entry-title{font-size:16px;font-weight:600}.entry-preview{-webkit-line-clamp:4;line-height:1.5;margin-bottom:var(--space-lg)}.entry-actions{border-top:1px solid #fff3;border-top:1px solid var(--glass-medium);justify-content:center;margin-top:auto;padding-top:16px;padding-top:var(--space-md)}.action-btn{background:var(--glass-medium);border:1px solid var(--glass-light);border-radius:25px;color:#fff;color:var(--text-primary);font-size:20px;transition:all .3s ease}.action-btn:hover{background:#ffffff1a;background:var(--glass-light);box-shadow:0 4px 12px #ffffff1a;transform:translateY(-2px)}.action-btn.view-btn:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn.edit-btn:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}@media (max-width:768px){.mood-grid{gap:16px;gap:var(--space-md);grid-template-columns:1fr}.filter-row{flex-direction:column}.month-select,.mood-select{min-width:auto;width:100%}}.create-activity-button.primary-button{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);box-shadow:0 4px 12px #0003;color:#fff}.safety-button.secondary-button,.verification-button.secondary-button{background:#fff3;background:var(--glass-medium);border:1px solid #fff3;color:#ffffffe6}@media (hover:hover){.create-activity-button.primary-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.safety-button.secondary-button:hover,.verification-button.secondary-button:hover{background:#ffffff1a;background:var(--glass-light);color:#fff;transform:translateY(-2px)}}.create-activity-button:active,.safety-button:active,.verification-button:active{transform:scale(.98)}.verified-badge-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b98133;border:1px solid #10b9814d;border-radius:12px;color:#10b981;display:flex;font-size:12px;font-weight:600;gap:8px;gap:var(--space-xs);padding:12px 16px;padding:var(--space-sm) var(--space-md)}.verified-icon{font-size:14px;font-weight:700}.verified-text{font-size:12px}.meet-header-actions{gap:var(--space-sm);justify-content:center}.safety-button,.verification-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;gap:var(--space-xs);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.safety-button:hover,.verification-button:hover{background:#ffffff1a;background:var(--glass-light);box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.verification-button{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border-color:#0000;box-shadow:0 4px 12px #0003;color:#fff}.verification-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.meet-tabs{border:1px solid #ffffff1a;justify-content:flex-start;padding:4px}.meet-tabs-container{gap:2px;width:100%}.meet-tab{-webkit-tap-highlight-color:rgba(107,70,193,.2);font-size:14px;font-weight:500;gap:4px;min-height:60px;padding:16px 12px;padding:16px var(--space-sm);touch-action:manipulation;white-space:nowrap}.meet-tab:hover{background:#667eea1a;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.meet-tab.active{background:var(--gradient-card-3);box-shadow:0 2px 8px #0003;font-weight:600}.meet-tab-icon{font-size:16px;margin-bottom:0}.meet-tab-label{font-size:14px;line-height:1.2;text-align:left}.meet-tab-badge{border-radius:50%;font-size:10px;font-weight:600;height:20px;min-width:20px;position:absolute;right:4px;top:4px;width:20px}.meet-content{background:#ffffff1a;background:var(--glass-light);border-radius:16px;min-height:400px;padding:20px;padding:var(--space-lg)}.activity-card,.meet-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a}.activity-card{background:#fff3;background:var(--glass-medium);border-radius:12px;box-shadow:0 4px 8px #0003;margin-bottom:16px;transition:all .3s ease}.activity-card:hover{background:#ffffff1a;background:var(--glass-light);border-color:#fff3;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.activity-title{font-size:20px;margin:0 0 8px}.activity-category{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:8px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.activity-meta{align-items:center;color:#fffc;color:var(--text-secondary);font-size:15px;justify-content:space-between;margin-top:16px}.activity-date-location{align-items:center;display:flex;gap:16px}.activity-date,.activity-location,.activity-participants{align-items:center;display:flex;gap:4px}.activity-participants{color:#2d3748;font-weight:500}.participants-count{background:#3182ce;border-radius:4px;color:#fff;font-size:12px;padding:2px 6px}.activity-status-tags{display:flex;gap:6px;margin-top:8px}.activity-tag{align-items:center;border-radius:4px;display:inline-flex;font-weight:500;padding:2px 6px}.activity-tag.new{background:#48bb78;color:#fff}.activity-tag.featured{background:#ed8936;color:#fff}.activity-tag.last-minute{background:#f56565;color:#fff}.activity-tag.full{background:#e2e8f0;color:#718096}.activities-by-date{margin-bottom:32px}.date-section{margin-bottom:24px}.date-header{border-bottom:2px solid #fff3;color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:20px;padding-bottom:12px}.date-header.today{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);-webkit-background-clip:text;background-clip:text;border-bottom-color:#ffb6c14d}.activities-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:768px){.activities-grid{grid-template-columns:1fr}.activity-card{margin-bottom:12px}.activity-date-location{align-items:flex-start;flex-direction:column;gap:8px}}.enhanced-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 8px #0003;margin-bottom:24px;padding:20px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filters-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.filters-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 14px}.filters-toggle:hover{background:#fff3;background:var(--glass-medium);border-color:#fff3;color:#fff;color:var(--text-primary)}.filters-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{gap:6px}.filter-input,.filter-label,.filter-select{color:#fff;color:var(--text-primary);font-size:15px}.filter-input,.filter-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:8px;padding:10px 14px;transition:all .3s ease}.filter-input:focus,.filter-select:focus{background:#fff3;background:var(--glass-medium);border-color:#ffffff4d;box-shadow:0 0 0 3px #667eea33;outline:none}.quick-filters{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.quick-filter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.quick-filter:hover{background:#fff3;background:var(--glass-medium);border-color:#fff3;color:#fff;color:var(--text-primary)}.quick-filter.active{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border-color:#0000;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;font-weight:600}.weekly-stats{background:linear-gradient(135deg,#00d2ff,#3a7bd5);background:var(--gradient-card-2);border-radius:16px;box-shadow:0 8px 24px #00d2ff4d;color:#fff;margin-bottom:24px;padding:20px;text-align:center}.weekly-stats-number{font-size:32px;font-weight:800;margin-bottom:6px}.weekly-stats-text{font-size:16px;font-weight:500;opacity:.95}@media (max-width:768px){.filters-content{grid-template-columns:1fr}.quick-filters{justify-content:center}}.primary-action-button{align-items:center;background:linear-gradient(135deg,#00d2ff,#3a7bd5);background:var(--gradient-card-2);border:none;border-radius:12px;box-shadow:0 4px 12px #00d2ff4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease}.primary-action-button:hover{box-shadow:0 8px 20px #00d2ff66;transform:translateY(-2px)}.secondary-action-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s ease}.secondary-action-button:hover{background:#fff3;background:var(--glass-medium);border-color:#fff3;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.safety-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:10px 14px;transition:all .3s ease}.safety-button:hover{background:#fff3;background:var(--glass-medium);border-color:#fff3;color:#fff;color:var(--text-primary)}.meet-loading{color:#fffc;color:var(--text-secondary);padding:40px;padding:var(--space-3xl)}.loading-animation{border:4px solid #fff3;border-top:4px solid #fff;border:4px solid var(--glass-medium);margin-bottom:var(--space-md)}.socket-status-info{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border:1px solid var(--glass-light);border-radius:12px;bottom:100px;color:#fffc;color:var(--text-secondary);display:flex;font-size:12px;gap:8px;gap:var(--space-xs);left:50%;padding:12px 16px;padding:var(--space-sm) var(--space-md);position:fixed;transform:translateX(-50%);z-index:1000}.activity-list{width:100%}.activity-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg)}.activity-list-title{font-size:24px;font-weight:600;margin:0}.activity-list-title,.filter-button{color:#fff;color:var(--text-primary)}.filter-button{align-items:center;background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;gap:var(--space-xs);padding:8px 16px;position:relative;transition:all .3s ease}.filter-button:hover{background:#ffffff1a;background:var(--glass-light);transform:translateY(-2px)}.filter-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:-6px;top:-6px;width:18px}.view-tabs{margin-bottom:20px;margin-bottom:var(--space-lg)}.view-tabs-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:2px;margin-bottom:24px;margin-bottom:var(--space-xl);padding:4px}.view-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:8px;gap:var(--space-xs);justify-content:center;min-height:60px;padding:16px;padding:var(--space-md);transition:all .3s ease;white-space:nowrap}.view-tab.active{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);box-shadow:0 2px 8px #0003;color:#fff;font-weight:600}.view-tab:hover{background:#ffffff1a;background:var(--glass-light);color:#fff}.view-tab-icon{font-size:18px}.view-tab-label{font-size:12px;font-weight:500}.view-tab-count{color:#fffc;font-size:11px;font-weight:400;margin-left:4px}.recommended-activities{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.recommended-activity-wrapper{position:relative}.recommendation-info{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px 12px 0 0;margin-bottom:-1px;padding:12px 16px;padding:var(--space-sm) var(--space-md);position:relative;z-index:2}.match-score{flex-direction:column}.match-percentage,.match-score{display:flex;gap:8px;gap:var(--space-xs)}.match-percentage{align-items:center;color:#fff;font-size:14px;font-weight:600}.match-percentage:before{content:"✨";font-size:16px}.match-reasons{display:flex;flex-direction:column;gap:2px}.match-reason{align-items:center;color:#ffffffe6;display:flex;font-size:12px;font-weight:400;gap:8px;gap:var(--space-xs)}.recommended-activity-wrapper .activity-card{border-radius:0 0 12px 12px;border-top:none}.activities-container{width:100%}.activity-date-group{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.date-group-title{border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-medium);font-size:18px;font-weight:600;margin:0;padding-bottom:12px;padding-bottom:var(--space-sm)}.activities-grid{grid-gap:24px;gap:24px;grid-template-columns:1fr;padding:8px 0}@media (min-width:768px){.activities-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}}@media (min-width:1200px){.activities-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}.activity-list-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.activity-list-loading,.no-activities{color:#fffc;color:var(--text-secondary);padding:40px;padding:var(--space-3xl)}.no-activities-title{margin:0 0 12px;margin:0 0 var(--space-sm) 0}.no-activities-description{font-size:14px;line-height:1.4;margin:0}.load-more-container{margin-top:24px;margin-top:var(--space-xl);text-align:center}.load-more-button{align-items:center;background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;gap:var(--space-xs);margin:0 auto;padding:16px 24px;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.load-more-button:hover{background:#ffffff1a;background:var(--glass-light);box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.loading-more{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;gap:var(--space-sm);justify-content:center;padding:20px;padding:var(--space-lg)}.loading-spinner{border-top:2px solid #fff}@media (max-width:768px){.meet-hub{padding:16px;padding:var(--space-md)}.meet-header{padding:20px;padding:var(--space-lg)}.meet-title{font-size:28px}.meet-tabs-container{gap:2px;padding:2px}.meet-tab{font-size:12px;padding:12px;padding:var(--space-sm)}.meet-tab-icon{font-size:18px}.meet-tab-label{font-size:11px}.meet-content{padding:16px;padding:var(--space-md)}.view-tabs-container{gap:1px;padding:2px}.view-tab{flex-direction:column;gap:2px;min-height:44px;padding:12px;padding:12px var(--space-sm)}.view-tab-icon{font-size:16px}.view-tab-label{font-size:10px}.activities-grid{gap:12px;gap:var(--space-sm)}.recommendation-info{padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.match-percentage{font-size:13px}.match-reason{font-size:11px}}.location-autocomplete{position:relative;width:100%}.location-autocomplete-loading{position:absolute;right:12px;top:12px;z-index:10}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #fff3;border-top:2px solid #fff;border:2px solid var(--glass-medium);border-radius:50%;border-top-color:var(--text-primary);height:16px;width:16px}.location-autocomplete-error{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;font-size:12px;margin-top:4px;padding:4px 8px}.location-autocomplete-suggestions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;background:var(--glass-dark);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:12px;box-shadow:0 8px 32px #0000004d;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:20}.location-autocomplete-suggestion{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-light);cursor:pointer;padding:12px;transition:all .2s ease}.location-autocomplete-suggestion:last-child{border-bottom:none}.location-autocomplete-suggestion.selected,.location-autocomplete-suggestion:hover{background:#fff3;background:var(--glass-medium)}.suggestion-content{align-items:center;display:flex;gap:12px}.suggestion-icon{flex-shrink:0;font-size:20px;text-align:center;width:28px}.suggestion-text{flex:1 1;min-width:0}.suggestion-main{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500}.suggestion-main,.suggestion-secondary{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-secondary{color:#fffc;color:var(--text-secondary);font-size:12px;margin-top:2px}.location-autocomplete-no-results{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;background:var(--glass-dark);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:12px;color:#fffc;color:var(--text-secondary);font-size:14px;margin-top:4px;padding:16px;text-align:center}@media (max-width:768px){.location-autocomplete-suggestions{max-height:250px}.location-autocomplete-suggestion{padding:10px}.suggestion-content{gap:10px}.suggestion-icon{font-size:18px;width:24px}.suggestion-main{font-size:13px}.suggestion-secondary{font-size:11px}}.location-help-text{color:#fffc;color:var(--text-secondary);font-size:12px;font-style:italic;margin-top:4px}.selected-location-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);padding:12px}.location-name{color:#fff;color:var(--text-primary);font-size:14px;margin-bottom:4px}.location-address{color:var(--text-secondary);font-size:13px;line-height:1.3}.activity-calendar{border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:16px}.calendar-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.nav-button{align-items:center;border:1px solid #fff3;border-radius:8px;display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;width:32px}.current-month{min-width:150px;text-align:center;text-transform:capitalize}.calendar-grid{margin-bottom:20px;margin-bottom:var(--space-lg)}.calendar-weekdays{grid-gap:1px;gap:1px;margin-bottom:12px;margin-bottom:var(--space-sm)}.weekday-header{color:#fffc;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;padding:var(--space-sm);text-align:center;text-transform:none}.calendar-days{grid-gap:2px;background:#000c;background:var(--glass-dark);border-radius:8px;gap:2px;grid-auto-rows:minmax(50px,auto);overflow:visible;width:100%}.meet-hub .calendar-day{background:#ffffff1a;background:var(--glass-light);cursor:pointer;display:flex;flex-direction:column;min-height:80px;padding:6px;position:relative;transition:all .2s ease}.meet-hub .calendar-day:hover{background:#fff3;background:var(--glass-medium)}.meet-hub .calendar-day.other-month{opacity:.4}.meet-hub .calendar-day.today{background:linear-gradient(135deg,#667eea,#764ba2)}.meet-hub .calendar-day.today .day-number{color:#fff;font-weight:700}.meet-hub .calendar-day.selected{background:#fff3;background:var(--glass-medium);box-shadow:inset 0 0 0 2px #ffffff4d}.meet-hub .calendar-day.has-activities{border-left:3px solid #10b981}.day-number{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px}.day-activities{margin-top:auto}.activity-dot{cursor:pointer;height:6px;transition:transform .2s ease;width:6px}.activity-dot:hover{transform:scale(1.5)}.activity-more{color:#fffc;color:var(--text-secondary);font-size:8px;font-weight:600;margin-left:2px}.selected-date-activities{background:#000c;background:var(--glass-dark);border-radius:12px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:16px;padding:var(--space-md)}.selected-date-title{font-size:16px;margin:0 0 16px;margin:0 0 var(--space-md) 0;text-transform:capitalize}.no-activities-message{color:#fffc;color:var(--text-secondary);font-size:14px;margin:0;padding:20px;padding:var(--space-lg);text-align:center}.date-activities-list{gap:var(--space-sm)}.calendar-activity-item{border-radius:8px;gap:12px;gap:var(--space-sm);padding:12px;padding:var(--space-sm);transition:all .2s ease}.calendar-activity-item:hover{transform:translateX(4px)}.activity-time{color:#fffc;color:var(--text-secondary);font-size:12px;min-width:50px}.activity-info{min-width:0}.activity-title{font-size:14px;font-weight:500;margin-bottom:2px}.activity-location,.activity-title{text-overflow:ellipsis;white-space:nowrap}.activity-location{font-size:12px;overflow:hidden}.activity-category-indicator{font-size:14px;height:28px;width:28px}.calendar-legend{border-top:1px solid #fff3;border-top:1px solid var(--glass-medium);gap:20px;gap:var(--space-lg);justify-content:center;padding-top:16px;padding-top:var(--space-md)}.legend-item{color:#fffc;color:var(--text-secondary);gap:8px;gap:var(--space-xs)}.legend-dot{height:8px;width:8px}.today-dot{background:linear-gradient(135deg,#667eea,#764ba2)}.activity-dot-sample{background:#10b981}@media (max-width:768px){.activity-calendar{padding:16px;padding:var(--space-md)}.calendar-header{flex-direction:column;gap:16px;gap:var(--space-md);text-align:center}.current-month{min-width:auto}.calendar-day{min-height:60px;padding:4px}.day-number{font-size:12px}.calendar-activity-item{padding:8px;padding:var(--space-xs)}.activity-time{font-size:11px;min-width:40px}.activity-title{font-size:13px}.activity-location{font-size:11px}.activity-category-indicator{font-size:12px;height:24px;width:24px}.calendar-legend{flex-wrap:wrap;gap:16px;gap:var(--space-md);justify-content:center}}.calendar-tab-content{padding:20px 0;padding:var(--space-lg) 0}.journal-calendar-modern{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#0f172a,#1e293b)!important;border:1px solid #3b82f61a!important;border-radius:24px!important;box-shadow:0 20px 60px #0006,inset 0 1px 0 #ffffff0d!important;margin:0 auto!important;max-width:800px!important;overflow:hidden!important;padding:24px!important;padding:var(--space-xl)!important;position:relative!important}.journal-calendar-modern:before{background-image:radial-gradient(2px 2px at 20px 30px,#ffffff1a,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff14,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff0f,#0000),radial-gradient(1px 1px at 130px 80px,#ffffff0d,#0000),radial-gradient(2px 2px at 160px 30px,#ffffff1a,#0000);background-repeat:repeat;background-size:200px 100px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.journal-calendar-modern .calendar-header{align-items:center;border-bottom:2px solid #3b82f61a;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-xl);padding-bottom:20px;padding-bottom:var(--space-lg);position:relative;z-index:2}.journal-calendar-modern .calendar-title{color:#e2e8f0;font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 8px #3b82f64d}.journal-calendar-modern .calendar-navigation{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.journal-calendar-modern .calendar-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;color:#e2e8f0;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:2}.journal-calendar-modern .calendar-nav-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f666;box-shadow:0 8px 24px #3b82f64d;transform:scale(1.05)}.journal-calendar-modern .calendar-nav-btn:disabled{cursor:not-allowed;opacity:.4}.journal-calendar-modern .calendar-month-year{color:#2d3748;font-size:18px;font-weight:600;min-width:180px;text-align:center}.journal-calendar-modern .calendar-grid{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#1e293b4d!important;border:1px solid #3b82f61a!important;border-radius:16px!important;margin-bottom:20px!important;margin-bottom:var(--space-lg)!important;min-height:auto!important;overflow:visible!important;padding:20px!important;padding:var(--space-lg)!important;position:relative!important;z-index:2!important}.journal-calendar-modern .calendar-weekdays{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(7,1fr)!important;margin-bottom:16px!important;margin-bottom:var(--space-md)!important;padding:0 12px!important;padding:0 var(--space-sm)!important}.journal-calendar-modern .calendar-weekday{color:#e2e8f099!important;font-size:13px!important;font-weight:600!important;letter-spacing:1px!important;padding:8px!important;padding:var(--space-xs)!important;text-align:center!important;text-transform:none!important}.journal-calendar-modern .calendar-days{grid-gap:4px!important;display:grid!important;gap:4px!important;grid-auto-rows:50px!important;grid-template-columns:repeat(7,1fr)!important;height:auto!important;max-height:none!important;min-height:320px!important;overflow:visible!important;padding:0!important;width:100%!important}.journal-calendar-modern .calendar-days>*{display:block!important;visibility:visible!important}body .journal-calendar-modern .calendar-days{display:grid!important;grid-auto-rows:50px!important;grid-template-columns:repeat(7,1fr)!important;height:auto!important;min-height:320px!important;overflow:visible!important}.journal-calendar-modern .calendar-day{align-items:center!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#1e293b66!important;border:1px solid #3b82f61a!important;border-radius:12px!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;min-height:60px!important;position:relative!important;transition:all .3s ease!important;width:100%!important}.journal-calendar-modern .calendar-day.empty{background:#0000;border:none;cursor:default}.journal-calendar-modern .calendar-day.today .day-number{color:#fff;font-weight:700}.journal-calendar-modern .calendar-day.clickable{background:#fff;border-color:#e2e8f0}.journal-calendar-modern .calendar-day.clickable:hover{background:#f7fafc;border-color:#cbd5e0;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.journal-calendar-modern .calendar-day.has-entry{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:1px solid #fbbf24!important;box-shadow:0 8px 24px #fbbf244d,0 0 20px #fbbf241a!important}.journal-calendar-modern .calendar-day.has-entry:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24);box-shadow:0 16px 40px #fbbf2466,0 0 30px #fbbf2433;transform:translateY(-2px) scale(1.05)}.journal-calendar-modern .calendar-day.today{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:1px solid #3b82f6!important;box-shadow:0 0 0 4px #3b82f633,0 8px 24px #3b82f666,0 0 20px #3b82f61a!important}.journal-calendar-modern .calendar-day.today.has-entry{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid #fbbf24;box-shadow:0 0 0 4px #3b82f633,0 8px 24px #fbbf2466,0 0 20px #fbbf241a}.journal-calendar-modern .calendar-day.future{background:#f7fafc;cursor:not-allowed;opacity:.5}.journal-calendar-modern .day-number{color:#e2e8f0;font-size:16px;font-weight:600}.journal-calendar-modern .calendar-day.has-entry .day-number{color:#1f2937;font-weight:700;text-shadow:0 1px 3px #0000001a}.journal-calendar-modern .entry-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fbbf2480;border-radius:50%;bottom:6px;box-shadow:0 2px 8px #fbbf244d;color:#1f2937;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:6px;width:16px}.simple-calendar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #3b82f61a;border-radius:24px;box-shadow:0 20px 60px #0006;box-sizing:border-box;margin:0 auto;max-width:100%;padding:24px;padding:var(--space-xl);width:100%}.simple-calendar-header{align-items:center;border-bottom:2px solid #3b82f61a;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-xl);padding-bottom:20px;padding-bottom:var(--space-lg)}.simple-month-year{color:#e2e8f0;flex:1 1;font-size:24px;font-weight:700;margin:0;min-width:200px;text-align:center;text-shadow:0 2px 8px #3b82f64d}.simple-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;color:#e2e8f0;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.simple-nav-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f666;box-shadow:0 8px 24px #3b82f64d;transform:scale(1.05)}.simple-nav-btn:disabled{cursor:not-allowed;opacity:.4}.simple-weekdays{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:16px;margin-bottom:var(--space-md);padding:0 12px;padding:0 var(--space-sm)}.simple-weekday{color:#e2e8f099;font-size:13px;font-weight:600;letter-spacing:1px;padding:8px;padding:var(--space-xs);text-align:center;text-transform:none}.simple-calendar-grid{grid-gap:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b4d;border:1px solid #3b82f61a;border-radius:16px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,50px);height:320px;padding:20px;padding:var(--space-lg);width:100%}.simple-day{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e293b66;border:1px solid #3b82f61a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;transition:all .3s ease;width:100%}.simple-day-empty{background:#0000;border:none;cursor:default}.simple-day:not(.simple-day-empty):not(.simple-day-future):hover{background:#1e293b99;border-color:#3b82f633;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.simple-day-today{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:1px solid #3b82f6!important;box-shadow:0 0 0 4px #3b82f633,0 8px 24px #3b82f666,0 0 20px #3b82f61a!important}.simple-day-has-entry{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:1px solid #fbbf24!important;box-shadow:0 8px 24px #fbbf244d,0 0 20px #fbbf241a!important}.simple-day-has-entry:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24)!important;box-shadow:0 16px 40px #fbbf2466,0 0 30px #fbbf2433!important;transform:translateY(-2px) scale(1.05)!important}.simple-day-today.simple-day-has-entry{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:1px solid #fbbf24!important;box-shadow:0 0 0 4px #3b82f633,0 8px 24px #fbbf2466,0 0 20px #fbbf241a!important}.simple-day-future{background:#1e293b33!important;cursor:not-allowed!important;opacity:.5!important}.simple-day-number{color:#e2e8f0;font-size:16px;font-weight:600}.simple-day-has-entry .simple-day-number{color:#1f2937;font-weight:700;text-shadow:0 1px 3px #0000001a}.simple-day-today .simple-day-number{color:#fff;font-weight:700}.simple-entry-tag{align-items:center;background:#10b981;border:1px solid #10b98180;border-radius:6px;bottom:2px;box-shadow:0 2px 4px #10b9814d;color:#fff;display:flex;font-size:9px;font-weight:600;justify-content:center;line-height:1;padding:1px 4px;position:absolute;right:2px}@media (max-width:768px){.simple-calendar{border-radius:16px;box-sizing:border-box;margin:0 12px;margin:0 var(--space-sm);max-width:calc(100vw - 32px);padding:16px;padding:var(--space-md)}.simple-month-year{font-size:18px;min-width:150px}.simple-nav-btn{font-size:16px;height:32px;width:32px}.simple-calendar-grid{gap:1px;grid-template-rows:repeat(6,36px);height:232px;max-width:100%;overflow:hidden;padding:12px;padding:var(--space-sm)}.simple-day{min-width:0}.simple-day,.simple-day-number{font-size:12px}.simple-weekday{font-size:10px;padding:8px 2px;padding:var(--space-xs) 2px}.simple-weekdays{gap:1px;padding:0 12px;padding:0 var(--space-sm)}.simple-entry-tag{border-radius:4px;bottom:1px;font-size:8px;padding:1px 3px;right:1px}}@media (max-width:480px){.simple-calendar{margin:0 8px;margin:0 var(--space-xs);max-width:calc(100vw - 16px);padding:12px;padding:var(--space-sm)}.simple-calendar-header{margin-bottom:16px;margin-bottom:var(--space-md);padding-bottom:12px;padding-bottom:var(--space-sm)}.simple-month-year{font-size:16px;min-width:130px}.simple-nav-btn{font-size:14px;height:28px;width:28px}.simple-calendar-grid{gap:1px;grid-template-rows:repeat(6,32px);height:206px;padding:8px;padding:var(--space-xs)}.simple-day-number{font-size:11px}.simple-weekday{font-size:9px;padding:2px 1px}.simple-weekdays{gap:1px;padding:0 8px;padding:0 var(--space-xs)}.container,.create-content{box-sizing:border-box;margin:0 8px;margin:0 var(--space-xs);max-width:calc(100vw - 16px);padding:16px;padding:var(--space-md)}.create-content .wizard-container{box-sizing:border-box;margin:0;padding:8px;width:100%}.my-audio-container{margin:0 8px;margin:0 var(--space-xs);max-width:calc(100vw - 16px);padding:16px;padding:var(--space-md)}.meditations-list,.my-audio-container{box-sizing:border-box;overflow-x:hidden}.meditations-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-md);max-width:100%;width:100%}.meditation-card{border-radius:16px;box-sizing:border-box;flex-direction:column;gap:12px;margin-bottom:12px;max-width:calc(100vw - 32px);overflow:hidden;padding:12px;width:100%}.meditation-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:8px}.meditation-thumbnail{height:120px;margin:0;width:100%}.meditation-details{min-width:0;width:100%}.meditation-info{flex-wrap:wrap;gap:8px;gap:var(--space-xs)}.meditation-text{font-size:12px}.meditation-text-display{font-size:12px;max-height:80px;padding:12px;padding:var(--space-sm)}.search-bar{margin:0 8px;margin:0 var(--space-xs);max-width:100%}.search-input{font-size:14px;padding:10px 35px}.filter-pills{gap:6px;padding:0 8px;padding:0 var(--space-xs)}.filter-pill{font-size:12px;padding:6px 12px}.meditation-controls{flex-direction:row;gap:12px;gap:var(--space-sm);justify-content:space-between;margin-top:12px;margin-top:var(--space-sm);width:100%}.play-button,.share-button{font-size:14px;height:36px;width:36px}.meditation-card *{box-sizing:border-box;max-width:100%}.meditation-card .meditation-text,.meditation-card .meditation-text-display{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.audio-entries-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-md);overflow-x:hidden}.audio-entries-list,.audio-entry-card{box-sizing:border-box;max-width:calc(100vw - 32px);width:100%}.audio-entry-card{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:12px}.audio-entry-card *{box-sizing:border-box;max-width:100%}.audio-entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.entry-date-audio{color:#fffc;color:var(--text-secondary);font-size:12px}.entry-mood-audio{font-size:16px}.entry-title-audio{word-wrap:break-word;color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 8px}.journal-tabs-container{box-sizing:border-box;margin:0 auto;max-width:calc(100vw - 32px);overflow-x:hidden}.journal-tabs{-ms-overflow-style:none;display:flex;gap:6px;overflow-x:auto;padding:0 8px;padding:0 var(--space-xs);scrollbar-width:none}.journal-tabs::-webkit-scrollbar{display:none}.journal-tab{flex-shrink:0;font-size:12px;min-width:60px;padding:8px 12px;white-space:nowrap}.meditation-type-info{max-width:100%;padding:0 8px;padding:0 var(--space-xs)}.meditation-type-name{font-size:20px;max-width:100%}.meditation-type-description{font-size:14px}.background-info,.meditation-type-description{max-width:100%;padding:0 8px;padding:0 var(--space-xs)}.background-name{font-size:20px;max-width:100%}.background-description{font-size:14px;max-width:100%;padding:0 8px;padding:0 var(--space-xs)}.upload-modal{margin:8px;margin:var(--space-xs);max-width:calc(100vw - 20px);padding:20px;padding:var(--space-lg)}.main-title{font-size:36px}.subtitle{font-size:16px}}@media (max-width:414px){body .journal-calendar-modern{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#0f172a,#1e293b)!important;border:1px solid #3b82f61a!important;border-radius:16px!important;box-shadow:0 20px 60px #0006!important;max-width:100vw!important;padding:20px!important;padding:var(--space-lg)!important}body .journal-calendar-modern .calendar-header{border-bottom:2px solid #3b82f61a!important;flex-direction:column!important;gap:16px!important;gap:var(--space-md)!important;text-align:center!important}body .journal-calendar-modern .calendar-title{color:#e2e8f0!important;font-size:20px!important;text-shadow:0 2px 8px #3b82f64d!important}body .journal-calendar-modern .calendar-nav-btn{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#3b82f61a!important;border:1px solid #3b82f633!important;color:#e2e8f0!important;font-size:18px!important;height:36px!important;width:36px!important}body .journal-calendar-modern .calendar-month-year{color:#e2e8f0!important;font-size:16px!important;min-width:150px!important;text-shadow:0 2px 8px #3b82f633!important}body .journal-calendar-modern .calendar-grid{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#1e293b4d!important;border:1px solid #3b82f61a!important;padding:16px!important;padding:var(--space-md)!important}body .journal-calendar-modern .calendar-weekday{color:#e2e8f099!important;font-size:11px!important}body .journal-calendar-modern .calendar-days{grid-gap:2px!important;display:grid!important;gap:2px!important;grid-auto-rows:40px!important;grid-template-columns:repeat(7,1fr)!important;min-height:260px!important}body .journal-calendar-modern .calendar-day{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#1e293b66!important;border:1px solid #3b82f61a!important;border-radius:8px!important;height:100%!important;width:100%!important}body .journal-calendar-modern .calendar-day.has-entry{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:1px solid #fbbf24!important;box-shadow:0 8px 24px #fbbf244d,0 0 20px #fbbf241a!important}body .journal-calendar-modern .calendar-day.today{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:1px solid #3b82f6!important;box-shadow:0 0 0 4px #3b82f633,0 8px 24px #3b82f666,0 0 20px #3b82f61a!important}body .journal-calendar-modern .day-number{color:#e2e8f0!important;font-size:14px!important}body .journal-calendar-modern .calendar-day.has-entry .day-number{color:#1f2937!important;font-weight:700!important}body .journal-calendar-modern .entry-indicator{background:#ffffffe6!important;border:1px solid #fbbf2480!important;border-radius:50%!important;bottom:4px!important;color:#1f2937!important;font-size:12px!important;height:16px!important;right:4px!important;width:16px!important}body .journal-calendar-modern:before{background-image:radial-gradient(2px 2px at 20px 30px,#ffffff1a,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff14,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff0f,#0000),radial-gradient(1px 1px at 130px 80px,#ffffff0d,#0000),radial-gradient(2px 2px at 160px 30px,#ffffff1a,#0000)!important;background-repeat:repeat!important;background-size:200px 100px!important;bottom:0!important;content:""!important;left:0!important;opacity:.5!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important}}.safety-modal-overlay{align-items:center;animation:modalOverlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}@keyframes modalOverlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}@keyframes modalContentSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.safety-modal-content{animation:modalContentSlideIn .3s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.safety-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 24px 20px;padding:var(--space-xl) var(--space-xl) var(--space-lg) var(--space-xl)}.safety-modal-title{color:#fff;font-size:22px;font-weight:700;margin:0;text-shadow:0 1px 2px #0000004d}.safety-modal-close{-webkit-tap-highlight-color:rgba(107,70,193,.2);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;touch-action:manipulation;transition:all .3s ease;width:44px}.safety-modal-close:hover{background:#fff3;background:var(--glass-medium);color:#fff;transform:scale(1.1)}.safety-modal-body{padding:24px;padding:var(--space-xl)}.safety-section{margin-bottom:24px;margin-bottom:var(--space-xl)}.safety-section:last-child{margin-bottom:0}.safety-section-title{align-items:center;color:#fff;font-size:18px;font-weight:600;margin:0 0 20px;margin:0 0 var(--space-lg) 0;text-shadow:0 1px 2px #0003}.safety-section-title,.safety-tips-list{display:flex;gap:12px;gap:var(--space-sm)}.safety-tips-list{flex-direction:column}.safety-tip{align-items:flex-start;background:#ffffff1a;background:var(--glass-light);border-radius:8px;display:flex;gap:12px;gap:var(--space-sm);padding:12px;padding:var(--space-sm)}.tip-icon{color:#10b981;flex-shrink:0;font-weight:600}.tip-text{color:#fff;color:var(--text-primary);font-size:14px;line-height:1.4}.emergency-contacts-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-sm)}.emergency-contact{align-items:center;background:#ffffff1a;background:var(--glass-light);border-left:4px solid #ef4444;border-radius:8px;display:flex;justify-content:space-between}.contact-info{flex:1 1}.contact-name{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.contact-description{color:var(--text-secondary);font-size:12px}.contact-number{background:#ef4444;border-radius:6px;color:#fff;font-size:14px;font-weight:600;padding:6px 12px;text-decoration:none;transition:all .3s ease}.contact-number:hover{background:#dc2626;transform:translateY(-1px)}.report-form{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.form-select,.form-textarea{background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:8px;color:#fff;color:var(--text-primary);font-size:14px;padding:12px;padding:var(--space-sm)}.form-textarea{font-family:inherit;min-height:80px}.report-buttons{display:flex;gap:12px;gap:var(--space-sm);justify-content:flex-end}.cancel-button,.submit-report-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;gap:var(--space-xs);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.cancel-button{border:1px solid var(--glass-light)}.submit-report-button{background:#ef4444;border:none;color:#fff}.submit-report-button:hover:not(:disabled){background:#dc2626}.submit-report-button:disabled{cursor:not-allowed;opacity:.5}.button-spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:12px;width:12px}.trust-info{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.trust-item{background:#ffffff1a;background:var(--glass-light);border-radius:8px;display:flex;padding:12px;padding:var(--space-sm)}.trust-icon{color:#10b981;flex-shrink:0;font-size:16px}.trust-content{flex:1 1}.trust-title{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.trust-description{color:#fffc;color:var(--text-secondary);font-size:12px;line-height:1.3}.user-verification{background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:16px;padding:20px;padding:var(--space-lg)}.verification-header{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.verification-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.verification-subtitle{color:#fffc;color:var(--text-secondary);font-size:14px;margin:0}.verification-status{align-items:center;background:#fff3;background:var(--glass-medium);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg);padding:16px;padding:var(--space-md)}.verification-badge{align-items:center;border-radius:6px;display:flex;gap:8px;gap:var(--space-xs);padding:4px 8px}.verification-badge.verified{background:#10b981;color:#fff}.badge-icon,.badge-text{font-size:12px;font-weight:600}.trust-score{align-items:center;display:flex;gap:8px;gap:var(--space-xs)}.trust-badge{border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.trust-number{color:#fffc;color:var(--text-secondary);font-size:12px;font-weight:600}.verification-options{display:flex;flex-direction:column;gap:16px;gap:var(--space-md);margin-bottom:24px;margin-bottom:var(--space-xl)}.verification-option{align-items:center;background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border:1px solid var(--glass-light);border-radius:12px;display:flex;justify-content:space-between;padding:16px;padding:var(--space-md)}.verification-option.premium{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-color:gold}.option-content{align-items:center;display:flex;flex:1 1;gap:16px;gap:var(--space-md)}.option-info{flex:1 1}.option-title{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.option-description{color:#fffc;color:var(--text-secondary);font-size:12px;line-height:1.3;margin:0}.verify-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.verify-button.premium{background:linear-gradient(135deg,gold,orange);color:#000}.verify-button:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.verify-button:disabled{cursor:not-allowed;opacity:.5}.verification-code-step{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.step-title{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.step-description{color:#fffc;color:var(--text-secondary);font-size:14px;margin:0 0 20px;margin:0 0 var(--space-lg) 0}.code-input-container{margin-bottom:16px;margin-bottom:var(--space-md)}.code-input{background:#fff3;background:var(--glass-medium);border:2px solid #ffffff1a;border:2px solid var(--glass-light);border-radius:8px;color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:4px;padding:16px;padding:var(--space-md);text-align:center;width:200px}.resend-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;text-decoration:underline}.verification-success{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.success-icon{font-size:48px}.success-title{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.success-description{color:#fffc;color:var(--text-secondary);font-size:14px;margin:0}.verification-benefits,.verification-info{background:#fff3;background:var(--glass-medium);border-radius:12px;padding:16px;padding:var(--space-md)}.benefits-title,.info-title{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.benefits-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-xs);list-style:none;margin:0;padding:0}.benefits-list li{color:#fffc;color:var(--text-secondary);font-size:12px}.info-benefits{flex-direction:column}.benefit-item,.info-benefits{display:flex;gap:8px;gap:var(--space-xs)}.benefit-item{align-items:center}.benefit-icon{font-size:14px}.benefit-text{color:#fffc;color:var(--text-secondary);font-size:12px}.verification-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1000}.verification-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;background:var(--glass-dark);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.verification-modal-header{align-items:center;border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-medium);display:flex;justify-content:space-between;padding:20px;padding:var(--space-lg)}.verification-modal-header h2{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.close-modal-button{background:#fff3;background:var(--glass-medium);border-radius:8px;height:32px;width:32px}.close-modal-button:hover{background:#ffffff1a;background:var(--glass-light)}@media (max-width:768px){.safety-modal-overlay{padding:16px;padding:var(--space-md)}.safety-modal-content{border-radius:20px;max-height:85vh;max-width:100%}.safety-modal-header{padding:20px 20px 16px;padding:var(--space-lg) var(--space-lg) var(--space-md) var(--space-lg)}.safety-modal-body{padding:20px;padding:var(--space-lg)}.safety-modal-title{font-size:20px}.report-buttons{flex-direction:column;gap:12px;gap:var(--space-sm)}.cancel-button,.submit-report-button{justify-content:center;width:100%}.emergency-contact{align-items:flex-start}.emergency-contact,.verification-option{flex-direction:column;gap:12px;gap:var(--space-sm)}.verification-option{align-items:stretch}.verify-button{align-self:center}.verification-status{align-items:stretch;flex-direction:column;gap:12px;gap:var(--space-sm)}.verification-modal-content{margin:12px;margin:var(--space-sm);max-height:85vh}.meet-header-actions{justify-content:center}.safety-button,.verification-button{font-size:11px;padding:6px 12px}}.cruks-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffa5001a,#ff8c000d);border:1px solid #ffa50033;border-radius:16px;margin:20px 0;margin:var(--space-lg) 0;padding:20px;padding:var(--space-lg)}.cruks-header h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;gap:var(--space-xs);margin:0 0 12px;margin:0 0 var(--space-sm) 0}.cruks-description{color:#fffc;color:var(--text-secondary);font-size:14px;line-height:1.4;margin-bottom:20px;margin-bottom:var(--space-lg)}.cruks-description a{color:orange;font-weight:500;text-decoration:underline}.cruks-description a:hover{color:#ffb84d}.checkbox-group{margin-bottom:16px;margin-bottom:var(--space-md)}.checkbox-label{color:#fff;color:var(--text-primary);font-size:16px;font-weight:500;gap:12px;gap:var(--space-sm)}.checkbox-label input[type=checkbox]{accent-color:orange;height:20px;width:20px}.cruks-details{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffa5001a;border-radius:12px;margin-top:16px;margin-top:var(--space-md);padding:20px;padding:var(--space-lg)}.cruks-details .field-hint{color:#fff9;color:var(--text-tertiary);display:block;font-size:12px;font-style:italic;margin-top:4px}.cruks-status{background:linear-gradient(135deg,#ffa5001a,#ff8c000d);border:1px solid #ffa50033;border-radius:12px;margin:16px 0;margin:var(--space-md) 0;padding:16px;padding:var(--space-md)}.cruks-badge{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-xs);margin-bottom:8px;margin-bottom:var(--space-xs)}.cruks-indicator{border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:2px 8px;padding:2px var(--space-xs);text-transform:none}.cruks-indicator.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cruks-indicator.expired{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.cruks-remaining{color:#fffc;color:var(--text-secondary);font-size:12px;font-style:italic}.auth-container:before{display:none}.auth-header{margin-bottom:40px;margin-bottom:var(--space-3xl)}.auth-input{box-sizing:border-box;min-height:56px}.auth-button:hover{box-shadow:0 12px 35px #ff6b6b66;transform:translateY(-3px)}.auth-switch{animation:authFadeIn .8s ease-out .6s both}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-switch p{gap:8px;gap:var(--space-xs);margin:0}.switch-button{color:#48dbfb;font-weight:600;text-decoration:underline}.auth-language-header{padding:20px;padding:var(--space-lg);position:relative;z-index:2}.auth-language-selector{flex-direction:column;margin-bottom:20px;margin-bottom:var(--space-lg)}.auth-language-selector,.language-selector-label{gap:8px;gap:var(--space-xs)}.language-icon{font-size:16px}.language-text{font-weight:500}.auth-language-select{outline:none;padding:12px 16px}.auth-language-select:focus{border-color:#ff6b6b80;box-shadow:0 0 0 3px #ff6b6b1a}.error-message{color:#fca5a5;font-weight:500;margin-bottom:16px;margin-bottom:var(--space-md)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff}@media (max-width:768px){.auth-container{align-items:flex-start;min-height:100vh;padding:16px;padding:var(--space-md);padding-top:32px;padding-top:var(--space-2xl)}.auth-card{border-radius:20px;margin:0 auto;max-width:100%;padding:32px;padding:var(--space-2xl)}.auth-header h2{font-size:28px}.auth-header p{font-size:14px}.auth-input{font-size:16px;min-height:52px;padding:14px 18px}.auth-button{font-size:14px;min-height:52px;padding:16px 20px}.auth-switch p{flex-direction:column;gap:8px;gap:var(--space-xs)}.form-group label{font-size:12px}.profile-field{flex-direction:column;gap:16px;gap:var(--space-md);padding:16px;padding:var(--space-md)}.field-icon{align-self:flex-start}}@media (max-width:414px){.auth-container{padding:12px;padding:var(--space-sm);padding-top:20px;padding-top:var(--space-lg)}.auth-card{border-radius:16px;padding:20px;padding:var(--space-lg)}.auth-header{margin-bottom:32px;margin-bottom:var(--space-2xl)}.auth-header h2{font-size:24px}.auth-input{min-height:48px;padding:12px 16px}.auth-button{font-size:13px;min-height:48px;padding:14px 16px}.form-group{margin-bottom:20px;margin-bottom:var(--space-lg)}.profile-field{gap:12px;gap:var(--space-sm);padding:12px;padding:var(--space-sm)}.field-icon{font-size:20px;height:40px;width:40px}}.profile-field{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light)}.profile-field:hover{background:#fff3;background:var(--glass-medium)}.field-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.field-content{min-width:0}.field-label{display:block;margin-bottom:12px;margin-bottom:var(--space-sm)}.field-value{line-height:1.4}.field-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;padding:12px 16px}.field-input:focus{background:#fff3;background:var(--glass-medium);border-color:#ffffff4d}.field-input::placeholder{color:#0009!important}.field-input option{background:#1a2332;background:var(--color-night-dark);color:#fff;color:var(--text-primary)}input,select,textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;color:#fff;color:var(--text-primary)}input:focus,select:focus,textarea:focus{background:#fff3;background:var(--glass-medium);border-color:#ffffff4d;outline:none}input::placeholder,textarea::placeholder{color:#0009!important}select option{background:#1a2332;background:var(--color-night-dark);color:#fff;color:var(--text-primary)}@media (max-width:768px){.profile-field{flex-direction:column;gap:16px;gap:var(--space-md);padding:16px;padding:var(--space-md)}.field-icon{align-self:flex-start}}.profile-field-style{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:16px;gap:var(--space-md);margin-bottom:16px;margin-bottom:var(--space-md);padding:20px;padding:var(--space-lg);transition:all .3s ease}.profile-field-style:hover{background:#fff3;background:var(--glass-medium);border-color:#fff3}.profile-field-style .field-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;margin-top:4px;width:24px}.profile-field-style .field-content{flex:1 1;min-width:0}.profile-field-style .field-label{color:#fffc;color:var(--text-secondary);display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;margin-bottom:var(--space-sm);text-transform:none}.profile-field-style .location-picker-trigger{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;transition:all .3s ease}.profile-field-style .location-picker-trigger:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.profile-field-style .location-picker-trigger:focus{background:#ffffff1a;border-color:#667eea80;box-shadow:0 0 0 4px #667eea1a}.profile-field-style .location-picker-trigger.has-value{background:#22c55e1a;border-color:#22c55e80}.tempo-mark-value{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:8px;color:#fffc;color:var(--text-secondary);font-size:12px;font-weight:500;min-width:32px;padding:2px 6px;text-align:center;transition:all .3s ease}.tempo-mark.active .tempo-mark-value{background:#fff3;background:var(--glass-medium);color:#fff;color:var(--text-primary);transform:scale(1.1)}.tempo-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:12px;display:flex;gap:12px;gap:var(--space-sm);justify-content:center;margin:0 auto;max-width:300px;padding:12px 20px;padding:var(--space-sm) var(--space-lg)}.tempo-emoji{font-size:24px}.current-tempo-value{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600}.current-tempo-description{color:#fffc;color:var(--text-secondary);font-size:14px;font-weight:500}.credits-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:16px;justify-content:center;margin:20px 0;margin:var(--space-lg) 0;padding:16px;padding:var(--space-md)}.credits-text{color:#fff;color:var(--text-primary);font-weight:600}.credits-warning{font-size:16px}.elevenlabs-credits-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:16px;padding:var(--space-md)}.credits-info{align-items:center;display:flex;gap:12px;gap:var(--space-sm)}.credits-icon{font-size:20px}.credits-text{flex:1 1}.credits-remaining{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:2px}.credits-tier{color:#fffc;color:var(--text-secondary);font-size:14px}.my-audio-container{margin:0 auto;max-width:414px;min-height:calc(100vh - 80px);padding:20px;padding:var(--space-lg)}.meditation-card{border:2px solid #ffffff26;border-radius:20px;box-shadow:0 4px 20px #0000001a,inset 0 1px 0 #ffffff26;margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.meditation-card:active{transform:scale(.98)}@media (hover:hover){.meditation-card:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1f);border-color:#ffffff40;box-shadow:0 8px 32px #0003,inset 0 1px 0 #fff3;transform:translateY(-4px)}}.meditation-badges{gap:6px;margin-bottom:12px}.badge{border-radius:16px;font-size:11px;padding:4px 10px;white-space:nowrap}.badge-type{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;letter-spacing:.5px;text-transform:none}.badge-language{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-date{background:#ffffff1a;color:#fffc;font-weight:500}.meditation-content{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.meditation-card .meditation-thumbnail{background:#ffffff1a;border-radius:12px;box-shadow:0 2px 8px #0003;flex-shrink:0;height:72px;overflow:hidden;width:72px}.meditation-card .meditation-thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.meditation-details{min-width:0}.meditation-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;margin-bottom:6px;overflow:hidden}.meditation-meta{align-items:center;gap:10px}.meta-item{color:#ffffffb3;font-size:12px;gap:4px}.my-audio-header{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.my-audio-header h2{color:#fff;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:20px;margin-bottom:var(--space-lg)}.search-section{margin-top:20px;margin-top:var(--space-lg)}.search-bar{margin:0 auto;max-width:400px}.search-input{background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border-radius:24px;font-size:16px;padding:12px 40px;transition:all .3s ease}.search-input:focus{background:#fff3;background:var(--glass-medium);border-color:#fff6}.search-input::placeholder{color:var(--text-tertiary)}.search-icon{color:#fff9;color:var(--text-tertiary);left:12px;pointer-events:none}.clear-search,.search-icon{position:absolute;top:50%;transform:translateY(-50%)}.clear-search{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;right:8px;transition:all .3s ease;width:24px}.clear-search:hover{background:#fff3;color:#fff;color:var(--text-primary)}.filter-pills{flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin-top:16px;margin-top:var(--space-md)}.filter-pill{border:1px solid #fff3;padding:8px 16px}.filter-pill:hover{border-color:#ffffff4d}.filter-pill.active{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border-color:#0000;font-weight:600}.generation-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:16px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:20px;padding:var(--space-lg);text-align:center}.empty-state{padding:40px;padding:var(--space-3xl)}.empty-state h3{margin-bottom:4px}.meditation-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1f,#ffffff14);border:2px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #00000026,inset 0 1px 0 #ffffff26;gap:20px;gap:var(--space-lg);transition:all .4s cubic-bezier(.4,0,.2,1)}.meditation-card:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1f);border-color:#ffffff4d;box-shadow:0 12px 48px #00000040,inset 0 1px 0 #fff3;transform:translateY(-6px) scale(1.02)}.meditation-thumbnail{border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 16px #0003;height:140px;width:140px}.meditation-header{margin-bottom:4px}.meditation-type{font-size:18px;font-weight:700;text-shadow:0 1px 2px #0003}.meditation-info{margin-bottom:4px}.meditation-text-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-left:3px solid linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);border-left:3px solid var(--gradient-card-1);border-radius:8px;color:#fffc;color:var(--text-secondary);font-size:13px;line-height:1.5;margin-top:12px;margin-top:var(--space-sm);max-height:120px;overflow-y:auto;padding:16px;padding:var(--space-md);white-space:pre-wrap}.meditation-text-display::-webkit-scrollbar{width:6px}.meditation-text-display::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.meditation-text-display::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.meditation-text-display::-webkit-scrollbar-thumb:hover{background:#ffffff80}.meditation-controls{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--space-xs)}.card-play-button{bottom:24px;left:16px;position:absolute}.bottom-play-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.bottom-play-button:hover{background:#ffffff1a;background:var(--glass-light);box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.bottom-play-button:disabled{cursor:not-allowed;opacity:.5}.bottom-play-button .play-icon,.play-button,.share-button{align-items:center;display:flex;justify-content:center}.play-button,.share-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:none;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;font-size:16px;height:40px;transition:all .3s ease;width:40px}.play-button:hover,.share-button:hover{background:#ffffff1a;background:var(--glass-light);transform:scale(1.1)}.audio-files-hidden{display:none}.audio-info-minimal{color:#fffc;color:var(--text-secondary);font-size:11px;margin-top:8px;margin-top:var(--space-xs)}.camera-modal,.image-options-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.camera-content,.image-options-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:20px;max-width:300px;padding:24px;padding:var(--space-xl);width:90%}.camera-content h3,.image-options-content h3{color:#fff;color:var(--text-primary);margin-bottom:20px;margin-bottom:var(--space-lg);text-align:center}.image-options-buttons{display:flex;flex-direction:column;gap:12px;gap:var(--space-sm)}.image-option-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:none;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;padding:16px;padding:var(--space-md);transition:all .3s ease}.image-option-btn:hover{background:#fff3;background:var(--glass-medium);transform:translateY(-2px)}.image-option-btn.delete-btn{background:#ff3b3b33;border:1px solid #ff3b3b4d}.image-option-btn.delete-btn:hover{background:#ff3b3b4d}.close-modal-btn{align-items:center;background:none;border:none;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;position:absolute;right:16px;right:var(--space-md);top:16px;top:var(--space-md);width:32px}.camera-video{border-radius:12px;margin-bottom:16px;margin-bottom:var(--space-md)}.camera-controls{gap:12px;gap:var(--space-sm)}.camera-btn{background:#ffffff1a;background:var(--glass-light);border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.camera-btn:hover{background:#fff3;background:var(--glass-medium)}.camera-btn.cancel-btn{background:#ff3b3b33}.share-dialog-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:2000}.share-dialog{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.share-dialog-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 24px 20px;padding:var(--space-xl) var(--space-xl) var(--space-lg) var(--space-xl)}.share-dialog-header h3{color:#fff;color:var(--text-primary);font-size:22px;font-weight:700;margin:0}.close-btn{background:var(--glass-light);height:36px;width:36px}.close-btn:hover{background:var(--glass-medium)}.share-dialog-content{padding:24px;padding:var(--space-xl)}.meditation-preview{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;margin-bottom:var(--space-xl);padding:20px;padding:var(--space-lg)}.preview-info{flex-wrap:wrap;gap:20px;gap:var(--space-lg);margin-bottom:16px;margin-bottom:var(--space-md)}.preview-type{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;padding:4px var(--space-sm)}.preview-duration,.preview-language{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:14px;gap:4px}.preview-text{border-left:3px solid #ffffff1a;border-left:3px solid var(--glass-light);color:#fff9;color:var(--text-tertiary);font-size:14px;font-style:italic;line-height:1.5;margin-top:16px;margin-top:var(--space-md);padding-left:16px;padding-left:var(--space-md)}.share-form{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;color:#fff;color:var(--text-primary);font-size:14px;padding:16px;padding:var(--space-md);resize:none;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#fff3;background:var(--glass-medium);border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9;color:var(--text-tertiary)}.share-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;padding:16px;padding:var(--space-md)}.share-info p{font-size:13px;line-height:1.4;margin:0}.cancel-btn,.share-info p{color:#fffc;color:var(--text-secondary)}.cancel-btn{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;flex:1 1}.cancel-btn:hover:not(:disabled){background:#fff3;background:var(--glass-medium);color:#fff;color:var(--text-primary);transform:translateY(-2px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.share-submit-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border:none;border-radius:12px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;gap:8px;gap:var(--space-xs);justify-content:center;padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.share-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.share-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner-small{height:14px;width:14px}@media (max-width:414px){.share-dialog-overlay{padding:16px;padding:var(--space-md)}.share-dialog{margin:0;max-width:100%}.share-dialog-content,.share-dialog-header{padding:20px;padding:var(--space-lg)}.preview-info{gap:8px;gap:var(--space-xs)}.form-actions,.preview-info{flex-direction:column}.cancel-btn,.share-submit-btn{flex:none}}.admin-dashboard{margin:0 auto;max-width:414px;min-height:calc(100vh - 80px);padding:20px;padding:var(--space-lg)}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;margin-bottom:24px;margin-bottom:var(--space-xl);padding:24px;padding:var(--space-xl)}.admin-header h2{font-weight:700;margin-bottom:4px}.admin-header p{margin:0}.access-denied{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ff3b3b33;border-radius:20px;padding:40px;padding:var(--space-3xl);text-align:center}.access-denied h2{color:#fff;color:var(--text-primary);font-size:24px;margin-bottom:16px;margin-bottom:var(--space-md)}.access-denied p{color:#fffc;color:var(--text-secondary);margin:0}.admin-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px}.admin-tab{font-size:13px;white-space:nowrap}.admin-tab:hover{background:#ffffff1a;background:var(--glass-light);color:#fff;color:var(--text-primary)}.admin-tab.active{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);box-shadow:0 2px 8px #0003;font-weight:600}.admin-content{margin-bottom:24px;margin-bottom:var(--space-xl)}.meditation-list{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.admin-meditation-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:16px;gap:var(--space-md);padding:20px;padding:var(--space-lg);transition:all .3s ease}.admin-meditation-thumbnail{background:#ffffff1a;background:var(--glass-light);border-radius:10px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.admin-meditation-thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.admin-meditation-content{display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--space-xs)}.admin-meditation-card:hover{background:#fff3;background:var(--glass-medium);box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.meditation-header{gap:16px;gap:var(--space-md);margin-bottom:16px;margin-bottom:var(--space-md)}.meditation-header h4{color:#fff;color:var(--text-primary);flex:1 1;font-size:18px;font-weight:600;line-height:1.3;margin:0}.meditation-badges{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;gap:var(--space-xs)}.type-badge{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1)}.language-badge,.type-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;padding:4px var(--space-xs);white-space:nowrap}.language-badge{background:linear-gradient(135deg,#00d2ff,#3a7bd5);background:var(--gradient-card-2)}.meditation-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fffc;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden}.meditation-description,.meditation-meta{margin-bottom:16px;margin-bottom:var(--space-md)}.meditation-meta{color:#fff9;color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:12px;gap:16px;gap:var(--space-md)}.moderation-notes{background:#3b82f61a;border:1px solid #3b82f633;font-size:13px;margin-bottom:16px;margin-bottom:var(--space-md);padding:12px;padding:var(--space-sm)}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-xs)}.approve-btn,.reject-btn,.view-btn{background:#fff3;background:var(--glass-medium);border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;min-width:80px;padding:12px;padding:var(--space-sm);transition:all .3s ease}.view-btn:hover{background:#ffffff1a;background:var(--glass-light);transform:translateY(-1px)}.approve-btn{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.approve-btn:hover{background:#22c55e4d;transform:translateY(-1px)}.reject-btn{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.reject-btn:hover{background:#ef44444d;transform:translateY(-1px)}.moderation-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:2000}.moderation-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-header{padding:24px 24px 20px;padding:var(--space-xl) var(--space-xl) var(--space-lg) var(--space-xl)}.modal-header h3{font-size:22px}.modal-body{padding:var(--space-xl)}.modal-body h4{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:4px}.modal-body .description{color:#fffc;color:var(--text-secondary);font-size:15px;line-height:1.5}.detail-section,.modal-body .description{margin-bottom:24px;margin-bottom:var(--space-xl)}.detail-section h5{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-md)}.text-preview{background:#ffffff1a;background:var(--glass-light);border-left:4px solid linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);border-left:4px solid var(--gradient-card-1);border-radius:12px;color:#fffc;color:var(--text-secondary);font-size:14px;line-height:1.6;max-height:200px;overflow-y:auto;padding:20px;padding:var(--space-lg)}.text-preview-scrollable{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:300px;white-space:pre-wrap}.text-preview-scrollable::-webkit-scrollbar{width:8px}.text-preview-scrollable::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.text-preview-scrollable::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.text-preview-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff80}.details-grid{grid-gap:12px;grid-gap:var(--space-sm);color:#fffc;color:var(--text-secondary);display:grid;font-size:14px;gap:12px;gap:var(--space-sm);grid-template-columns:1fr 1fr}.audio-preview{border-radius:8px;outline:none;width:100%}.audio-preview,.moderation-section{background:#ffffff1a;background:var(--glass-light)}.moderation-section{border:1px solid #ffffff1a;border-radius:16px;padding:20px;padding:var(--space-lg)}.moderation-section textarea{background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary);font-size:14px;margin-bottom:20px;margin-bottom:var(--space-lg);min-height:80px;padding:16px;padding:var(--space-md);resize:vertical;width:100%}.moderation-section textarea:focus{border-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff1a;outline:none}.moderation-section textarea::placeholder{color:#fff9;color:var(--text-tertiary)}.moderation-actions{display:flex;gap:16px;gap:var(--space-md)}.approve-btn-large,.reject-btn-large{background:#fff3;background:var(--glass-medium);border:none;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-height:44px;padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.approve-btn-large{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.approve-btn-large:hover:not(:disabled){background:#22c55e4d;transform:translateY(-2px)}.reject-btn-large{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.reject-btn-large:hover:not(:disabled){background:#ef44444d;transform:translateY(-2px)}.approve-btn-large:disabled,.reject-btn-large:disabled{cursor:not-allowed;opacity:.5;transform:none}.existing-notes{background:#9ca3af1a;border:1px solid #9ca3af33;border-radius:12px;margin-top:20px;margin-top:var(--space-lg);padding:20px;padding:var(--space-lg)}.existing-notes h5{color:#fff;color:var(--text-primary);margin-bottom:4px}.existing-notes p{color:#fffc;color:var(--text-secondary);line-height:1.5;margin-bottom:4px}.note-date{color:#fff9;color:var(--text-tertiary);font-size:12px;font-style:italic}.statistics-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:20px;margin-bottom:24px;margin-bottom:var(--space-xl);padding:32px;padding:var(--space-2xl)}.statistics-header{margin-bottom:32px;margin-bottom:var(--space-2xl);text-align:center}.statistics-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:4px}.statistics-subtitle{color:#fffc;color:var(--text-secondary);font-size:14px;margin:0}.statistics-overview,.stats-grid{margin-bottom:32px;margin-bottom:var(--space-2xl)}.stats-grid{grid-gap:20px;grid-gap:var(--space-lg);gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-light)}.stat-card:before{height:3px;width:100%}.stat-card.primary:before,.stat-card:before{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.secondary:before{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.accent:before{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card.success:before{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-card:hover{box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.stat-card-header{gap:12px;gap:var(--space-sm);margin-bottom:16px;margin-bottom:var(--space-md)}.stat-card-header,.stat-icon{align-items:center;display:flex}.stat-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:12px;height:48px;justify-content:center;width:48px}.stat-value.large{color:#fff;color:var(--text-primary);font-size:36px;font-weight:700;line-height:1.2;margin-bottom:4px}.stat-sublabel{color:#fff9;color:var(--text-tertiary);font-size:12px;font-style:italic}.stat-progress{background:#000c;background:var(--glass-dark);border-radius:2px;height:4px;margin-top:12px;margin-top:var(--space-sm);overflow:hidden;width:100%}.stat-progress-bar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;height:100%;transition:width .8s ease}.statistics-details{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stat-detail-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border:1px solid var(--glass-light);border-radius:16px;padding:24px;padding:var(--space-xl);transition:all .3s ease}.stat-detail-card:hover{box-shadow:0 6px 24px #00000026;transform:translateY(-2px)}.stat-detail-header{align-items:center;display:flex;gap:12px;gap:var(--space-sm);margin-bottom:20px;margin-bottom:var(--space-lg)}.stat-detail-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.stat-detail-header h4{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.favorite-type-display{align-items:center;background:#ffffff1a;background:var(--glass-light);border-radius:12px;display:flex;justify-content:space-between;padding:20px;padding:var(--space-lg)}.favorite-type-name{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600}.favorite-type-badge{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:32px}.breakdown-chart{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.breakdown-item{background:#ffffff1a;background:var(--glass-light);border-radius:12px;padding:16px;padding:var(--space-md);transition:all .3s ease}.breakdown-item:hover{background:#fff3;background:var(--glass-medium);transform:translateX(4px)}.breakdown-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.breakdown-type{align-items:center;display:flex;gap:12px;gap:var(--space-sm)}.breakdown-emoji{font-size:18px}.breakdown-name{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.breakdown-stats{align-items:center;display:flex;gap:8px;gap:var(--space-xs)}.breakdown-count{color:#fff;color:var(--text-primary);font-size:16px;font-weight:700}.breakdown-percentage{color:#fff9;color:var(--text-tertiary);font-size:12px;font-style:italic}.breakdown-progress{background:#000c;background:var(--glass-dark);border-radius:3px;height:6px;overflow:hidden;width:100%}.breakdown-progress-bar{border-radius:3px;height:100%;transition:width .8s ease}@media (max-width:768px){.statistics-section{padding:20px;padding:var(--space-lg)}.stats-grid{gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:20px;padding:var(--space-lg)}.stat-value.large{font-size:28px}.statistics-details{grid-template-columns:1fr}.stat-detail-card{padding:20px;padding:var(--space-lg)}.favorite-type-display{flex-direction:column;gap:12px;gap:var(--space-sm);text-align:center}.breakdown-item-header{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-xs)}.breakdown-stats{align-self:flex-end}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.statistics-header h3{font-size:24px}.stat-card-header{align-items:center;flex-direction:column;text-align:center}}@media (max-width:414px){.admin-tabs{flex-direction:column;gap:4px}.admin-tab{width:100%}.meditation-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--space-sm)}.meditation-badges{align-self:flex-start}.details-grid{grid-template-columns:1fr}.moderation-actions{flex-direction:column}.moderation-modal{padding:16px;padding:var(--space-md)}.modal-body,.modal-header{padding:20px;padding:var(--space-lg)}}.spotify-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:24px;padding:var(--space-xl);position:relative;text-align:center}.spotify-header:before{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.spotify-title-section{position:relative;z-index:1}.spotify-icon,.spotify-main-title{font-size:32px;margin-bottom:4px}.spotify-main-title{font-weight:800;text-shadow:0 2px 4px #0000004d}.spotify-subtitle{line-height:1.5;margin:0}.community-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;margin-bottom:var(--space-xl);padding:20px;padding:var(--space-lg);text-align:center}.meditation-card.community-card{margin-bottom:16px;margin-bottom:var(--space-md)}.meditation-card.community-card .meditation-info{gap:16px;gap:var(--space-md)}.meditation-card.community-card .meditation-author{margin-left:0}.meditation-card.community-card .meditation-text{margin-top:12px;margin-top:var(--space-sm)}.meditation-card.community-card .meditation-description{color:#fffc;color:var(--text-secondary);font-size:13px}.meditation-controls .like-button{align-items:center;background:#fff3;background:var(--glass-medium);border:none;border-radius:20px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;position:absolute;right:16px;right:var(--space-md);top:16px;top:var(--space-md);transition:all .3s ease}.meditation-controls .like-button:hover{background:#ffffff1a;background:var(--glass-light);transform:scale(1.05)}.community-header h2{color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:4px}.community-header p{color:#fffc;color:var(--text-secondary);font-size:14px;margin:0}.community-meditations-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-sm)}.community-meditation-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #ffffff26;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;min-height:64px;overflow:hidden;padding:12px;position:relative}.community-meditation-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;opacity:0;pointer-events:none;transition:opacity .3s ease}.community-meditation-card:hover{background:#fff3;background:var(--glass-medium);border-color:#ffffff40;box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.community-meditation-card:hover:before{opacity:1}.community-meditation-card.playing{background:#fff3;background:var(--glass-medium);border:2px solid linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);border:2px solid var(--gradient-card-1)}.community-thumbnail{background:#ffffff1a;background:var(--glass-light);border-radius:6px;box-shadow:0 1px 4px #0000001a;flex-shrink:0;height:40px;overflow:hidden;position:relative;width:40px}.community-thumbnail:hover{box-shadow:0 6px 20px #0003;transform:scale(1.05)}.community-thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.community-play-overlay{align-items:center;background:#0000004d;border-radius:10px;bottom:0;display:flex;justify-content:center;left:0;opacity:1;position:absolute;right:0;top:0;transition:all .3s ease}.community-thumbnail:hover .community-play-overlay{background:#00000080}.community-play-button-standalone{align-items:center;background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.community-play-button-standalone:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.community-play-button-standalone:disabled{cursor:not-allowed;opacity:.5}.community-play-button:hover{background:#ffffff1a;background:var(--glass-light);transform:scale(1.1)}.community-play-button:disabled{cursor:not-allowed;opacity:.5}.community-details{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;position:relative;z-index:1}.community-header-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.community-title-section{flex:1 1;min-width:0}.community-meta-info{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:11px;gap:8px;margin-top:4px}.community-separator{color:#fff9;color:var(--text-tertiary);font-size:10px}.community-header-info{align-items:flex-start;display:flex;gap:8px;gap:var(--space-xs);justify-content:space-between;margin-bottom:2px}.community-title{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-badges{align-items:center;display:flex;flex-shrink:0;gap:4px}.community-type-badge{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1)}.community-language-badge,.community-type-badge{border-radius:8px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;white-space:nowrap}.community-language-badge{background:linear-gradient(135deg,#00d2ff,#3a7bd5);background:var(--gradient-card-2)}.community-author,.community-date,.community-duration{white-space:nowrap}.community-description{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#fff9;color:var(--text-tertiary);display:-webkit-box;font-size:12px;line-height:1.3;overflow:hidden}.community-controls{flex-direction:column;flex-shrink:0;gap:2px;margin-left:8px}.community-controls,.community-like-button{align-items:center;display:flex;justify-content:center}.community-like-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;color:var(--text-primary);cursor:pointer;font-size:12px;height:28px;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.community-like-button:hover{background:#ffffff1a;background:var(--glass-light);transform:scale(1.1)}.community-like-button:disabled{cursor:not-allowed;opacity:.5}.community-like-button.liked{background:#22c55e33;border:1px solid #22c55e4d}.community-like-count{color:#fffc;color:var(--text-secondary);font-size:10px;font-weight:500}.community-audio-hidden{display:none}@media (max-width:414px){.community-meditation-card{flex-direction:column;gap:12px;gap:var(--space-sm)}.community-thumbnail{align-self:stretch;height:120px;width:100%}.community-header-info{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-xs)}.community-badges{align-self:flex-start}.community-info{flex-direction:column;gap:8px;gap:var(--space-xs)}.community-controls{align-items:center;flex-direction:row;gap:12px;gap:var(--space-sm);justify-content:flex-start}}.approve-btn,.back-btn,.generate-btn,.regenerate-btn,.save-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:none;border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;gap:var(--space-xs);justify-content:center;min-height:44px;padding:16px 24px;padding:var(--space-md) var(--space-xl);transition:all .3s ease}@media (hover:hover){.approve-btn:hover,.back-btn:hover,.generate-btn:hover,.regenerate-btn:hover,.save-btn:hover{background:#fff3;background:var(--glass-medium);transform:translateY(-2px)}}.approve-btn:active,.back-btn:active,.generate-btn:active,.regenerate-btn:active,.save-btn:active{background:var(--glass-high);transform:scale(.98)}.approve-btn:disabled,.generate-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.generate-btn{margin:20px 0;margin:var(--space-lg) 0;width:100%}.preview-buttons{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-sm);margin-top:20px;margin-top:var(--space-lg)}.preview-buttons button{flex:1 1;min-width:120px}.text-area-container{margin:20px 0;margin:var(--space-lg) 0}.text-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:none;border-radius:16px;color:#fff;color:var(--text-primary);font-size:16px;line-height:1.6;min-height:200px;padding:20px;padding:var(--space-lg);resize:vertical;transition:all .3s ease;width:100%}.text-area:focus{background:#fff3;background:var(--glass-medium);outline:2px solid #fff3;outline:2px solid var(--glass-medium)}.text-area::placeholder{color:#fff9;color:var(--text-tertiary)}.text-area-loading{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:16px;display:flex;justify-content:center;min-height:200px}.loading-spinner{color:#fff;color:var(--text-primary);gap:12px;gap:var(--space-sm)}.spinner{border:2px solid #ffffff1a;border-top:2px solid #fff;border:2px solid var(--glass-light);border-top-color:var(--text-primary);height:20px;width:20px}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef444433;color:#fecaca;margin:20px 0;margin:var(--space-lg) 0;padding:16px;padding:var(--space-md)}.bottom-navigation{padding:16px 20px;padding:var(--space-md) var(--space-lg);padding-bottom:calc(16px + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom))}.nav-tab{border-radius:10px;gap:2px;min-width:50px;padding:8px;padding:var(--space-xs)}.nav-tab:hover{background:#ffffff1a;background:var(--glass-light);color:#fff;color:var(--text-primary)}.nav-icon-container{position:relative}.nav-badge,.nav-icon-container{align-items:center;display:flex;justify-content:center}.nav-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#feca57);border:2px solid #1a2332;border:2px solid var(--color-night-dark);border-radius:50%;box-shadow:0 2px 8px #ff6b6b66;color:#fff;font-size:10px;font-weight:700;height:18px;min-width:18px;position:absolute;right:-8px;top:-8px}.nav-label{font-size:11px}.cards-grid{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border-radius:20px;cursor:pointer;height:200px;overflow:hidden;position:relative;transition:all .3s ease}@media (hover:hover){.card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}}.card:active{box-shadow:0 5px 20px #0006;transform:scale(.98)}.card.meditation-1{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1)}.card.meditation-2{background:linear-gradient(135deg,#00d2ff,#3a7bd5);background:var(--gradient-card-2)}.card.story-1{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-card-3)}.card.story-2{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-card-4)}.card-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;color:var(--text-primary);left:0;padding:20px;padding:var(--space-lg);position:absolute;right:0}.saved-meditations-btn{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;background:var(--glass-light)!important;border:none!important;border-radius:12px!important;color:#fff!important;color:var(--text-primary)!important;cursor:pointer!important;font-size:14px!important;padding:8px 12px!important;padding:var(--space-xs) var(--space-sm)!important;transition:all .3s ease!important}.saved-meditations-btn:hover{background:#fff3!important;background:var(--glass-medium)!important;transform:translateY(-2px)!important}.saved-meditations-list{border-radius:16px!important;max-height:400px!important;overflow:auto!important;padding:20px!important;padding:var(--space-lg)!important}.draft-save-message,.saved-meditations-list,.text-modified-indicator{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;background:var(--glass-light)!important}.draft-save-message,.text-modified-indicator{border-radius:8px!important;color:#fff!important;color:var(--text-primary)!important;margin:12px 0!important;margin:var(--space-sm) 0!important;padding:12px!important;padding:var(--space-sm)!important;text-align:center!important}.text-preview-section{margin:20px 0!important;margin:var(--space-lg) 0!important}@media (max-width:414px){.container,.create-content{padding:16px;padding:var(--space-md)}.main-title{font-size:36px}.cards-grid{grid-template-columns:1fr}.preview-buttons{flex-direction:column}.preview-buttons button{width:100%}.header{margin-bottom:20px;margin-bottom:var(--space-lg);padding-top:12px;padding-top:var(--space-sm)}.profile-button{border-radius:12px;font-size:12px;padding:10px 12px}.profile-username{font-size:12px;max-width:80px}.profile-icon{font-size:16px}.meditation-text-display{font-size:12px;max-height:100px;padding:12px;padding:var(--space-sm)}.text-preview-scrollable{font-size:13px;max-height:180px;padding:16px;padding:var(--space-md)}}.community-hub-spotify{background:#0000;margin:0 auto;max-width:600px;min-height:calc(100vh - 80px);padding:20px;padding:var(--space-lg)}.spotify-header{margin-bottom:24px;margin-bottom:var(--space-xl)}.spotify-header-content{padding:24px 0;padding:var(--space-xl) 0}.spotify-title-section{align-items:center;display:flex;gap:20px;gap:var(--space-lg)}.spotify-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:48px}.spotify-title-text{flex:1 1}.spotify-main-title{color:#fff;color:var(--text-primary);font-size:36px;font-weight:700;letter-spacing:-.5px;margin:0}.spotify-subtitle{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.4;margin:8px 0 0;margin:var(--space-xs) 0 0 0}.spotify-controls{margin-bottom:32px;margin-bottom:var(--space-2xl)}.spotify-search-section{margin-bottom:20px;margin-bottom:var(--space-lg)}.spotify-search-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:20px;display:flex;gap:12px;gap:var(--space-sm);padding:12px 20px;padding:var(--space-sm) var(--space-lg);position:relative}.search-icon{color:#fffc;color:var(--text-secondary);font-size:16px}.spotify-search-input{background:none;border:none;color:#fff;color:var(--text-primary);flex:1 1;font-size:16px;outline:none;padding:8px 0;padding:var(--space-xs) 0}.spotify-search-input::placeholder{color:#fff9;color:var(--text-tertiary)}.spotify-filter-pills{-webkit-overflow-scrolling:touch;overflow-x:auto}.filter-pill-group{display:flex;gap:12px;gap:var(--space-sm);min-width:-webkit-max-content;min-width:max-content;padding:8px 0;padding:var(--space-xs) 0}.filter-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:none;border-radius:20px;font-size:14px;font-weight:500;padding:12px 20px;padding:var(--space-sm) var(--space-lg)}.filter-pill.active{background:#fff;background:var(--text-primary);color:#0f1419;color:var(--color-night-darkest)}.filter-pill:hover{background:#fff3;background:var(--glass-medium);color:#fff;color:var(--text-primary)}.spotify-empty-state{align-items:center;display:flex;justify-content:center;min-height:400px;text-align:center}.empty-state-content{max-width:300px}.empty-icon-large{font-size:72px;margin-bottom:20px;margin-bottom:var(--space-lg);opacity:.5}.empty-title{font-size:24px;margin-bottom:4px}.empty-description{color:#fffc;color:var(--text-secondary);line-height:1.5}.spotify-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg);padding:0 12px;padding:0 var(--space-sm)}.section-count{color:#fffc;color:var(--text-secondary);font-size:14px}.spotify-track-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:16px;overflow:hidden}.track-list-header{grid-gap:16px;grid-gap:var(--space-md);background:#fff3;background:var(--glass-medium);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-light);color:#fffc;color:var(--text-secondary);display:grid;font-size:12px;font-weight:600;gap:16px;gap:var(--space-md);grid-template-columns:60px 1fr 120px 60px 80px;letter-spacing:.5px;padding:16px 20px;padding:var(--space-md) var(--space-lg);text-transform:none}.track-header-index{text-align:center}.track-header-author,.track-header-title{text-align:left}.track-header-duration,.track-header-likes{text-align:center}.track-list-content{max-height:600px;overflow-y:auto}.spotify-track-item{grid-gap:16px;grid-gap:var(--space-md);align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:grid;gap:16px;gap:var(--space-md);grid-template-columns:60px 1fr 120px 60px 80px;min-height:80px;padding:16px 20px;padding:var(--space-md) var(--space-lg);position:relative;transition:all .3s ease}.spotify-track-item:hover{background:#ffffff1a;background:var(--glass-light)}.spotify-track-item:hover .play-btn-hover{opacity:1}.spotify-track-item:hover .track-number{opacity:0}.spotify-track-item.playing{background:#fff3;background:var(--glass-medium)}.track-index{align-items:center;display:flex;justify-content:center;position:relative}.track-number{color:#fffc;color:var(--text-secondary);font-size:14px;font-weight:500;transition:opacity .3s ease}.play-btn-hover{background:none;border:none;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;font-size:16px;opacity:0;padding:4px;position:absolute;transition:opacity .3s ease}.play-btn-hover,.playing-indicator{align-items:center;display:flex;justify-content:center}.playing-bars{align-items:end;display:flex;gap:2px;height:14px}.playing-bars .bar{animation:equalizer 1.2s ease-in-out infinite;background:#1db954;border-radius:1px;width:3px}.playing-bars .bar:first-child{animation-delay:0s}.playing-bars .bar:nth-child(2){animation-delay:.2s}.playing-bars .bar:nth-child(3){animation-delay:.4s}@keyframes equalizer{0%,to{height:4px}50%{height:14px}}.track-info{align-items:center;display:flex;gap:16px;gap:var(--space-md);min-width:0}.track-image{background:#ffffff1a;background:var(--glass-light);border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.track-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.spotify-track-item:hover .track-image img{transform:scale(1.05)}.track-main-info{display:flex;flex-direction:column;gap:8px;gap:var(--space-xs)}.track-title{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fffc;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.3;margin:0;max-height:2.6em;overflow:hidden}.track-tags{display:flex;gap:8px;gap:var(--space-xs)}.track-lang-tag,.track-type-tag{background:#ffffff1a;background:var(--glass-light);border-radius:8px;color:#fffc;color:var(--text-secondary);font-size:10px;font-weight:500;letter-spacing:.3px;padding:2px 6px;text-transform:none}.track-author{display:flex;flex-direction:column;justify-content:center;min-width:0}.author-name{color:#fff;color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-date{color:#fff9;color:var(--text-tertiary);font-size:11px;margin-top:2px}.track-duration{color:#fffc;color:var(--text-secondary);font-size:12px;font-weight:500}.track-actions,.track-duration{align-items:center;display:flex;justify-content:center}.track-actions{flex-direction:column;gap:2px}.spotify-like-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;transition:all .3s ease}.spotify-like-btn:hover{transform:scale(1.1)}.spotify-like-btn.liked{color:#1db954}.like-count{color:#fffc;color:var(--text-secondary);font-size:10px;font-weight:500}@media (max-width:414px){.meditation-type-card{max-width:100%;min-height:180px}.meditation-type-info{max-width:320px;min-height:160px;width:100%}.meditation-type-description{font-size:15px;height:100px;max-width:320px}.meditation-type-name{font-size:18px;min-height:45px}.meditation-type-icon{font-size:40px}.background-card{max-width:100%;min-height:180px}.background-info{max-width:320px;min-height:160px;width:100%}.background-description{font-size:15px;height:100px;max-width:320px}.background-name{font-size:18px;min-height:45px}.background-icon{font-size:40px}}@media (max-width:360px){.container,.create-content{padding:12px;padding:var(--space-sm)}.main-title{font-size:32px}.section-title{font-size:20px}.voice-name{font-size:18px}.meditation-type-card{max-width:100%;min-height:160px}.meditation-type-info{max-width:300px;min-height:140px;width:100%}.meditation-type-description{font-size:14px;height:90px;max-width:300px}.meditation-type-name{font-size:16px;min-height:40px}.meditation-type-icon{font-size:36px}.background-card{max-width:100%;min-height:160px}.background-info{max-width:300px;min-height:140px;width:100%}.background-description{font-size:14px;height:90px;max-width:300px}.background-name{font-size:16px;min-height:40px}.background-icon{font-size:36px}.bottom-navigation{min-height:60px;padding:12px 16px;padding:var(--space-sm) var(--space-md)}.nav-tab{min-width:45px;padding:4px}.nav-icon{font-size:18px}.nav-label{font-size:10px}.community-hub-spotify{padding:16px;padding:var(--space-md)}.spotify-main-title{font-size:28px}.spotify-track-item,.track-list-header{gap:8px;gap:var(--space-xs);grid-template-columns:40px 1fr 80px 40px 60px;min-height:70px;padding:12px 16px;padding:var(--space-sm) var(--space-md)}.track-image{height:50px;width:50px}.track-title{font-size:14px}.track-description{-webkit-line-clamp:1;font-size:12px;max-height:1.3em}.author-name{font-size:12px}.track-duration{font-size:11px}.track-tags{gap:4px}.track-lang-tag,.track-type-tag{font-size:9px;padding:1px 4px}}.inbox-container{animation:fadeInUp .5s ease-out;margin:0 auto;max-width:800px;padding:24px;padding:var(--space-xl)}.inbox-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-light);margin-bottom:32px;margin-bottom:var(--space-2xl);padding-bottom:20px;padding-bottom:var(--space-lg)}.inbox-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0;text-align:center}.unread-badge{background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:20px;box-shadow:0 4px 15px #ff6b6b4d;font-size:14px;padding:6px 12px}.inbox-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md);justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-2xl)}.filter-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;display:flex;padding:4px}.filter-btn{background:#0000;border:none;border-radius:12px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.filter-btn.active{background:#fff3;background:var(--glass-medium);box-shadow:0 4px 12px #ffffff1a}.filter-btn.active,.filter-btn:hover{color:#fff;color:var(--text-primary);transform:translateY(-1px)}.mark-all-read-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e33;border:1px solid #22c55e4d;border-radius:12px;color:#22c55e;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.mark-all-read-btn:hover{background:#22c55e4d;box-shadow:0 6px 20px #22c55e33;transform:translateY(-2px)}.empty-inbox{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:24px;margin-top:32px;margin-top:var(--space-2xl);padding:40px 24px;padding:var(--space-3xl) var(--space-xl);text-align:center}.empty-inbox h3{color:#fff;color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-md)}.empty-inbox p{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.6}.notifications-list{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.notification-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:24px;padding:var(--space-xl);position:relative;transition:all .3s ease}.notification-card:before{background:linear-gradient(90deg,#fff3,#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.notification-card:hover{border-color:#fff3;box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.notification-card:hover:before{opacity:1}.notification-card.unread{background:#fff3;background:var(--glass-medium);border-left:4px solid #ff6b6b;box-shadow:0 8px 32px #ff6b6b26}.notification-card.unread:before{background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb);opacity:1}.notification-content{flex:1 1}.notification-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-sm);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md)}.notification-title{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.4}.notification-date{color:#fff9;color:var(--text-tertiary);font-size:12px;font-weight:500;opacity:.8}.notification-message{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:16px;margin-bottom:var(--space-md)}.moderation-notes{background:#ffc1071a;border-left:4px solid #ffc10780;border-radius:8px;color:#fffc;color:var(--text-secondary);font-size:14px;margin:16px 0;margin:var(--space-md) 0;padding:16px;padding:var(--space-md)}.moderation-notes strong{color:#ffc107e6}.notification-meditation{margin-top:16px;margin-top:var(--space-md)}.meditation-ref{align-items:center;background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;color:#fffc;color:var(--text-secondary);display:inline-flex;font-size:14px;gap:8px;gap:var(--space-xs);padding:8px 12px}.notification-card{align-items:flex-start;display:flex;gap:20px;gap:var(--space-lg)}.notification-actions{display:flex;flex-shrink:0;gap:12px;gap:var(--space-sm)}.delete-btn,.mark-read-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;padding:10px;transition:all .3s ease;width:44px}.mark-read-btn:hover{background:#22c55e33;border-color:#22c55e4d;box-shadow:0 4px 12px #22c55e33;color:#22c55e;transform:translateY(-2px)}.delete-btn:hover{background:#ef444433;border-color:#ef44444d;box-shadow:0 4px 12px #ef444433;color:#ef4444}.loading-spinner{color:#fffc;color:var(--text-secondary);font-size:16px;gap:20px;gap:var(--space-lg);padding:40px;padding:var(--space-3xl)}.spinner{border:3px solid #ffffff1a;border-top-color:#ff6b6b}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;font-size:16px;margin:32px 0;margin:var(--space-2xl) 0;padding:20px;padding:var(--space-lg);text-align:center}@media (max-width:768px){.inbox-container{padding:20px;padding:var(--space-lg)}.inbox-header h2{font-size:28px}.inbox-controls{align-items:stretch;flex-direction:column}.filter-buttons{justify-content:center}.notification-card{flex-direction:column;gap:16px;gap:var(--space-md);padding:20px;padding:var(--space-lg)}.notification-header{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-xs)}.notification-actions{align-self:flex-end}.empty-icon{font-size:48px}.empty-inbox h3{font-size:20px}.empty-inbox p{font-size:14px}}.auth-container{align-items:center;background:linear-gradient(135deg,#0f1419,#1a2332 30%,#2d3561 60%,#4a5c8a);background:var(--gradient-background);background-attachment:fixed;justify-content:center;overflow:hidden;position:relative}.auth-container:before{animation:authGradientShift 8s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,#ff6b6b1a 0,#48dbfb1a 50%,#667eea1a 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-card{animation:authCardSlideUp .8s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff26;border-radius:24px;box-shadow:0 20px 60px #0006,inset 0 1px 0 #fff3;max-width:420px;overflow:hidden;padding:40px;padding:var(--space-3xl);position:relative;width:100%}.auth-card:before{animation:authRainbow 3s ease infinite;background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb,#667eea);background-size:400% 400%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-header{animation:authFadeInDown .8s ease-out .2s both;margin-bottom:20px;margin-bottom:var(--space-lg)}.auth-header h2{-webkit-text-fill-color:#0000;animation:authTextGradient 4s ease infinite;background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:32px;font-weight:700;margin-bottom:4px}.auth-header p{font-weight:500;opacity:.9}.auth-form{animation:authFadeInUp .8s ease-out .4s both;margin-bottom:32px;margin-bottom:var(--space-2xl)}.form-group{margin-bottom:24px;margin-bottom:var(--space-xl)}.form-group label{letter-spacing:.5px;margin-bottom:4px;opacity:.9;text-transform:none}.auth-input{background:#ffffff14;border:2px solid #ffffff1a;border-radius:16px;font-weight:500;outline:none;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-input:focus{background:#ffffff1f;border-color:#ff6b6b80;box-shadow:0 0 0 4px #ff6b6b1a,0 8px 25px #00000026;transform:translateY(-2px)}.auth-input::placeholder{font-weight:400}.auth-input:valid{border-color:#22c55e66}.auth-button{animation:authGradientMove 3s ease infinite;background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background-size:200% 200%;box-shadow:0 8px 25px #ff6b6b4d;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:18px 24px;position:relative;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}@media (hover:hover){.auth-button:hover:before{left:100%}.auth-button:hover{background-position:100% 0;box-shadow:0 12px 35px #ff6b6b66;transform:translateY(-3px)}}.auth-button:active{box-shadow:0 4px 15px #ff6b6b80;transform:scale(.98)}.auth-button:disabled{box-shadow:0 4px 15px #ff6b6b33}.auth-button .loading-spinner{align-items:center;display:flex;gap:12px;gap:var(--space-sm);justify-content:center}.auth-button .spinner{animation:authSpinnerSpin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.auth-switch{animation:authFadeInUp .8s ease-out .6s both;text-align:center}.auth-switch p{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:14px;font-weight:500;gap:12px;gap:var(--space-sm);justify-content:center}.switch-button{background:none;border:none;border-radius:8px;color:#ff6b6b;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-decoration:none;text-transform:none;transition:all .3s ease}.switch-button:hover{background:#ff6b6b1a;color:#feca57;transform:translateY(-1px)}.auth-switch .error-message{animation:authErrorSlide .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;font-size:14px;font-weight:500;margin:20px 0;margin:var(--space-lg) 0;padding:16px;padding:var(--space-md);text-align:center}.pi-auth-section{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg);padding:20px 0;padding:var(--space-lg) 0}.pi-auth-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;margin-bottom:var(--space-md);padding:16px;padding:var(--space-md);text-align:center}.pi-status{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-weight:500;gap:12px;gap:var(--space-sm);justify-content:center}.pi-indicator{animation:piGlow 2s infinite alternate;color:#f39c12;display:inline-block;font-size:20px;font-weight:700;text-shadow:0 0 10px #f39c1280}.pi-debug-info{color:#fff9;color:var(--text-tertiary);font-size:12px;margin-top:12px;margin-top:var(--space-sm)}.pi-auth-button{align-items:center;background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;gap:var(--space-sm);justify-content:center;overflow:hidden;padding:16px;padding:var(--space-md);position:relative;transition:all .3s ease;width:100%}.pi-auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.pi-auth-button:hover:before{left:100%}.pi-auth-button:hover{background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 8px 25px #f39c124d;transform:translateY(-2px)}.pi-auth-button:active{box-shadow:0 4px 15px #f39c1233;transform:translateY(0)}.pi-auth-button:disabled{background:#ffffff1a;box-shadow:none;color:#fff9;color:var(--text-tertiary);cursor:not-allowed;transform:none}.pi-logo{font-size:18px;font-weight:700;text-shadow:0 0 5px #ffffff4d}.auth-fallback{margin-top:20px;margin-top:var(--space-lg);text-align:center}.auth-fallback hr{background:#ffffff1a;border:none;height:1px;margin:16px 0;margin:var(--space-md) 0}.auth-fallback p{margin-bottom:4px}.auth-fallback p,.fallback-button{color:#fffc;color:var(--text-secondary);font-size:14px}.fallback-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.fallback-button:hover{background:#ffffff1a;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.pi-auth-option{margin-top:20px;margin-top:var(--space-lg);text-align:center}.pi-auth-option hr{background:#ffffff1a;border:none;height:1px;margin:16px 0;margin:var(--space-md) 0}.pi-auth-option p{color:#fffc;color:var(--text-secondary);font-size:14px;margin-bottom:4px}.pi-switch-button{align-items:center;background:#f39c121a;border:1px solid #f39c124d;border-radius:8px;color:#f39c12;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:12px;gap:var(--space-sm);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.pi-switch-button:hover{background:#f39c1233;color:#e67e22;transform:translateY(-1px)}.pi-switch-button .pi-logo{font-size:16px}@keyframes piGlow{0%{text-shadow:0 0 10px #f39c1280}to{text-shadow:0 0 20px #f39c12cc,0 0 30px #f39c124d}}@keyframes authGradientShift{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes authCardSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes authRainbow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes authFadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes authFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes authTextGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes authGradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes authSpinnerSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes authErrorSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.auth-container{padding:16px;padding:var(--space-md)}.auth-card{border-radius:20px;padding:32px;padding:var(--space-2xl)}.auth-header h2{font-size:28px}.auth-header p{font-size:14px}.auth-input{font-size:16px;padding:14px 18px}.auth-button{font-size:14px;padding:16px 20px}.auth-switch p{flex-direction:column;gap:8px;gap:var(--space-xs)}.form-group label{font-size:12px}}.page-header{display:none}.page-subtitle{font-size:14px;font-weight:500}.select-options.open{max-height:300px;overflow-y:auto;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.select-options.open::-webkit-scrollbar{width:6px}.select-options.open::-webkit-scrollbar-track{background:#0000}.select-options.open::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.select-options.open::-webkit-scrollbar-thumb:hover{background:#ffffff80}.back-button{background:#fff3;background:var(--glass-medium);border:1px solid #fff3;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.back-button:hover{background:#ffffff1a;background:var(--glass-light);box-shadow:0 4px 15px #0003}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-md);padding:16px 0;padding:var(--space-md) 0}.page-header-center,.page-header-left,.page-header-right{flex:none;width:100%}.page-header-left{justify-content:flex-start;order:1}.page-header-center{margin:12px 0;margin:var(--space-sm) 0;order:2}.page-header-right{justify-content:flex-end;order:3;padding-right:20px;padding-right:var(--space-lg)}.page-title{font-size:24px}.profile-button{font-size:12px;padding:8px 12px}.profile-username{max-width:70px}.back-button{font-size:12px;padding:6px 12px}}.auth-language-header,.create-language-header{left:0;margin:0 auto;max-width:1200px;padding:20px 24px;padding:var(--space-lg) var(--space-xl);position:absolute;right:0;top:0;z-index:10}.auth-language-header .page-header,.create-language-header .page-header{margin-bottom:0}.auth-language-header .page-header-center,.create-language-header .page-header-center{display:none}.auth-language-header .page-header-left,.create-language-header .page-header-left{flex:1 1}.auth-language-header .page-header-right,.create-language-header .page-header-right{flex:none;justify-content:flex-end}.create-content{height:calc(100vh - 160px);margin:0 auto;max-height:calc(100vh - 160px);max-width:1200px;overflow-y:auto;padding:24px;padding:var(--space-xl);padding-bottom:104px;padding-bottom:calc(80px + var(--space-xl));padding-top:104px;padding-top:calc(var(--space-xl) + 80px);position:relative}.auth-language-header{max-width:100%;padding:20px 32px;padding:var(--space-lg) var(--space-2xl)}.auth-language-header .page-header-right{padding-right:calc(50% - 160px)}.create-language-header .page-header-right{justify-content:center;padding-right:0}@media (max-width:768px){.auth-language-header,.create-language-header{padding:16px 20px;padding:var(--space-md) var(--space-lg)}.auth-language-header .page-header,.create-language-header .page-header{flex-direction:row;padding:0}.auth-language-header .page-header-right,.create-language-header .page-header-right{order:1;padding-right:0}.create-content{height:calc(100vh - 140px);max-height:calc(100vh - 140px);padding:16px;padding:var(--space-md);padding-bottom:96px;padding-bottom:calc(80px + var(--space-md));padding-top:76px;padding-top:calc(var(--space-md) + 60px)}}.journal-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;padding:var(--space-lg)}.error-banner{background:#ef444426;border:1px solid #ef44444d;color:#ef4444;font-weight:500;gap:16px;gap:var(--space-md);margin:20px 0;margin:var(--space-lg) 0;padding:16px;padding:var(--space-md)}.error-banner button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:16px;margin-left:auto;opacity:.7;padding:0;transition:opacity .2s}.error-banner button:hover{opacity:1}.journal-calendar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;margin-bottom:var(--space-xl);padding:20px;padding:var(--space-lg)}.calendar-header{margin-bottom:20px;margin-bottom:var(--space-lg)}.calendar-navigation{justify-content:center;margin-bottom:4px}.calendar-nav-btn{align-items:center;background:#ffffff1a;background:var(--glass-light);border:1px solid var(--border-light);border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.calendar-nav-btn:hover:not(:disabled){background:#fff3;background:var(--glass-medium);transform:scale(1.1)}.calendar-nav-btn:disabled{cursor:not-allowed;opacity:.5}.calendar-month-year{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0;min-width:180px;text-align:center}.calendar-actions{display:flex;justify-content:center;margin-bottom:4px}.show-calendar-section{display:flex;justify-content:center;margin-bottom:24px;margin-bottom:var(--space-xl)}.show-calendar-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff26;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;gap:var(--space-sm);padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.show-calendar-btn:hover{background:#fff3;background:var(--glass-medium);box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.calendar-help-text{color:#fffc;color:var(--text-secondary);font-size:12px;font-style:italic;margin-top:12px;margin-top:var(--space-sm);text-align:center}.writing-header-content{align-items:center;display:flex;gap:16px;gap:var(--space-md);justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg);min-height:40px}.writing-header-content .today-date{color:#fff;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;text-align:center}.back-to-calendar-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff26;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;gap:var(--space-xs);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease;white-space:nowrap}.back-to-calendar-btn:hover{background:#fff3;background:var(--glass-medium);border-color:#ffffff40;box-shadow:0 4px 15px #0000001a;transform:translateX(-2px)}.mode-indicator{align-items:center;animation:slideInFromTop .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff26;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md);padding:12px 16px;padding:var(--space-sm) var(--space-md)}.mode-text{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.mode-hint{background:#ffffff1a;border-radius:4px;color:#fffc;color:var(--text-secondary);font-family:monospace;font-size:12px;padding:2px 8px}.today-writing-section.entry-mode{background:#ffffff05;border-left:3px solid var(--accent-color);border-radius:0 8px 8px 0;padding-left:16px;padding-left:var(--space-md)}.today-writing-section.calendar-mode{transition:all .3s ease}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.calendar-today-btn{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.calendar-today-btn:hover{box-shadow:0 2px 8px #6366f14d;transform:translateY(-1px)}.calendar-header p{color:#fffc;color:var(--text-secondary);font-size:14px;margin:0;text-align:center}.calendar-grid{margin:0 auto;max-width:350px}.calendar-weekdays{grid-gap:8px;grid-gap:var(--space-xs);gap:8px;gap:var(--space-xs);margin-bottom:4px}.weekday{color:#fffc;color:var(--text-secondary);font-size:12px;font-weight:600;padding:8px;padding:var(--space-xs);text-align:center}.calendar-days{grid-gap:8px;grid-gap:var(--space-xs);gap:8px;gap:var(--space-xs)}.calendar-day{align-items:center;aspect-ratio:1;border-radius:8px;display:flex;font-size:14px;justify-content:center;position:relative;transition:all .2s ease}.calendar-day.today{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #ffffff4d;box-shadow:0 2px 8px #6366f14d;color:#fff;font-weight:600;position:relative}.calendar-day.today:before{content:"📅";font-size:8px;left:-2px;opacity:.8;position:absolute;top:-2px}.calendar-day.clickable{background:#ffffff1a;border:1px solid #fff3;color:#fff;color:var(--text-primary);cursor:pointer}.calendar-day.clickable:hover{background:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.calendar-day.future{color:#fff9;color:var(--text-tertiary);cursor:not-allowed;opacity:.5}.calendar-day.has-entry{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #10b981;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-weight:600;position:relative}.calendar-day.has-entry:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 16px #10b98166;transform:translateY(-2px)}.calendar-day.has-entry:after{content:"✓";font-size:10px;opacity:.8;position:absolute;right:4px;top:2px}.calendar-day.today.has-entry{background:linear-gradient(135deg,#10b981,#6366f1);border:2px solid #10b981;box-shadow:0 3px 12px #10b98166}.calendar-day.today.has-entry:hover{background:linear-gradient(135deg,#059669,#8b5cf6);box-shadow:0 5px 20px #10b98180;transform:translateY(-2px)}.calendar-day.today.has-entry:before{content:"📝";font-size:9px}.calendar-day.today.has-entry:after{content:"✨";font-size:8px;right:2px;top:2px}.m-0{margin:0}.m-1{margin:8px;margin:var(--space-xs)}.m-2{margin:12px;margin:var(--space-sm)}.m-3{margin:16px;margin:var(--space-md)}.m-4{margin:20px;margin:var(--space-lg)}.m-5{margin:24px;margin:var(--space-xl)}.m-6{margin:32px;margin:var(--space-2xl)}.p-0{padding:0}.p-1{padding:8px;padding:var(--space-xs)}.p-2{padding:12px;padding:var(--space-sm)}.p-3{padding:16px;padding:var(--space-md)}.p-4{padding:20px;padding:var(--space-lg)}.p-5{padding:24px;padding:var(--space-xl)}.p-6{padding:32px;padding:var(--space-2xl)}.mt-0{margin-top:0}.mt-1{margin-top:8px;margin-top:var(--space-xs)}.mt-2{margin-top:12px;margin-top:var(--space-sm)}.mt-3{margin-top:16px;margin-top:var(--space-md)}.mt-4{margin-top:20px;margin-top:var(--space-lg)}.mt-5{margin-top:24px;margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-1,.mb-2{margin-bottom:4px}.mb-3{margin-bottom:16px;margin-bottom:var(--space-md)}.mb-4{margin-bottom:20px;margin-bottom:var(--space-lg)}.mb-5{margin-bottom:24px;margin-bottom:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-start{align-items:flex-start;display:flex}.flex-end{align-items:flex-end;display:flex}.grid{display:grid}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gap-1{gap:8px;gap:var(--space-xs)}.gap-2{gap:12px;gap:var(--space-sm)}.gap-3{gap:16px;gap:var(--space-md)}.gap-4{gap:20px;gap:var(--space-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#fff;color:var(--text-primary)}.text-secondary{color:#fffc;color:var(--text-secondary)}.text-tertiary{color:#fff9;color:var(--text-tertiary)}.bg-glass-light{background:#ffffff1a;background:var(--glass-light)}.bg-glass-medium{background:#fff3;background:var(--glass-medium)}.bg-glass-dark{background:#000c;background:var(--glass-dark)}.bg-gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-card-3)}.bg-gradient-secondary{background:linear-gradient(135deg,#00d2ff,#3a7bd5);background:var(--gradient-card-2)}.bg-gradient-accent{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1)}.bg-gradient-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.bg-gradient-success{background:linear-gradient(135deg,#10b981,#059669)}.bg-gradient-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.bg-gradient-info{background:linear-gradient(135deg,#06b6d4,#0891b2)}.btn-gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-card-3);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal) var(--easing-smooth)}.btn-gradient-primary:hover{box-shadow:0 8px 16px #0003;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.rounded-sm{border-radius:8px;border-radius:var(--radius-sm)}.rounded{border-radius:12px;border-radius:var(--radius-md)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:20px;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:24px;border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.text-xs{font-size:12px;font-size:var(--text-xs)}.text-sm{font-size:14px;font-size:var(--text-sm)}.text-base{font-size:16px;font-size:var(--text-base)}.text-lg{font-size:18px;font-size:var(--text-lg)}.text-xl{font-size:20px;font-size:var(--text-xl)}.text-2xl{font-size:24px;font-size:var(--text-2xl)}.text-3xl{font-size:32px;font-size:var(--text-3xl)}.text-4xl{font-size:48px;font-size:var(--text-4xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.shadow-sm{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 8px 16px #0003;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 12px 24px #00000040;box-shadow:var(--shadow-xl)}.glass-card,.shadow-glass{box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-glass)}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:16px;border-radius:var(--radius-lg);padding:20px;padding:var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal) var(--easing-smooth)}.glass-card:hover{box-shadow:0 12px 24px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.glass-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;font-weight:500;padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal) var(--easing-smooth)}.glass-button:hover{background:#fff3;background:var(--glass-medium);box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass-button:active{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(0)}.form-label{color:#fffc;color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:.5px;margin-bottom:4px;text-transform:none}.form-input{background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-size:16px;font-size:var(--text-base);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal) var(--easing-smooth);width:100%}.form-input:focus{background:#fff3;background:var(--glass-medium);border-color:linear-gradient(135deg,#667eea,#764ba2);border-color:var(--gradient-card-3);box-shadow:0 0 0 3px #667eea26;outline:none}.form-error{font-size:var(--text-sm)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-card-3);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal) var(--easing-smooth)}.btn-primary:hover{box-shadow:0 8px 16px #0003;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;font-weight:500;padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal) var(--easing-smooth)}.btn-secondary:hover{background:#fff3;background:var(--glass-medium);transform:translateY(-1px)}.loading-spinner{border:2px solid #fff3;border:2px solid var(--glass-medium);border-top-color:var(--text-primary);height:20px;width:20px}.loading-spinner.small{border-width:2px;height:16px;width:16px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.w-full{width:100%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.h-full{height:100%}.min-h-screen{min-height:100vh}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}@media (max-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:text-xs{font-size:12px;font-size:var(--text-xs)}.md\:text-sm{font-size:14px;font-size:var(--text-sm)}.md\:text-base{font-size:16px;font-size:var(--text-base)}.md\:p-2{padding:12px;padding:var(--space-sm)}.md\:p-3{padding:16px;padding:var(--space-md)}.md\:p-4{padding:20px;padding:var(--space-lg)}.md\:m-2{margin:12px;margin:var(--space-sm)}.md\:m-3{margin:16px;margin:var(--space-md)}.md\:m-4{margin:20px;margin:var(--space-lg)}.md\:rounded{border-radius:12px;border-radius:var(--radius-md)}.md\:rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal) var(--easing-smooth)}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--easing-smooth)}.transition-slow{transition:all .5s cubic-bezier(.4,0,.2,1);transition:all var(--duration-slow) var(--easing-smooth)}.scale-95{transform:scale(.95)}.scale-105{transform:scale(1.05)}.translate-y-1{transform:translateY(-4px)}.translate-y-2{transform:translateY(-8px)}.hover-lift:hover{box-shadow:0 8px 16px #0003;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.02)}.active-press:active{transform:scale(.98)}.cache-bust-2024{display:none}.inline-journal-form{background:#f8f5f0;background-image:repeating-linear-gradient(#0000,#0000 26px,#8b45131a 0,#8b45131a 27px);border:3px solid #8b4513;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 32px #00000026,inset 0 1px 0 #fffc,inset 0 -1px 0 #8b451333;margin-bottom:24px;margin-bottom:var(--space-xl);padding:24px;padding:var(--space-xl);position:relative}.inline-journal-form:before{background:linear-gradient(90deg,#654321,#8b4513 50%,#654321);border-radius:12px 0 0 12px;border-radius:var(--radius-md) 0 0 var(--radius-md);bottom:0;box-shadow:inset -2px 0 4px #0003;content:"";left:0;position:absolute;top:0;width:40px}.inline-journal-form:after{background:#2c1810;border-radius:50%;box-shadow:0 40px 0 #2c1810,0 80px 0 #2c1810,0 120px 0 #2c1810,0 160px 0 #2c1810;content:"";height:8px;left:20px;position:absolute;top:30px;width:8px}.inline-journal-form>*{margin-left:50px}.inline-journal-form textarea{background:#fff!important;border:1px solid #d4af37!important;border-radius:8px!important;border-radius:var(--radius-sm)!important;box-shadow:inset 0 2px 4px #8b45131a,0 2px 8px #0000001a!important;color:#2c1810!important;font-family:Georgia,Times New Roman,serif!important;font-size:16px!important;font-size:var(--text-base)!important;font-weight:400!important;letter-spacing:.3px!important;line-height:1.8!important;min-height:160px!important;padding:20px!important;padding:var(--space-lg)!important;resize:vertical!important;transition:all .3s ease!important;transition:all var(--duration-normal) ease!important;width:calc(100% - 50px)}.inline-journal-form textarea:focus{background:#fff!important;border-color:#b8860b!important;box-shadow:0 0 0 3px #d4af374d,inset 0 2px 4px #8b45131a,0 4px 12px #00000026!important;outline:none!important;transform:translateY(-1px)!important}.inline-journal-form textarea::placeholder{color:#8b7355!important;font-style:italic!important;opacity:.7!important}.expanded-journal-form textarea,.journal-form textarea{background:#fff!important;border:1px solid #d4af37!important;border-radius:8px!important;border-radius:var(--radius-sm)!important;box-shadow:inset 0 2px 4px #8b45131a,0 2px 8px #0000001a!important;color:#2c1810!important;font-family:Georgia,Times New Roman,serif!important;font-size:16px!important;font-size:var(--text-base)!important;font-weight:400!important;letter-spacing:.3px!important;line-height:1.8!important;min-height:160px!important;padding:20px!important;padding:var(--space-lg)!important;resize:vertical!important;transition:all .3s ease!important;transition:all var(--duration-normal) ease!important}.expanded-journal-form textarea:focus,.journal-form textarea:focus{background:#fff!important;border-color:#b8860b!important;box-shadow:0 0 0 3px #d4af374d,inset 0 2px 4px #8b45131a,0 4px 12px #00000026!important;outline:none!important;transform:translateY(-1px)!important}.expanded-journal-form textarea::placeholder,.journal-form textarea::placeholder{color:#8b7355!important;font-style:italic!important;opacity:.7!important}.inline-journal-form .form-header{align-items:center;border-bottom:2px solid #d4af37;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg);margin-left:50px;padding-bottom:16px;padding-bottom:var(--space-md)}.date-indicator{align-items:center;display:flex;gap:12px;gap:var(--space-sm)}.writing-for{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600}.minimize-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:8px 12px;padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.minimize-btn:hover{background:#fff3;color:#fff;color:var(--text-primary)}.quick-mood-bar{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md);margin-bottom:20px;margin-bottom:var(--space-lg);padding:16px;padding:var(--space-md)}.mood-label{min-width:120px}.mood-quick-selector{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-xs);justify-content:flex-start}.mood-emoji-btn{align-items:center;background:#ffffff1a;border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mood-emoji-btn:hover{background:#fff3;transform:scale(1.1)}.mood-emoji-btn.active{background:#6366f133;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.quick-mood-bar .tags-filter{display:flex;flex-direction:column;gap:8px;gap:var(--space-xs);margin-top:12px;margin-top:var(--space-sm)}.quick-mood-bar .tags-filter label{color:#fffc;color:var(--text-secondary);font-size:13px;font-weight:500}.quick-mood-bar .tags-filter input{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-size:14px;padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.writing-area{margin-bottom:20px;margin-bottom:var(--space-lg)}.writing-tools{justify-content:space-between;margin-bottom:4px;padding:12px 0;padding:var(--space-sm) 0}.voice-tool-btn,.writing-tools{align-items:center;display:flex}.voice-tool-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 15px #667eea4d;cursor:pointer;font-size:18px;height:42px;justify-content:center;line-height:1;margin:0;overflow:hidden;padding:0;position:relative;text-align:center;transition:all .3s ease;width:42px}.voice-tool-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea66;transform:scale(1.1)}.voice-tool-btn:before{background:linear-gradient(45deg,#0000,#fff3,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.voice-tool-btn:hover:before{animation:shimmer .6s ease-in-out;opacity:1}.recording-indicator{color:#ef4444;font-weight:500}.processing-indicator,.recording-indicator{align-items:center;display:flex;gap:12px;gap:var(--space-sm)}.processing-indicator{color:#fffc;color:var(--text-secondary);font-size:14px}.word-count{color:#fff9;color:var(--text-tertiary);font-weight:500}.main-writing-textarea{background:#ffffff14;border:2px solid #ffffff1a;border-radius:16px;color:#fff;color:var(--text-primary);font-family:inherit;font-size:16px;line-height:1.6;min-height:300px;padding:20px;padding:var(--space-lg);resize:vertical;transition:all .3s ease;width:100%}.main-writing-textarea:focus{background:#ffffff1f;border-color:#6366f180;box-shadow:0 0 0 4px #6366f11a;outline:none}.main-writing-textarea::placeholder{color:#fff9;color:var(--text-tertiary);font-style:italic}.advanced-options{margin-bottom:20px;margin-bottom:var(--space-lg)}.advanced-options summary{border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px;padding:var(--space-sm);transition:all .2s ease}.advanced-options summary:hover{background:#ffffff0d;color:#fff;color:var(--text-primary)}.advanced-content{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-top:12px;margin-top:var(--space-sm);padding:20px;padding:var(--space-lg)}.all-moods label,.tags-section label{color:#fffc;color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:4px}.mood-card-small{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;gap:8px;justify-content:space-between;min-height:120px;min-width:140px;padding:16px 12px;text-align:center;transition:all .3s ease}.mood-card-small .mood-emoji{font-size:2rem;margin-bottom:4px}.mood-card-small .mood-label{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:2px}.mood-card-small .mood-description{color:#ffffffb3;font-size:.75rem;line-height:1.2;text-align:center}.mood-card-small:hover{background:#ffffff1a;transform:translateY(-1px)}.mood-card-small.active{background:#6366f133;border-color:#6366f166}.tags-section input{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#fff;color:var(--text-primary);font-size:14px;margin-bottom:4px;padding:12px;padding:var(--space-sm);width:100%}.tags-section input:focus{background:#ffffff1f;border-color:#6366f180;outline:none}.form-actions-inline{display:flex;gap:16px;gap:var(--space-md);justify-content:flex-end}.save-and-close-btn,.save-btn-primary{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-xs);padding:16px 20px;padding:var(--space-md) var(--space-lg)}.save-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f14d}.save-btn-primary:hover:not(:disabled){box-shadow:0 6px 24px #6366f166;transform:translateY(-2px)}.save-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.save-and-close-btn{background:#22c55ecc}.save-and-close-btn:hover{background:#22c55e;transform:translateY(-2px)}.journal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-xl);overflow:hidden;padding:24px;padding:var(--space-xl);position:relative}.journal-header:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.journal-header>*{position:relative;z-index:2}.journal-title-section{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.journal-title-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;width:80px}.journal-header h2{font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.journal-header-buttons{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-sm)}.calendar-entry-btn,.close-form-btn,.new-entry-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-xs);padding:16px 20px;padding:var(--space-md) var(--space-lg);text-shadow:0 1px 2px #0003;transition:all .3s ease}.close-form-btn{background:#ef44444d;border-color:#ef444466}.calendar-entry-btn:hover,.new-entry-btn:hover{background:#ffffff4d;border-color:#fff6;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.close-form-btn:hover{background:#ef444466;border-color:#ef444480;box-shadow:0 8px 24px #ef444433;transform:translateY(-2px)}.date-picker-modal{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 40px #0000004d;max-width:400px;position:relative;width:100%}.date-picker-content{padding:24px;padding:var(--space-xl)}.date-picker-content p{color:#fffc;color:var(--text-secondary);line-height:1.5}.date-picker-content p,.date-picker-input{margin-bottom:20px;margin-bottom:var(--space-lg)}.date-picker-input{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;color:#fff;color:var(--text-primary);font-size:16px;padding:16px;padding:var(--space-md);transition:all .3s ease;width:100%}.date-picker-input:focus{background:#fff3;background:var(--glass-medium);border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff1a;outline:none}.date-picker-actions{display:flex;gap:12px;gap:var(--space-sm);justify-content:flex-end}.mood-filter,.tags-filter{display:flex;flex-direction:column;gap:8px;gap:var(--space-xs)}.mood-filter label,.tags-filter label{color:#fffc;color:var(--text-secondary);font-size:14px;font-weight:600}.mood-filter select,.tags-filter input{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary);font-size:14px;padding:12px;padding:var(--space-sm)}.journal-form-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:2000}.journal-form{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff26;border-radius:28px;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff0d;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.form-header{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-bottom:1px solid #ffffff1f;border-radius:28px 28px 0 0;margin-bottom:8px;padding:32px 32px 24px}.form-header h3{font-size:26px;font-weight:800;letter-spacing:-.5px;text-shadow:0 1px 2px #0003}.mood-selector-grid{grid-gap:8px;grid-gap:var(--space-xs);display:grid;gap:8px;gap:var(--space-xs);grid-template-columns:repeat(4,1fr);margin-top:8px;margin-top:var(--space-xs)}.mood-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:60px;overflow:hidden;padding:8px 12px;padding:var(--space-xs) var(--space-sm);position:relative;transition:all .2s ease}.mood-card:hover{border-color:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.mood-card.active{border-width:2px;box-shadow:0 6px 16px #0003;transform:translateY(-1px)}.mood-card.active:before{background:inherit;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:1}.mood-emoji{font-size:18px;margin-bottom:2px}.mood-emoji,.mood-label{position:relative;z-index:2}.mood-label{font-size:11px;line-height:1.2;text-align:center}.mood-card.active .mood-label{color:#fff;text-shadow:0 1px 2px #0000004d}@media (max-width:768px){.mood-selector-grid{gap:4px;grid-template-columns:repeat(4,1fr)}.mood-card{min-height:50px;padding:4px 6px}.mood-emoji{font-size:16px;margin-bottom:1px}.mood-label{font-size:10px}}.journal-form .form-content{padding:24px 32px 32px}.journal-form .form-group{margin-bottom:24px}.journal-form .form-group:last-of-type{margin-bottom:32px}.journal-form .form-group label{color:#fff;color:var(--text-primary);display:block;font-size:14px;font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:12px;opacity:.9;text-transform:none}.inline-journal-form textarea,.journal-form textarea{background:#fff;border:1px solid #d4af37;border-radius:8px;box-shadow:inset 0 2px 4px #8b45131a,0 2px 8px #0000001a;color:#2c1810;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:400;letter-spacing:.3px;line-height:1.8;min-height:160px;padding:24px;resize:vertical;transition:all .3s ease}.inline-journal-form textarea:focus,.journal-form textarea:focus{background:#fff;border-color:#b8860b;box-shadow:0 0 0 3px #d4af374d,inset 0 2px 4px #8b45131a,0 4px 12px #00000026;outline:none;transform:translateY(-1px)}.inline-journal-form textarea::placeholder,.journal-form textarea::placeholder{color:#8b7355;font-style:italic;opacity:.7}.tags-input input{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary);font-size:13px;margin-bottom:4px;padding:8px 12px;padding:var(--space-xs) var(--space-sm);width:100%}.tags-input input:focus{background:#fff3;background:var(--glass-medium);border-color:#ffffff4d;outline:none}.tags-list{gap:var(--space-xs)}.tag{background:#fff3;background:var(--glass-medium);border-radius:6px;color:#fff;color:var(--text-primary);font-size:12px;gap:4px;padding:2px 8px;padding:2px var(--space-xs)}.tag,.tag button{align-items:center;display:flex}.tag button{background:none;border:none;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:0}.tag button:hover{color:#fff;color:var(--text-primary)}.journal-form .form-actions{background:linear-gradient(135deg,#ffffff05,#ffffff03);border-radius:0 0 28px 28px;border-top:1px solid #ffffff1f;display:flex;gap:16px;justify-content:flex-end;margin-top:8px;padding:24px 32px 32px}.journal-form .cancel-btn,.journal-form .save-btn{border-radius:16px;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.3px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.journal-form .save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea4d;color:#fff}.journal-form .save-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.journal-form .cancel-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff26;color:#fffc;color:var(--text-secondary)}.journal-form .cancel-btn:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);color:#fff;color:var(--text-primary);transform:translateY(-1px)}.journal-form .cancel-btn:hover,.journal-form .save-btn:hover{transform:translateY(-1px)}@keyframes recordingPulse{0%{box-shadow:0 0 0 0 #ff0000b3;transform:scale(1)}70%{box-shadow:0 0 0 20px #f000;transform:scale(1.1)}to{box-shadow:0 0 0 0 #f000;transform:scale(1)}}@keyframes waveAnimation{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.5)}}.voice-recorder{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:16px;margin:20px 0;margin:var(--space-lg) 0;padding:24px;padding:var(--space-xl)}.voice-recorder-idle{text-align:center}.voice-recorder-idle .voice-recorder-header h4{color:#fff;color:var(--text-primary);font-size:1.5rem;margin-bottom:16px;margin-bottom:var(--space-md)}.recording-info{display:flex;flex-direction:column;gap:8px;gap:var(--space-xs);margin-bottom:24px;margin-bottom:var(--space-xl)}.recording-info p{color:#fffc;color:var(--text-secondary);font-size:.9rem;margin:0}.recording-limit{color:#fbbf24!important}.quality-tips{color:#60a5fa!important}.credit-cost{color:#f87171!important}.instruction-text{color:#a78bfa!important}.start-voice-recording-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:20px;box-shadow:0 4px 15px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:16px;gap:var(--space-md);margin:0 auto;min-height:44px;padding:20px 24px;padding:var(--space-lg) var(--space-xl);transition:all .3s ease}.start-voice-recording-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.start-voice-recording-btn.pulse{animation:pulse 2s infinite}.mic-icon{font-size:1.5rem}.voice-recorder-recording{text-align:center}.recording-visual{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-bottom:var(--space-lg);position:relative}.recording-pulse{animation:recordingPulse 2s infinite;background:#f003;border-radius:50%;height:120px;position:absolute;width:120px}.mic-icon-large{align-items:center;background:#ffffff1a;background:var(--glass-light);border-radius:50%;box-shadow:0 4px 15px #0003;display:flex;font-size:3rem;height:80px;justify-content:center;width:80px;z-index:1}.recording-timer{color:#ef4444;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}.progress-container,.recording-timer{margin-bottom:20px;margin-bottom:var(--space-lg)}.progress-container{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:all .3s ease}.progress-bar.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.quality-feedback{margin-bottom:24px;margin-bottom:var(--space-xl)}.warning-text{color:#f59e0b;font-weight:600;margin-bottom:4px}.feedback-text{color:#fffc;color:var(--text-secondary);font-size:.9rem}.stop-voice-recording-btn{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:16px 24px;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.stop-voice-recording-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px)}.voice-recorder-processing{padding:24px;padding:var(--space-xl);text-align:center}.wave-animation{align-items:center;display:flex;gap:4px;justify-content:center;margin-bottom:20px;margin-bottom:var(--space-lg)}.wave{animation:waveAnimation 1s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:3px;height:40px;width:6px}.wave:nth-child(2){animation-delay:.1s}.wave:nth-child(3){animation-delay:.2s}.voice-recorder-processing h4{color:#fff;color:var(--text-primary);font-size:1.3rem;margin-bottom:4px}.voice-recorder-processing p{color:#fffc;color:var(--text-secondary);font-size:.9rem}.voice-recorder-preview{text-align:center}.preview-header{margin-bottom:24px;margin-bottom:var(--space-xl)}.success-icon{font-size:3rem;margin-bottom:16px;margin-bottom:var(--space-md)}.preview-header h4{color:#fff;color:var(--text-primary);font-size:1.4rem;margin-bottom:4px}.preview-header p{color:#fffc;color:var(--text-secondary);font-size:.9rem}.play-preview-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:20px;margin-bottom:var(--space-lg);min-height:44px;padding:16px 24px;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.play-preview-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.voice-save-section{margin-bottom:20px;margin-bottom:var(--space-lg)}.voice-name-input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;font-size:1rem;min-height:44px;padding:16px;padding:var(--space-md);transition:all .3s ease}.voice-name-input:focus{background:#ffffff1a;border-color:#3b82f6}.save-voice-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--space-xs);justify-content:center;min-height:44px;padding:16px 24px;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.save-voice-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.save-voice-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.retake-voice-btn{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:16px 24px;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.retake-voice-btn:hover{background:#fff3;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.audio-not-supported{border:1px solid #ef44444d;border-radius:12px;color:#f87171;font-size:.9rem;margin-top:20px;margin-top:var(--space-lg);padding:16px;padding:var(--space-md)}@media (max-width:768px){.voice-recorder{margin:16px 0;margin:var(--space-md) 0;padding:20px;padding:var(--space-lg)}.recording-info{font-size:.8rem}.play-preview-btn,.retake-voice-btn,.save-voice-btn,.start-voice-recording-btn,.stop-voice-recording-btn{font-size:1.1rem;min-height:48px;width:100%}.recording-timer{font-size:2rem}.mic-icon-large{font-size:2.5rem;height:60px;width:60px}.recording-pulse{height:100px;width:100px}.voice-save-section{gap:20px;gap:var(--space-lg)}}.recording-idle-btn .mic-icon{animation:pulse 2s infinite}.recordingPulse{animation:recordingPulse 1.5s infinite}.live-timer{color:#ef4444;font-weight:700;text-shadow:0 0 10px #ef444480}.live-progress{border-radius:8px;height:8px;transition:all .3s ease}.progress-good{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.live-feedback{animation:pulse 2s infinite}.waveAnimation .wave{animation:waveAnimation 1.2s ease-in-out infinite}.waveAnimation .wave:nth-child(2){animation-delay:.2s}.waveAnimation .wave:nth-child(3){animation-delay:.4s}.success-header{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border-radius:12px;padding:20px;padding:var(--space-lg)}.preview-play-btn,.success-header{margin-bottom:20px;margin-bottom:var(--space-lg)}.preview-play-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-height:48px;padding:16px 24px;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.preview-play-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 15px #3b82f64d;transform:translateY(-1px)}.enhanced-save-interface{background:#ffffff0d;border-radius:12px;margin:20px 0;margin:var(--space-lg) 0;padding:20px;padding:var(--space-lg)}.auto-name-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;color:var(--text-primary);font-size:1rem;margin-bottom:4px;padding:16px;padding:var(--space-md);width:100%}.auto-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.save-info{margin-bottom:16px;margin-bottom:var(--space-md);text-align:center}.credit-cost-display{color:#f87171;font-size:.9rem;font-weight:500}.enhanced-save-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-height:48px;padding:16px;padding:var(--space-md);transition:all .3s ease;width:100%}.enhanced-save-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.retake-recording-btn{background:#6b7280cc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:16px;margin-top:var(--space-md);padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.retake-recording-btn:hover{background:#6b7280;transform:translateY(-1px)}@media (max-width:768px){.enhanced-save-btn,.preview-play-btn,.retake-recording-btn,.start-voice-recording-btn,.stop-voice-recording-btn{font-size:1.2rem;min-height:56px;width:100%}.recording-timer{font-size:2.5rem}.live-progress,.progress-container{height:12px}.voice-recorder{margin:16px 0;margin:var(--space-md) 0;padding:20px;padding:var(--space-lg)}.recording-info{font-size:.9rem}.recording-info p{font-size:.85rem}.mic-icon-large{font-size:3rem;height:80px;width:80px}.recording-pulse{height:120px;width:120px}.voice-save-section{gap:16px;gap:var(--space-md)}.auto-name-input{font-size:1.1rem;padding:20px;padding:var(--space-lg)}.voice-recorder-controls{flex-direction:column;gap:16px;gap:var(--space-md)}.feedback-text,.warning-text{font-size:1rem}.quality-feedback{padding:16px;padding:var(--space-md)}}.journal-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;gap:8px;gap:var(--space-xs);margin-bottom:20px;margin-bottom:var(--space-lg);margin-top:12px;margin-top:var(--space-sm);padding:12px;padding:var(--space-sm)}.journal-tabs .tab{border-radius:12px;flex:1 1;flex-direction:column;min-height:70px;padding:16px;padding:var(--space-md)}.journal-tabs .tab:hover{transform:translateY(-2px)}.journal-tabs .tab.active{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));box-shadow:0 4px 15px #8b45134d}.journal-tabs .tab-icon{font-size:1.5rem}.journal-tabs .tab-label{font-size:.9rem}.journal-tab-content{min-height:60vh}.write-tab-content{gap:20px;gap:var(--space-lg)}.quick-write-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:20px;padding:24px;padding:var(--space-xl)}.quick-write-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg)}.quick-write-card .card-header h3{color:#fff;color:var(--text-primary);font-size:1.5rem;margin:0}.today-date{font-size:.9rem}.quick-mood-selector{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-sm);margin-bottom:20px;margin-bottom:var(--space-lg)}.mood-quick-btn{background:#0000;border:2px solid #fff3;font-size:1.5rem;height:48px;transition:all .3s ease;width:48px}.mood-quick-btn:hover{border-color:var(--accent-color);transform:scale(1.1)}.mood-quick-btn.active{background:#8b451333;border-color:var(--accent-color);box-shadow:0 0 0 2px #8b45134d}.mood-more-btn{align-items:center;background:#0000;border:2px dashed #ffffff4d;border-radius:50%;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.mood-more-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.quick-write-textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;color:var(--text-primary);font-size:1rem;line-height:1.6;margin-bottom:20px;margin-bottom:var(--space-lg);padding:20px;padding:var(--space-lg);resize:vertical;width:100%}.quick-write-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #8b451333}.quick-actions{align-items:center;justify-content:space-between}.writing-tools-quick{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.voice-quick-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff4d;box-shadow:0 4px 15px #667eea4d;font-size:1.3rem;line-height:1;margin:0;overflow:hidden;padding:0;position:relative;text-align:center}.voice-quick-btn,.voice-tool-btn{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-variant-emoji:emoji}.voice-quick-btn>span,.voice-tool-btn>span{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;font-size:inherit;height:100%;justify-content:center;line-height:1;text-rendering:optimizeLegibility;transform:translateX(0) translateY(-1px);width:100%}@supports (-webkit-appearance:none){.voice-quick-btn>span,.voice-tool-btn>span{transform:translateX(0) translateY(-.5px)}}@-moz-document url-prefix(){.voice-quick-btn>span,.voice-tool-btn>span{transform:translateX(0) translateY(-1.5px)}}.voice-quick-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea66;transform:scale(1.15)}.voice-quick-btn:before{background:linear-gradient(45deg,#0000,#fff3,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.voice-quick-btn:hover:before{animation:shimmer .6s ease-in-out;opacity:1}.word-count-quick{color:#fffc;color:var(--text-secondary);font-size:.9rem}.save-actions{display:flex;gap:12px;gap:var(--space-sm)}.save-quick-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.save-quick-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.save-quick-btn:disabled{cursor:not-allowed;opacity:.5}.todays-entry-status{align-items:center;background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border:1px solid #22c55e4d;border-radius:16px;display:flex;gap:20px;gap:var(--space-lg);padding:20px;padding:var(--space-lg)}.todays-entry-status .status-icon{font-size:2rem}.todays-entry-status .status-content h4{color:#fff;color:var(--text-primary);margin:0 0 8px;margin:0 0 var(--space-xs) 0}.todays-entry-status .status-content p{color:#fffc;color:var(--text-secondary);font-size:.9rem;margin:0 0 16px;margin:0 0 var(--space-md) 0}.edit-today-btn{background:#0000;border:1px solid #22c55e80;border-radius:8px;color:#22c55e;cursor:pointer;font-size:.9rem;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.edit-today-btn:hover{background:#22c55e1a;transform:translateY(-1px)}.browse-tab-content{animation:fadeIn .5s ease-out;display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.browse-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:24px;padding:var(--space-xl);transition:all .3s ease}.browse-controls:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.search-bar{margin-bottom:20px;margin-bottom:var(--space-lg);position:relative}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff1a;border-radius:16px;color:#fff;color:var(--text-primary);font-size:1rem;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-input:focus{background:#ffffff1f;border-color:var(--accent-color);box-shadow:0 0 0 4px #8b45131a,0 8px 25px #0000001a;outline:none;transform:translateY(-1px)}.search-input::placeholder{color:#fff9;font-weight:400}.search-feedback{color:#fffc;color:var(--text-secondary);font-size:.85rem;margin-top:8px;padding-left:8px}.mood-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.mood-filters-label{color:#fffc;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-right:8px}.mood-filter-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px solid #ffffff26;border-radius:16px;cursor:pointer;display:flex;font-size:1.4rem;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:48px}.mood-filter-btn:before{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border-radius:14px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.mood-filter-btn:hover{border-color:var(--accent-color);box-shadow:0 12px 25px #8b451333;transform:translateY(-3px) scale(1.05)}.mood-filter-btn:hover:before{opacity:.1}.mood-filter-btn:active{transform:translateY(-1px) scale(1.02);transition:all .1s ease}.mood-filter-btn.active{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border-color:var(--accent-color);box-shadow:0 8px 20px #8b45134d;color:#fff;transform:translateY(-2px) scale(1.05)}.mood-filter-btn.active:before{opacity:.2}.entries-slider-container{animation:fadeIn .5s ease-out;display:flex;flex-direction:column;gap:24px;gap:var(--space-xl)}.grid-header{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.grid-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ff69b4,#87ceeb);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.grid-subtitle{color:#fffc;color:var(--text-secondary);font-size:1rem;margin:0;opacity:.8}.mood-grid{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:20px;gap:var(--space-lg);margin:0 -20px;overflow-x:auto;padding:16px;padding:var(--space-md);padding-left:40px;padding-right:40px;position:relative;scroll-snap-type:x mandatory;scrollbar-width:none}.mood-grid::-webkit-scrollbar{display:none}.mood-grid-card{animation:slideInUp .6s ease-out;animation-delay:calc(var(--card-index)*.05s);animation-fill-mode:both;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid #fff3;border-color:#fff3;border-radius:20px;box-shadow:0 8px 25px #0000001f,0 4px 12px #00000014;cursor:pointer;flex:0 0 280px;height:220px;overflow:hidden;position:relative;scroll-snap-align:start;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .3s ease}.mood-grid-card:hover{background:linear-gradient(135deg,#ffffff29,#ffffff14);box-shadow:0 12px 35px #00000026,0 6px 16px #0000001f;transform:translateY(-4px)}.mood-grid-card .mood-card-meta span,.mood-grid-card .mood-card-preview,.mood-grid-card .mood-card-title{color:#fff!important}.filter-section{display:flex;flex-direction:column;gap:12px;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:0 16px;padding:0 var(--space-md)}.filter-row{align-items:flex-start;gap:16px;gap:var(--space-md)}.month-filter{display:flex;flex:1 1;justify-content:center;min-width:180px}.month-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border-radius:25px;color:#fff;color:var(--text-primary);font-size:14px;max-width:200px;padding:12px 20px;text-align:center;transition:all .3s ease;width:100%}.month-select:focus{background:#fff3;background:var(--glass-medium);border-color:#fff6;outline:none}.month-select option{background:#1a2332;background:var(--color-night-dark);color:#fff;color:var(--text-primary)}.mood-dropdown{display:flex;flex:1 1;justify-content:center;min-width:180px}.mood-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border-radius:25px;color:#fff;color:var(--text-primary);font-size:14px;min-width:200px;padding:12px 20px;text-align:center;transition:all .3s ease}.mood-select:focus{background:#fff3;background:var(--glass-medium);border-color:#fff6;outline:none}.mood-select option{background:#1a2332;background:var(--color-night-dark);color:#fff;color:var(--text-primary)}.mood-quick-filters{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-sm);justify-content:center}.mood-quick-btn{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;background:var(--glass-medium);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px}.mood-quick-btn:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 8px 20px #0003;transform:translateY(-3px) scale(1.05)}.mood-quick-btn.active{background:#ffffff59;border-color:#ffffffb3;box-shadow:0 6px 24px #ffffff40;transform:translateY(-2px) scale(1.1)}@media (max-width:768px){.filter-section{gap:12px;gap:var(--space-sm);padding:0 12px;padding:0 var(--space-sm)}.month-select,.mood-select{font-size:13px;min-width:180px;padding:10px 16px}.mood-quick-filters{gap:8px;gap:var(--space-xs)}.mood-quick-btn{font-size:18px;height:45px;width:45px}}.mood-grid-card:hover{box-shadow:0 20px 40px #00000026,0 8px 20px #0000001a;transform:translateY(-6px) scale(1.02)}.mood-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px;z-index:2}.mood-card-content{display:flex;flex-direction:column;gap:12px;height:100%;padding:20px}.mood-card-header{align-items:flex-start;display:flex;justify-content:space-between}.mood-card-date{font-size:12px;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:none}.mood-card-meta{display:flex;gap:8px}.mood-card-meta span{background:#ffffff1a;border-radius:8px;font-size:10px;opacity:.8;padding:2px 6px}.mood-card-title{-webkit-line-clamp:2;color:#fff;color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.3;margin:0}.mood-card-preview,.mood-card-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mood-card-preview{-webkit-line-clamp:4;color:#fffc;color:var(--text-secondary);flex:1 1;font-size:13px;line-height:1.4;opacity:.9}.mood-card-actions{display:flex;gap:8px;margin-top:auto}.mood-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;justify-content:center;padding:8px 12px;transition:all .3s ease}.mood-action-btn.primary{background:#ffffff26;color:#fff;color:var(--text-primary)}.mood-action-btn.secondary{background:#ffffff14;color:#fffc;color:var(--text-secondary);max-width:40px}.mood-action-btn:hover{border-color:#fff6;transform:translateY(-2px)}@media (max-width:768px){.mood-grid{gap:16px;gap:var(--space-md);margin:0 -16px;padding:12px 16px;padding:var(--space-sm) var(--space-md);padding-left:32px;padding-right:32px}.mood-grid-card{flex:0 0 250px;height:200px}.mood-card-content{gap:10px;padding:16px}.mood-card-title{font-size:15px}.mood-card-preview{-webkit-line-clamp:3;font-size:12px}.mood-badge{font-size:18px;height:35px;right:12px;top:12px;width:35px}.grid-title{font-size:1.5rem}}@media (max-width:480px){.mood-grid{gap:12px;gap:var(--space-sm);margin:0 -12px;padding:8px 12px;padding:var(--space-xs) var(--space-sm);padding-left:24px;padding-right:24px}.mood-grid-card{flex:0 0 220px;height:180px}.mood-card-preview{-webkit-line-clamp:2}}.mood-timeline{margin:0 auto;max-width:800px;padding:20px 0;padding:var(--space-lg) 0;position:relative}.mood-timeline .timeline-line{background:linear-gradient(180deg,linear-gradient(135deg,gold,orange,#ff8c00),linear-gradient(135deg,#ff1493,#ff69b4,#ffb6c1),linear-gradient(135deg,#98fb98,#90ee90,#87ceeb),linear-gradient(135deg,#4682b4,#5f9ea0,#708090),linear-gradient(135deg,#9370db,#8a2be2,#6a5acd));background:linear-gradient(to bottom,var(--mood-happy),var(--mood-excited),var(--mood-calm),var(--mood-sad),var(--mood-stressed));border-radius:2px;bottom:0;box-shadow:0 0 20px #fff3;left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.timeline-entry{align-items:center;animation:slideInUp .6s ease-out;animation-delay:calc(var(--entry-index)*.1s);animation-fill-mode:both;margin-bottom:24px;margin-bottom:var(--space-xl)}.timeline-entry:nth-child(odd){flex-direction:row}.timeline-entry:nth-child(2n){flex-direction:row-reverse}.mood-marker{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid #ffffff4d;border-radius:50%;display:flex;height:60px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:60px;z-index:10}.mood-marker[data-mood=happy]{background:linear-gradient(135deg,gold,orange,#ff8c00);background:var(--mood-happy);box-shadow:0 8px 32px #ffd7004d;box-shadow:var(--mood-happy-shadow)}.mood-marker[data-mood=sad]{background:linear-gradient(135deg,#4682b4,#5f9ea0,#708090);background:var(--mood-sad);box-shadow:0 8px 32px #4682b44d;box-shadow:var(--mood-sad-shadow)}.mood-marker[data-mood=calm]{background:linear-gradient(135deg,#98fb98,#90ee90,#87ceeb);background:var(--mood-calm);box-shadow:0 8px 32px #98fb984d;box-shadow:var(--mood-calm-shadow)}.mood-marker[data-mood=angry]{background:linear-gradient(135deg,#ff4500,tomato,#dc143c);background:var(--mood-angry);box-shadow:0 8px 32px #ff45004d;box-shadow:var(--mood-angry-shadow)}.mood-marker[data-mood=stressed]{background:linear-gradient(135deg,#9370db,#8a2be2,#6a5acd);background:var(--mood-stressed);box-shadow:0 8px 32px #9370db4d;box-shadow:var(--mood-stressed-shadow)}.mood-marker[data-mood=neutral]{background:linear-gradient(135deg,#f5f5f5,#e8e8e8,#d3d3d3);background:var(--mood-neutral);box-shadow:0 8px 32px #d3d3d34d;box-shadow:var(--mood-neutral-shadow)}.mood-marker[data-mood=excited]{background:linear-gradient(135deg,#ff1493,#ff69b4,#ffb6c1);background:var(--mood-excited);box-shadow:0 8px 32px #ff14934d;box-shadow:var(--mood-excited-shadow)}.mood-marker[data-mood=tired]{background:linear-gradient(135deg,#696969,#789,#a9a9a9);background:var(--mood-tired);box-shadow:0 8px 32px #6969694d;box-shadow:var(--mood-tired-shadow)}.mood-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.mood-marker:hover{box-shadow:0 12px 40px #0003;transform:translateX(-50%) scale(1.1)}.slider-header{justify-content:center;margin-bottom:20px;margin-bottom:var(--space-lg);padding:0 16px;padding:0 var(--space-md)}.slider-header,.slider-title{align-items:center;display:flex}.slider-title{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:700;gap:12px;margin:0}.slider-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b45131a,#8b45130d);border:1px solid #8b451333;border-radius:20px;color:var(--accent-color);font-size:.9rem;font-weight:600;padding:8px 16px}.entries-slider{align-items:center;display:flex;gap:20px;gap:var(--space-lg);padding:0 20px;position:relative}.slider-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;transition:all .3s ease;width:48px;z-index:10}.slider-nav-btn:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:scale(1.05)}.slider-nav-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.slider-track{border-radius:24px;flex:1 1;overflow:hidden;position:relative}.slider-container{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.slider-slide{box-sizing:border-box;min-width:100%;padding:0 12px;padding:0 var(--space-sm)}.entry-slide-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid #fff3;border-radius:28px;display:flex;flex-direction:column;height:420px;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.entry-slide-card[data-mood=happy]{background:linear-gradient(135deg,gold,orange,#ff8c00);background:var(--mood-happy);border-color:#ffd70066;box-shadow:0 8px 32px #ffd7004d;box-shadow:var(--mood-happy-shadow)}.entry-slide-card[data-mood=sad]{background:linear-gradient(135deg,#4682b4,#5f9ea0,#708090);background:var(--mood-sad);border-color:#4682b466;box-shadow:0 8px 32px #4682b44d;box-shadow:var(--mood-sad-shadow)}.entry-slide-card[data-mood=calm]{background:linear-gradient(135deg,#98fb98,#90ee90,#87ceeb);background:var(--mood-calm);border-color:#98fb9866;box-shadow:0 8px 32px #98fb984d;box-shadow:var(--mood-calm-shadow)}.entry-slide-card[data-mood=angry]{background:linear-gradient(135deg,#ff4500,tomato,#dc143c);background:var(--mood-angry);border-color:#ff450066;box-shadow:0 8px 32px #ff45004d;box-shadow:var(--mood-angry-shadow)}.entry-slide-card[data-mood=stressed]{background:linear-gradient(135deg,#9370db,#8a2be2,#6a5acd);background:var(--mood-stressed);border-color:#9370db66;box-shadow:0 8px 32px #9370db4d;box-shadow:var(--mood-stressed-shadow)}.entry-slide-card[data-mood=neutral]{background:linear-gradient(135deg,#f5f5f5,#e8e8e8,#d3d3d3);background:var(--mood-neutral);border-color:#d3d3d366;box-shadow:0 8px 32px #d3d3d34d;box-shadow:var(--mood-neutral-shadow);color:#0f1419;color:var(--color-night-darkest)}.entry-slide-card[data-mood=excited]{background:linear-gradient(135deg,#ff1493,#ff69b4,#ffb6c1);background:var(--mood-excited);border-color:#ff149366;box-shadow:0 8px 32px #ff14934d;box-shadow:var(--mood-excited-shadow)}.entry-slide-card[data-mood=tired]{background:linear-gradient(135deg,#696969,#789,#a9a9a9);background:var(--mood-tired);border-color:#69696966;box-shadow:0 8px 32px #6969694d;box-shadow:var(--mood-tired-shadow)}.entry-slide-card:not([data-mood]){background:linear-gradient(135deg,#ffffff1f,#ffffff0f);box-shadow:0 25px 50px #0000001f,0 12px 25px #00000014,inset 0 1px 0 #ffffff26}.entry-slide-card[data-mood=neutral] .entry-date-large,.entry-slide-card[data-mood=neutral] .entry-meta span,.entry-slide-card[data-mood=neutral] .entry-preview,.entry-slide-card[data-mood=neutral] .entry-slide-title{color:#0f1419!important;color:var(--color-night-darkest)!important}.entry-slide-card[data-mood=calm] .entry-date-large,.entry-slide-card[data-mood=calm] .entry-preview,.entry-slide-card[data-mood=calm] .entry-slide-title{color:#1a2332!important;color:var(--color-night-dark)!important;text-shadow:0 1px 2px #0000001a}.entry-slide-card[data-mood=happy] .entry-date-large,.entry-slide-card[data-mood=happy] .entry-preview,.entry-slide-card[data-mood=happy] .entry-slide-title{color:#0f1419!important;color:var(--color-night-darkest)!important;text-shadow:0 1px 2px #0003}.mood-indicator{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffffe6!important;border:2px solid #ffffff4d!important;box-shadow:0 4px 12px #0000001a!important;font-size:24px!important;padding:12px!important}.entry-slide-card:before{background:linear-gradient(90deg,var(--accent-color),var(--accent-dark));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.slider-slide.active .entry-slide-card:before{opacity:1}.entry-slide-card:hover{border-color:#ffffff4d;box-shadow:0 35px 70px #00000026,0 15px 35px #0000001a,inset 0 1px 0 #ffffff40;transform:translateY(-6px)}.entry-slide-header{flex-direction:column;gap:20px;height:100%}.entry-date-meta{display:flex;flex-direction:column;gap:12px}.entry-date-large{color:#fffc;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:none}.entry-meta span{background:#ffffff14;border-radius:16px;color:#fff9;color:var(--text-tertiary);font-size:12px;padding:6px 12px}.mood-indicator{background:#ffffff1f!important;border-radius:50%!important;font-size:18px!important;padding:8px!important}.entry-slide-title{-webkit-line-clamp:2;flex-shrink:0;font-size:22px;margin:0;max-height:60px}.entry-preview,.entry-slide-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.entry-preview{-webkit-line-clamp:6;flex:1 1;font-size:15px;text-overflow:ellipsis}.entry-slide-actions{flex-shrink:0;gap:12px;margin-top:auto}.slide-action-btn{align-items:center;border-radius:18px;display:flex;flex:1 1;font-size:14px;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease}.slide-action-btn.primary{background:linear-gradient(135deg,#ffffff26,#ffffff1a);color:var(--text-primary)}.slide-action-btn.secondary{background:#ffffff14;color:#fffc;color:var(--text-secondary);max-width:120px}.slide-action-btn:hover{border-color:#ffffff4d}.slide-action-btn.primary:hover{background:linear-gradient(135deg,#fff3,#ffffff26);box-shadow:0 8px 25px #0000001a}.slide-action-btn.secondary:hover{background:#ffffff1f}.entry-slide-audio-header{align-items:center;background:linear-gradient(135deg,#8b451314,#8b45130a);border-bottom:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding:16px 24px}.audio-badge{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border-radius:14px;box-shadow:0 4px 12px #8b45134d;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 14px;transition:all .3s ease}.audio-badge:hover{box-shadow:0 6px 16px #8b451366;transform:translateY(-1px) scale(1.05)}.entry-slide-content{cursor:pointer;padding:24px;transition:all .3s ease}.entry-slide-content:hover{background:#ffffff05}.entry-slide-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.entry-slide-mood{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;font-size:2.5rem;padding:12px;transition:all .3s ease}.entry-slide-card:hover .entry-slide-mood{transform:scale(1.1) rotate(10deg)}.entry-slide-meta{align-items:center;display:flex;gap:16px}.entry-slide-meta span{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;color:#fffc;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 12px}.entry-date-meta{background:linear-gradient(135deg,#8b451326,#8b45131a)!important;border-color:#8b451333!important;color:var(--accent-color)!important;font-weight:600!important}.entry-slide-title{color:#fff;color:var(--text-primary);font-size:1.8rem;font-weight:700;line-height:1.3;margin-bottom:16px}.entry-preview{color:#fffc;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:10px 0;opacity:.8}.book-reader{margin-bottom:24px}.book-page{background:linear-gradient(135deg,#fdfcf7,#f9f7f1);border:2px solid #8b45131a;border-radius:12px;box-shadow:0 4px 12px #0000001a,inset 0 1px 0 #fff9;display:flex;flex-direction:column;font-family:Georgia,Times New Roman,serif;min-height:280px;padding:24px;position:relative}.page-content{color:#2c1810;flex:1 1;font-size:1.05rem;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.02em;line-height:1.8;overflow-wrap:break-word;text-align:justify;white-space:pre-wrap;word-spacing:.1em}.page-controls{border-top:1px solid #8b451326;justify-content:space-between;margin-top:20px;padding-top:16px}.page-controls,.page-nav-btn{align-items:center;display:flex}.page-nav-btn{background:linear-gradient(135deg,#8b45131a,#8b45130d);border:1px solid #8b451333;border-radius:50%;color:var(--accent-color);cursor:pointer;font-size:1.4rem;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:36px}.page-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));box-shadow:0 6px 16px #8b45134d;color:#fff;transform:translateY(-2px)}.page-nav-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.page-indicator{background:#8b451314;border:1px solid #8b451326;border-radius:12px;color:var(--accent-color);font-family:Georgia,serif;font-size:.85rem;font-weight:600;padding:4px 12px}.page-dots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.page-dot{background:#8b451333;border:1px solid #8b45134d;border-radius:50%;cursor:pointer;height:8px;position:relative;transition:all .3s ease;width:8px}.page-dot:hover{background:#8b451366;transform:scale(1.2)}.page-dot.active{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border-color:var(--accent-color);box-shadow:0 2px 8px #8b451366;transform:scale(1.3)}.book-page:before{background:radial-gradient(circle at 20% 80%,#8b451308 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b451308 0,#0000 50%);border-radius:12px;bottom:0;left:0;right:0;top:0}.book-page:after,.book-page:before{content:"";pointer-events:none;position:absolute}.book-page:after{background-image:repeating-linear-gradient(#0000,#0000 1.6rem,#8b45130d 0,#8b45130d calc(1.6rem + 1px));border-radius:8px;bottom:24px;left:24px;opacity:.3;right:24px;top:24px}.entry-slide-actions{align-items:center;display:flex;gap:16px;justify-content:flex-end}.slide-action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:16px;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-action-btn.primary{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border-color:var(--accent-color);box-shadow:0 8px 20px #8b45134d;color:#fff}.slide-action-btn.secondary{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#fff3;color:#fff;color:var(--text-primary)}.slide-action-btn:hover{box-shadow:0 12px 28px #8b451366;transform:translateY(-2px)}.slide-action-btn.secondary:hover{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border-color:var(--accent-color);color:#fff}.slide-action-btn span{position:relative;z-index:1}.slider-nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.slider-nav:before{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.slider-nav:hover:not(:disabled){border-color:var(--accent-color);box-shadow:0 12px 25px #8b45134d;color:#fff;transform:translateY(-2px) scale(1.05)}.slider-nav:hover:not(:disabled):before{opacity:1}.slider-nav:disabled{cursor:not-allowed;opacity:.3;transform:none}.slider-nav span{position:relative;z-index:1}.slider-dots{display:flex;gap:12px;justify-content:center;margin-top:20px;margin-top:var(--space-lg);padding:0 16px;padding:0 var(--space-md)}.slider-dot{background:#fff3;border:1px solid #ffffff4d;border-radius:50%;cursor:pointer;height:12px;overflow:hidden;position:relative;transition:all .3s ease;width:12px}.slider-dot:before{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.slider-dot:hover:before{opacity:.7}.slider-dot.active{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border-color:var(--accent-color);box-shadow:0 4px 12px #8b451366;transform:scale(1.2)}.slider-dot.active:before{opacity:1}@media (max-width:768px){.slider-header{flex-direction:column;gap:12px;padding:0;text-align:center}.slider-title{font-size:1.3rem}.entries-slider{padding:0 15px}.slider-nav-btn{font-size:18px;height:40px;width:40px}.entry-slide-card{height:380px;padding:24px}.entry-slide-title{font-size:20px}.entry-preview{-webkit-line-clamp:5;font-size:14px}.slide-action-btn{font-size:13px;padding:12px 16px}.entry-meta span{font-size:11px;padding:4px 8px}.entries-slider{gap:16px;gap:var(--space-md);padding:0 20px}.slider-nav{font-size:1rem;height:40px;width:40px}.entry-slide-card{border-radius:20px}.entry-slide-audio-header{justify-content:center;padding:12px 16px}.entry-slide-content{padding:16px}.entry-slide-header{flex-direction:column;gap:16px;text-align:center}.entry-slide-mood{align-self:center;font-size:2rem}.entry-slide-meta{flex-wrap:wrap;justify-content:center}.entry-slide-title{font-size:1.5rem;text-align:center}.entry-slide-preview{font-size:1rem;text-align:center}.entry-slide-actions{flex-direction:column;gap:12px}.slide-action-btn{padding:14px 20px;text-align:center;width:100%}.slider-dots{flex-wrap:wrap;gap:8px}.slider-dot{height:10px;width:10px}}@media (max-width:480px){.entries-slider{padding:0 10px}.slider-nav{font-size:.9rem;height:36px;width:36px}.entry-slide-content{padding:12px}.entry-slide-title{font-size:1.3rem}.entry-slide-preview{font-size:.95rem;max-height:150px}.slider-header{margin-bottom:16px;margin-bottom:var(--space-md)}.slider-title{font-size:1.2rem}.book-page{min-height:240px;padding:16px}.page-content{font-size:1rem;line-height:1.7;text-align:left}.page-controls{margin-top:16px;padding-top:12px}.page-nav-btn{font-size:1.2rem;height:32px;width:32px}.page-indicator{font-size:.8rem;padding:3px 8px}.page-dots{gap:6px;margin-top:8px}.page-dot{height:6px;width:6px}}.empty-state{animation:pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0a,#ffffff03);border-radius:24px;padding:60px 20px}.empty-state .empty-icon{animation:float 3s ease-in-out infinite;font-size:5rem;margin-bottom:24px;margin-bottom:var(--space-xl);opacity:.8}.empty-state h3{font-size:1.5rem;margin-bottom:20px;margin-bottom:var(--space-lg)}.empty-state p{font-size:1.1rem;margin-bottom:24px;margin-bottom:var(--space-xl);opacity:.8}.start-writing-btn{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border:none;border-radius:16px;box-shadow:0 8px 25px #8b45134d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.start-writing-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.start-writing-btn:hover{box-shadow:0 15px 35px #8b451366;transform:translateY(-4px) scale(1.05)}.start-writing-btn:hover:before{left:100%}.timeline-entry{align-items:flex-start;animation:slideInLeft .6s ease-out;display:flex;gap:24px;position:relative}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.timeline-entry:before{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border:3px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 0 3px #8b451333;content:"";height:16px;left:-32px;position:absolute;top:24px;width:16px;z-index:1}.entry-date{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b45131a,#8b45130d);border:1px solid #8b45131a;border-radius:12px;color:#fffc;color:var(--text-secondary);font-size:.95rem;font-weight:600;height:-webkit-fit-content;height:fit-content;min-width:140px;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:right;top:20px}.entry-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1f;border-radius:20px;cursor:pointer;flex:1 1;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.entry-card:before{background:linear-gradient(90deg,var(--accent-color),var(--accent-dark));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.entry-card:hover{border-color:#8b451333;box-shadow:0 20px 40px #00000026,0 0 0 1px #8b45131a;transform:translateY(-6px) translateX(4px)}.entry-card:hover:before{opacity:1}.entry-card .entry-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.entry-mood{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;font-size:2rem;padding:8px;transition:all .3s ease}.entry-card:hover .entry-mood{transform:scale(1.1) rotate(5deg)}.entry-meta{align-items:center;font-size:.85rem;font-weight:500;gap:12px}.entry-meta span{background:#ffffff0d;border:1px solid #ffffff1a;gap:4px;padding:4px 8px}.audio-indicator{animation:pulse 2s ease-in-out infinite;color:var(--accent-color)}.entry-title{font-size:1.3rem;line-height:1.4;margin-bottom:12px}.entry-preview{color:#fff;color:var(--text-primary);font-size:1rem;line-height:1.7;margin-bottom:20px;opacity:.9}.entry-actions-quick{align-items:center;display:flex;gap:12px;justify-content:flex-end}.play-btn-quick,.read-more-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff26;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.play-btn-quick:before,.read-more-btn:before{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border-radius:11px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.play-btn-quick:hover,.read-more-btn:hover{border-color:var(--accent-color);box-shadow:0 8px 20px #8b451333;color:#fff;transform:translateY(-2px)}.play-btn-quick:hover:before,.read-more-btn:hover:before{opacity:1}.play-btn-quick span,.read-more-btn span{position:relative;z-index:1}.mood-card-content .read-more-btn{align-self:flex-start;font-size:12px;margin-top:8px;min-height:30px;padding:6px 12px}@media (max-width:768px){.mood-card-content .read-more-btn{font-size:11px;min-height:26px;padding:5px 10px}.timeline-entry{flex-direction:column;gap:12px;margin-left:-20px;padding-left:0}.entries-timeline:before,.timeline-entry:before{display:none}.entry-date{min-width:0;min-width:auto;position:static;text-align:left;width:100%}.entry-card{margin-left:0}.mood-filter-btn{font-size:1.2rem;height:44px;width:44px}.browse-controls{padding:20px;padding:var(--space-lg)}}.voice-tab-content{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.voice-management-card{background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:20px;padding:24px;padding:var(--space-xl)}.voice-management-card h3{color:#fff;color:var(--text-primary);font-size:1.5rem}.voice-management-card h3,.voice-recorder-main{margin-bottom:20px;margin-bottom:var(--space-lg)}.voice-recorder-main{background:#ffffff0d;border-radius:16px;padding:24px;padding:var(--space-xl)}.custom-voices-management{border-top:1px solid #ffffff1a;padding-top:12px;padding-top:var(--space-sm)}.custom-voices-management h4{color:#fff;color:var(--text-primary);margin-bottom:16px;margin-bottom:var(--space-md)}.voices-grid{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.voice-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;padding:16px;padding:var(--space-md)}.voice-info .voice-name{color:#fff;color:var(--text-primary);display:block;font-weight:500;margin-bottom:4px}.voice-info .voice-id{color:#fffc;color:var(--text-secondary);font-size:.8rem}.voice-actions{display:flex;gap:8px;gap:var(--space-xs)}.delete-voice-btn,.test-voice-btn{background:#0000;border:1px solid #fff3;border-radius:6px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:8px;padding:var(--space-xs);transition:all .3s ease}.test-voice-btn:hover{border-color:#3b82f6;color:#3b82f6}.delete-voice-btn:hover{border-color:#ef4444;color:#ef4444}.calendar-tab-content{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;padding:24px;padding:var(--space-xl)}.today-writing-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:16px;margin-top:24px;margin-top:var(--space-xl);padding:20px;padding:var(--space-lg)}.today-writing-header{margin-bottom:20px;margin-bottom:var(--space-lg);text-align:center}.today-writing-header h3{color:#fff;color:var(--text-primary);font-size:1.3em;font-weight:600;margin:0 0 8px;margin:0 0 var(--space-xs) 0}.today-date{font-size:.9em;text-transform:capitalize}.quick-write-interface{width:100%}.quick-write-form{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.save-success-indicator{animation:fadeInOut 2s ease-in-out;color:#10b981;font-size:.9em;font-weight:500;margin-left:12px;margin-left:var(--space-sm)}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.quick-content-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border-radius:12px;color:#fff;color:var(--text-primary);font-family:inherit;font-size:.95em;line-height:1.6;min-height:120px;padding:16px;padding:var(--space-md);resize:vertical;transition:all .3s ease;width:100%}.quick-content-textarea::placeholder{color:#fffc;color:var(--text-secondary)}.quick-content-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f133;outline:none}.quick-write-actions{flex-wrap:wrap}.mood-quick-select{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-sm)}.mood-label{font-size:.9em;white-space:nowrap}.mood-options-inline{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-xs)}.mood-option-quick{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:2px solid #ffffff1a;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.mood-option-quick:hover{background:#fff3;background:var(--glass-medium);border-color:#ffffff4d;transform:scale(1.1)}.mood-option-quick.selected{background:var(--accent-color)}.mood-above-text{margin-bottom:16px;margin-bottom:var(--space-md)}.mood-above-text .mood-label{color:#fff;color:var(--text-primary);display:block;font-size:16px;font-weight:600;margin-bottom:4px}.mood-above-text .mood-options-inline{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-sm);justify-content:center}.quick-write-actions{gap:16px;gap:var(--space-md);margin-top:16px;margin-top:var(--space-md)}.voice-recording-quick{align-items:center;display:flex;gap:12px;gap:var(--space-sm)}.voice-quick-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff26;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.voice-quick-btn:hover{background:#fff3;background:var(--glass-medium);box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.recording-indicator-quick{align-items:center;display:flex;gap:8px;gap:var(--space-xs)}.stop-recording-btn-quick{animation:pulse 1.5s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;padding:var(--space-xs) var(--space-sm);transition:all .3s ease}.stop-recording-btn-quick:hover{background:linear-gradient(135deg,#ee5a52,#dc3545);transform:scale(1.05)}.processing-indicator-quick{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;gap:var(--space-xs)}.processing-text{animation:fade 1.5s infinite alternate}@keyframes fade{0%{opacity:.5}to{opacity:1}}.textarea-container{display:flex;flex-direction:column;position:relative}.textarea-spinner-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.spinner-content,.textarea-spinner-overlay{align-items:center;border-radius:12px;display:flex}.spinner-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff26;flex-direction:column;gap:12px;gap:var(--space-sm);padding:20px;padding:var(--space-lg)}.quick-content-textarea.processing{opacity:.7;pointer-events:none}.loading-spinner{justify-content:center}.loading-spinner .spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--text-primary);height:32px;width:32px}.spinner-content .processing-text{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;text-align:center}.quick-save-actions{align-items:center;display:flex;gap:12px;gap:var(--space-sm)}.save-entry-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:.9em;font-weight:600;padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.save-entry-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.save-entry-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.delete-entry-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;font-size:.9em;font-weight:600;padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.delete-entry-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.word-count-display{color:#fffc;color:var(--text-secondary);font-size:.85em;font-weight:500;margin-top:8px;margin-top:var(--space-xs);text-align:right}@media (max-width:768px){.today-writing-section{margin-top:20px;margin-top:var(--space-lg);padding:16px;padding:var(--space-md)}.quick-write-actions{align-items:stretch;flex-direction:column;gap:12px;gap:var(--space-sm)}.mood-quick-select{flex-wrap:wrap;justify-content:center}.quick-save-actions{justify-content:center;width:100%}.save-entry-btn{flex:1 1;min-width:120px}.mood-option-quick{font-size:14px;height:32px;width:32px}}.expanded-journal-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:20px;max-height:90vh;max-width:800px;overflow-y:auto;padding:24px;padding:var(--space-xl)}.expanded-writing-area{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.writing-tools-expanded{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;justify-content:space-between;padding:16px;padding:var(--space-md)}.expanded-writing-textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;color:var(--text-primary);font-size:1rem;line-height:1.6;padding:20px;padding:var(--space-lg);resize:vertical;width:100%}.expanded-writing-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #8b451333;outline:none}.form-actions-expanded{display:flex;gap:16px;gap:var(--space-md);justify-content:flex-end}.save-and-close-btn,.save-btn-primary{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:500;padding:16px 24px;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.save-btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.save-and-close-btn{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));color:#fff}.save-and-close-btn:hover,.save-btn-primary:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}@media (max-width:768px){.journal-tabs{gap:2px;padding:8px;padding:var(--space-xs)}.journal-tabs .tab{min-height:60px;padding:12px;padding:var(--space-sm)}.journal-tabs .tab-icon{font-size:1.2rem}.journal-tabs .tab-label{font-size:.8rem}.quick-write-card{padding:20px;padding:var(--space-lg)}.timeline-entry{flex-direction:column;gap:16px;gap:var(--space-md)}.entry-date{min-width:auto;text-align:left}.mood-filter-btn,.mood-quick-btn{height:44px;width:44px}.expanded-journal-form{max-width:95vw;padding:20px;padding:var(--space-lg)}}.journal-entries-section{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.journal-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-wrap:wrap;gap:20px;gap:var(--space-lg);margin-bottom:24px;margin-bottom:var(--space-xl);padding:20px;padding:var(--space-lg)}.filter-group input,.filter-group select{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;color:var(--text-primary);padding:12px 16px;padding:var(--space-sm) var(--space-md)}.profile-avatar-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 16px #0000001a;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;gap:var(--space-sm);padding:12px;padding:var(--space-sm);transition:all .3s ease}.profile-avatar-button:hover{background:#ffffff1a;background:var(--glass-light);border-color:#ffffff4d;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.avatar-initial{text-shadow:0 1px 2px #0000004d}.avatar-info{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.avatar-name{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-status{color:#10b981;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:none}.profile-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:100vh;width:100vw;z-index:999}.profile-slide-panel{animation:slideInFromLeft .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#000c;background:var(--glass-dark);border-right:1px solid #fff3;box-shadow:4px 0 32px #0000004d;display:flex;flex-direction:column;left:0;width:320px;z-index:1000}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.profile-panel-header{border-bottom:1px solid #ffffff1a;padding:32px;padding:var(--space-2xl);position:relative}.profile-panel-avatar{align-items:center;display:flex;gap:20px;gap:var(--space-lg)}.panel-avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 16px #0000004d;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.panel-avatar-initial{text-shadow:0 2px 4px #0006}.panel-user-info{flex:1 1}.panel-username{color:#fff;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2;margin:0 0 8px;margin:0 0 var(--space-xs) 0}.panel-member-since{color:#fffc;color:var(--text-secondary);font-size:13px;margin:0;opacity:.8}.panel-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:none;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:20px;right:var(--space-lg);top:20px;top:var(--space-lg);transition:all .3s ease;width:32px}.panel-close-btn:hover{background:#fff3;background:var(--glass-medium);transform:scale(1.1)}.profile-panel-menu{flex:1 1;padding:20px 0;padding:var(--space-lg) 0}.profile-panel-item{align-items:center;background:#0000;border:none;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:20px;gap:var(--space-lg);padding:20px 32px;padding:var(--space-lg) var(--space-2xl);position:relative;text-align:left;transition:all .3s ease;width:100%}.profile-panel-item:hover{background:#ffffff1a;background:var(--glass-light);transform:translateX(8px)}.profile-panel-item:hover .panel-item-arrow{opacity:1;transform:translateX(4px)}.panel-item-icon-container{position:relative}.panel-item-icon,.panel-item-icon-container{align-items:center;display:flex;justify-content:center}.panel-item-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border-radius:12px;box-shadow:0 2px 8px #0000001a;font-size:20px;height:48px;width:48px}.panel-item-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:50%;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;position:absolute;right:-6px;top:-6px}.panel-item-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.panel-item-label{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600}.panel-item-arrow{color:#fffc;color:var(--text-secondary);font-size:18px;opacity:.6;transition:all .3s ease}@media (max-width:768px){.profile-slide-panel{width:280px}.profile-panel-header{padding:20px;padding:var(--space-lg)}.panel-avatar-circle{font-size:20px;height:50px;width:50px}.panel-username{font-size:18px}.profile-panel-item{padding:16px 20px;padding:var(--space-md) var(--space-lg)}.panel-item-icon{font-size:18px;height:40px;width:40px}.panel-item-label{font-size:15px}}.profile-panel-language-section{background:#ffffff05;border-bottom:1px solid #ffffff1a;padding:16px 20px;padding:var(--space-md) var(--space-lg)}.panel-language-header{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:12px;gap:var(--space-sm);margin-bottom:4px}.panel-language-selector{position:relative}.panel-language-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;gap:var(--space-sm);justify-content:space-between;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.panel-language-button:hover{background:#ffffff14;border-color:#fff3}.panel-language-button.open{background:#8b45131a;border-color:var(--accent-color)}.panel-language-button .language-arrow{font-size:10px;transition:transform .2s ease}.panel-language-button.open .language-arrow{transform:rotate(180deg)}.panel-language-options{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 10px 20px #0000004d;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1002}.panel-language-option{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:12px;gap:var(--space-sm);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:background-color .2s ease}.panel-language-option:hover{background:#ffffff14}.panel-language-option.selected{background:#8b451333;color:var(--accent-color)}.panel-language-option .language-flag{font-size:16px}.panel-language-option .language-name{color:#fff;color:var(--text-primary);flex:1 1}.panel-language-option .selected-check{color:var(--accent-color);font-size:12px;font-weight:700}@media (max-width:768px){.profile-panel-language-section{padding:12px 16px;padding:var(--space-sm) var(--space-md)}.panel-language-options{max-height:150px}.panel-language-header{font-size:13px}.panel-language-option{font-size:12px;padding:8px 12px;padding:var(--space-xs) var(--space-sm)}}@media (max-width:480px){.profile-slide-panel{max-width:300px;width:100vw}.avatar-info{display:none}.avatar-circle{font-size:14px;height:36px;width:36px}}@media (max-width:320px){.profile-slide-panel{width:100vw}.profile-panel-header{padding:16px;padding:var(--space-md)}.panel-avatar-circle{font-size:18px;height:45px;width:45px}.panel-username{font-size:16px}.profile-panel-item{padding:12px 16px;padding:var(--space-sm) var(--space-md)}.panel-item-icon{font-size:16px;height:36px;width:36px}.panel-item-label{font-size:14px}}.credits-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff26;border-radius:24px;box-shadow:0 8px 32px #0003;margin-bottom:24px;margin-bottom:var(--space-xl);padding:32px;padding:var(--space-2xl)}.credits-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-2xl);padding-bottom:20px;padding-bottom:var(--space-lg)}.credits-header h3{color:#fff;color:var(--text-primary);font-size:24px;gap:16px;gap:var(--space-md);margin:0}.credits-header h3,.credits-purchase-btn{align-items:center;display:flex;font-weight:600}.credits-purchase-btn{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:16px;box-shadow:0 4px 16px #ffd70066;color:#1a1a1a;cursor:pointer;font-size:15px;gap:12px;gap:var(--space-sm);padding:16px 24px;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.credits-purchase-btn:hover{box-shadow:0 8px 24px #ffd70080;transform:translateY(-2px)}.credits-display{grid-gap:24px;grid-gap:var(--space-xl);display:grid;gap:24px;gap:var(--space-xl)}.credits-main{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:20px;padding:32px;padding:var(--space-2xl);text-align:center}.credits-balance{align-items:center;display:flex;flex-direction:column;gap:12px;gap:var(--space-sm)}.credits-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;line-height:1}.credits-label{color:#fffc;color:var(--text-secondary);font-size:18px;font-weight:500}.credits-warning{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b4d;color:#ff6b6b;display:flex;font-weight:500;gap:12px;gap:var(--space-sm);justify-content:center;margin-top:20px;margin-top:var(--space-lg);padding:16px 20px;padding:var(--space-md) var(--space-lg)}.credits-stats{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:1fr 1fr}.credit-stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px;padding:var(--space-lg);text-align:center;transition:all .3s ease}.credit-stat:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.stat-label{display:block;margin-bottom:4px}.stat-value{font-size:28px}.credit-history-btn{align-items:center;background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;gap:var(--space-sm);justify-content:center;padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease;width:100%}.credit-history-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.credit-history{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-top:24px;margin-top:var(--space-xl);padding:24px;padding:var(--space-xl)}.credit-history h4{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:20px;margin-bottom:var(--space-lg)}.credit-transactions{display:flex;flex-direction:column;gap:16px;gap:var(--space-md);max-height:400px;overflow-y:auto;padding-right:12px;padding-right:var(--space-sm)}.credit-transactions::-webkit-scrollbar{width:6px}.credit-transactions::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.credit-transactions::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.credit-transactions::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.credit-transaction{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.credit-transaction:hover{background:#ffffff14;border-color:#fff3}.transaction-info{display:flex;flex-direction:column;gap:8px;gap:var(--space-xs)}.transaction-type{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:15px;font-weight:500;gap:12px;gap:var(--space-sm)}.transaction-date{color:#fff9;color:var(--text-tertiary);font-size:13px}.transaction-amount{font-size:18px;font-weight:700}.transaction-amount.positive{color:#4caf50}.transaction-amount.negative{color:#ff6b6b}.credit-tiers-section{margin-top:32px;margin-top:var(--space-2xl)}.credit-tiers-header{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.credit-tiers-grid{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px;margin-bottom:var(--space-2xl)}.credit-tier-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;gap:20px;gap:var(--space-lg);padding:24px;padding:var(--space-xl);position:relative;transition:all .3s ease}.credit-tier-card:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.credit-tier-card.popular{background:linear-gradient(135deg,#ffd7000d,#ffed4e0d);border-color:#ffd7004d}.tier-badge{background:linear-gradient(135deg,gold,#ffed4e);border-radius:20px;color:#1a1a1a;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 16px;padding:var(--space-xs) var(--space-md);position:absolute;right:20px;text-transform:none;top:-12px}.tier-header{text-align:center}.tier-name{color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:4px}.tier-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;line-height:1;margin-bottom:4px}.tier-price-label{color:#fff9;color:var(--text-tertiary);font-size:14px;font-weight:500}.tier-credits{border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;padding:20px 0;padding:var(--space-lg) 0;text-align:center}.tier-credits-amount{color:#fff;color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:4px}.tier-credits-label{color:#fffc;color:var(--text-secondary);font-size:14px}.tier-features{flex:1 1}.tier-features-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-md);list-style:none;margin:0;padding:0}.tier-feature{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;gap:var(--space-sm)}.tier-feature-icon{color:#4caf50;flex-shrink:0;font-size:16px}.tier-select-btn{background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:600;padding:16px 20px;padding:var(--space-md) var(--space-lg);text-align:center;transition:all .3s ease;width:100%}.tier-select-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.credit-tier-card.popular .tier-select-btn{background:linear-gradient(135deg,gold,#ffed4e);border:none;color:#1a1a1a}.credit-tier-card.popular .tier-select-btn:hover{box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.tier-savings{background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:12px;color:#fff;font-size:12px;font-weight:600;left:20px;padding:8px 12px;padding:var(--space-xs) var(--space-sm);position:absolute;top:20px}@media (max-width:768px){.credit-tiers-grid{grid-template-columns:1fr}.tier-price{font-size:28px}.tier-credits-amount{font-size:24px}}.elevenlabs-credits-display{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff26;border-radius:24px;box-shadow:0 8px 32px #0003;margin-bottom:24px;margin-bottom:var(--space-xl);padding:32px;padding:var(--space-2xl)}.elevenlabs-credits-display h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:16px;gap:var(--space-md);margin-bottom:24px;margin-bottom:var(--space-xl)}.elevenlabs-info{align-items:center;background:linear-gradient(135deg,#00d2ff1a,#3a7bd51a);border:1px solid #00d2ff33;border-radius:16px;display:flex;gap:20px;gap:var(--space-lg);padding:24px;padding:var(--space-xl)}.elevenlabs-icon{font-size:48px;line-height:1}.elevenlabs-text{flex:1 1}.elevenlabs-remaining{color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:4px}.elevenlabs-tier{color:#fffc;color:var(--text-secondary);font-size:16px;font-weight:500}.elevenlabs-reset-date{border-top:1px solid #ffffff1a;color:#fff9;color:var(--text-tertiary);font-size:13px;margin-top:20px;margin-top:var(--space-lg);padding-top:12px;padding-top:var(--space-sm);text-align:center}.credits-loading{align-items:center;display:flex;justify-content:center;min-height:300px}.spinner-large{animation:spin 1s ease-in-out infinite;border:3px solid #fff3;border-radius:50%;border-top:3px solid var(--text-primary);height:48px;width:48px}@media (max-width:768px){.credits-section,.elevenlabs-credits-display{border-radius:20px;padding:20px;padding:var(--space-lg)}.credits-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-md)}.credits-purchase-btn{justify-content:center;width:100%}.credits-stats{grid-template-columns:1fr}.credits-amount{font-size:36px}.elevenlabs-info{flex-direction:column;text-align:center}}.profile-info-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff26;border-radius:24px;box-shadow:0 8px 32px #0003;margin-bottom:24px;margin-bottom:var(--space-xl);padding:32px;padding:var(--space-2xl)}.profile-section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-2xl);padding-bottom:20px;padding-bottom:var(--space-lg)}.profile-section-header h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:24px;font-weight:600;gap:16px;gap:var(--space-md);margin:0}.edit-profile-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:12px;gap:var(--space-sm);padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.edit-profile-btn:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.edit-actions{display:flex;gap:16px;gap:var(--space-md)}.save-btn{align-items:center;background:linear-gradient(135deg,#00d2ff,#3a7bd5);border:none;border-radius:16px;box-shadow:0 4px 16px #00d2ff4d;cursor:pointer;display:flex;font-weight:500;gap:12px;gap:var(--space-sm);padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.save-btn:hover:not(:disabled){box-shadow:0 8px 24px #00d2ff66;transform:translateY(-2px)}.save-btn:disabled{transform:none}.cancel-btn{align-items:center;background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:16px;color:var(--text-primary);display:flex;font-weight:500;gap:12px;gap:var(--space-sm);padding:16px 20px;padding:var(--space-md) var(--space-lg)}.cancel-btn:hover:not(:disabled){background:#ffffff1a;background:var(--glass-light);transform:translateY(-1px)}.save-message{border-radius:12px;font-weight:500;margin-bottom:20px;margin-bottom:var(--space-lg);padding:16px 20px;padding:var(--space-md) var(--space-lg);text-align:center}.save-message.success{background:linear-gradient(135deg,#00d2ff1a,#3a7bd51a);border:1px solid #00d2ff4d;color:#00d2ff}.save-message.error{background:linear-gradient(135deg,#ff6b6b1a,#f5576c1a);border:1px solid #ff6b6b4d;color:#ff6b6b}.profile-info-card{grid-gap:24px;grid-gap:var(--space-xl);display:grid;gap:24px;gap:var(--space-xl)}.profile-field{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:20px;gap:var(--space-lg);padding:20px;padding:var(--space-lg);transition:all .3s ease}.profile-field:hover{background:#ffffff14;border-color:#fff3}.field-icon{align-items:center;background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:16px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.field-content{display:flex;flex:1 1;flex-direction:column;gap:12px;gap:var(--space-sm)}.field-label{color:#fffc;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:none}.field-input,.field-value{color:#fff;color:var(--text-primary);font-size:16px;font-weight:500}.field-input{background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:16px;padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease;width:100%}.field-input:focus{background:#ffffff1a;border-color:#667eea80;box-shadow:0 0 0 4px #667eea1a;outline:none}.field-input::placeholder{color:#fff9;color:var(--text-tertiary)}select.field-input{-webkit-appearance:none;appearance:none;background:#141928cc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-position:right var(--space-md) center;background-repeat:no-repeat;background-size:20px;color:#fff;padding-right:44px;padding-right:calc(var(--space-lg) + 24px)}select.field-input:hover{background-color:#1e2332e6;border-color:#ffffff4d}select.field-input:focus{background-color:#1e2332f2;border-color:#667eea99;box-shadow:0 0 0 4px #667eea26}select.field-input option{background:#1a2332;color:#fff;padding:16px;padding:var(--space-md)}select.field-input option:active,select.field-input option:checked,select.field-input option:focus,select.field-input option:hover{background:#2d3561;color:#fff}.location-inputs{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:1fr 1fr}@media (max-width:768px){.location-inputs{grid-template-columns:1fr}}.bio-field{grid-column:1/-1}.bio-input-container{position:relative}.bio-textarea{font-family:inherit;line-height:1.6;min-height:120px;resize:vertical}.character-count{background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:8px;bottom:12px;bottom:var(--space-sm);color:#fff9;color:var(--text-tertiary);padding:8px 12px;padding:var(--space-xs) var(--space-sm);position:absolute;right:16px;right:var(--space-md)}.bio-text{line-height:1.6;max-width:none;white-space:pre-wrap}.spinner-small{animation:spin 1s ease-in-out infinite;display:inline-block;height:16px;width:16px}@media (max-width:768px){.profile-info-section{border-radius:20px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:20px;padding:var(--space-lg)}.profile-section-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-md)}.edit-actions,.profile-field{flex-direction:column}.profile-field{gap:16px;gap:var(--space-md);padding:16px;padding:var(--space-md)}.field-icon{align-self:flex-start}}.filter-group input:focus,.filter-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #8b451333;outline:none}.journal-entry{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:20px;padding:var(--space-lg);position:relative;transition:all .3s ease}.journal-entry:before{animation:gradient-shift 3s ease infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.journal-entry:hover{border-color:#fff3;box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}.entry-meta{margin-bottom:16px;margin-bottom:var(--space-md)}.entry-mood-container{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--space-xs)}.entry-mood-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;cursor:pointer;display:flex;font-size:28px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.entry-mood-display:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.entry-mood-label{animation:mood-label-slide-in .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff1a;border-radius:12px;color:#fff;color:var(--text-primary);font-size:12px;font-weight:600;padding:8px 12px;padding:var(--space-xs) var(--space-sm);text-shadow:0 1px 2px #0000001a;white-space:nowrap}@keyframes mood-label-slide-in{0%{opacity:0;transform:translateY(-10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.entry-content{font-size:15px;margin:16px 0;margin:var(--space-md) 0;max-height:200px;overflow-y:auto}.entry-actions{gap:var(--space-sm)}.entry-action-btn{align-items:center;border:none;border-radius:12px;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-xs);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.edit-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff3;color:var(--text-primary)}.edit-btn:hover{background:#ffffff4d;box-shadow:0 6px 20px #0000001a}.delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);text-shadow:0 1px 2px #0003}.delete-btn:hover{box-shadow:0 6px 20px #ff6b6b66}.generate-audio-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;text-shadow:0 1px 2px #0003}.generate-audio-btn:hover:not(:disabled){box-shadow:0 6px 20px #f093fb66;transform:translateY(-2px)}.generate-audio-btn:disabled{box-shadow:none;opacity:.6}.share-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;text-shadow:0 1px 2px #0003}.share-btn:hover:not(:disabled){box-shadow:0 6px 20px #4facfe66;transform:translateY(-2px)}.empty-journal-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;grid-column:1/-1;padding:24px 20px;padding:var(--space-xl) var(--space-lg);text-align:center}.empty-journal-icon{font-size:64px;margin-bottom:20px;margin-bottom:var(--space-lg)}.empty-journal-state h3{color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 16px;margin:0 0 var(--space-md) 0}.empty-journal-state p{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0}.generate-audio-btn,.play-btn,.share-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:8px 12px;padding:var(--space-xs) var(--space-sm);transition:all .3s ease}.generate-audio-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-card-3)}.generate-audio-btn:hover,.play-btn:hover,.share-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.community-subtabs{display:flex;gap:12px;gap:var(--space-sm);margin-bottom:24px;margin-bottom:var(--space-xl);padding:0 20px;padding:0 var(--space-lg)}.subtab-btn{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.subtab-btn:hover{background:#fff3;background:var(--glass-medium);color:#fff;color:var(--text-primary)}.subtab-btn.active{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border-color:#0000;color:#fff}.content-actions{align-items:center;display:flex;gap:12px;gap:var(--space-sm);margin-top:8px;margin-top:var(--space-xs)}.voice-input-btn{align-items:center;background:linear-gradient(135deg,#00d2ff,#3a7bd5);background:var(--gradient-card-2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:8px 12px;padding:var(--space-xs) var(--space-sm);transition:all .3s ease}.voice-input-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.recording-controls{align-items:center;display:flex;gap:12px;gap:var(--space-sm)}.stop-recording-btn{align-items:center;background:#ef4444cc;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:8px 12px;padding:var(--space-xs) var(--space-sm);transition:all .3s ease}.stop-recording-btn:hover{background:#ef4444;transform:translateY(-1px)}.recording-time{animation:pulse 1s infinite;color:#ef4444;font-weight:600;gap:4px}.recording-time,.transcribing-indicator{align-items:center;display:flex;font-size:12px}.transcribing-indicator{color:#fffc;color:var(--text-secondary);gap:8px;gap:var(--space-xs)}.audio-not-supported{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;font-size:11px;padding:8px 12px;padding:var(--space-xs) var(--space-sm);text-align:center}.transcribing-indicator .spinner{height:16px;width:16px}.form-group label{display:flex;flex-direction:column;gap:8px;gap:var(--space-xs)}.voice-recording-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;margin-top:16px;margin-top:var(--space-md);padding:16px;padding:var(--space-md)}.voice-selector{margin-bottom:16px;margin-bottom:var(--space-md)}.voice-selector label{display:block;font-weight:600;margin-bottom:4px}.voice-selector label,.voice-selector select{color:#fff;color:var(--text-primary);font-size:14px}.voice-selector select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:12px;padding:var(--space-sm);width:100%}.voice-selector select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #8b451333;outline:none}.voice-recorder-trigger{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;gap:var(--space-sm);padding:12px 16px;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all .3s ease}.voice-recorder-trigger:hover{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 4px 12px #8b45134d;transform:translateY(-1px)}.voice-recorder-interface{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:16px;margin-top:var(--space-md);padding:20px;padding:var(--space-lg);text-align:center}.voice-recorder-controls{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.voice-record-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:32px;height:80px;justify-content:center;position:relative;transition:all .3s ease;width:80px}.voice-record-button.idle{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.voice-record-button.recording{animation:recording-pulse 1.5s infinite;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.voice-record-button.processing{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.voice-record-button:hover:not(:disabled){box-shadow:0 4px 20px #0000004d;transform:scale(1.05)}.voice-record-button:disabled{cursor:not-allowed;opacity:.6}@keyframes recording-pulse{0%,to{box-shadow:0 0 0 0 #22c55eb3;transform:scale(1)}50%{box-shadow:0 0 0 10px #22c55e00;transform:scale(1.02)}}.voice-recording-timer{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;gap:var(--space-xs)}.voice-recording-timer.recording{animation:timer-pulse 1s infinite;color:#22c55e}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}.voice-recording-instructions{color:#fffc;color:var(--text-secondary);font-size:14px;line-height:1.4;margin-top:12px;margin-top:var(--space-sm);text-align:center}.voice-preview-section{border-top:1px solid #ffffff1a;margin-top:20px;margin-top:var(--space-lg);padding-top:12px;padding-top:var(--space-sm)}.voice-preview-controls{display:flex;gap:16px;gap:var(--space-md);justify-content:center;margin-bottom:16px;margin-bottom:var(--space-md)}.voice-preview-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;gap:var(--space-xs);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.voice-preview-button:hover{background:#fff3;transform:translateY(-1px)}.voice-preview-button.playing{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.voice-save-section{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.voice-name-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;color:var(--text-primary);font-size:14px;max-width:250px;padding:12px 16px;padding:var(--space-sm) var(--space-md);text-align:center;width:100%}.voice-name-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #8b451333;outline:none}.voice-save-button{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-xs);padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.voice-save-button:hover{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 4px 12px #8b45134d;transform:translateY(-1px)}.voice-save-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.voice-save-cost{color:#fffc;color:var(--text-secondary);font-size:12px;text-align:center}.custom-voices-list{border-top:1px solid #ffffff1a;margin-top:20px;margin-top:var(--space-lg);padding-top:12px;padding-top:var(--space-sm)}.custom-voices-header{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-md);text-align:center}.custom-voice-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:4px;padding:12px 16px;padding:var(--space-sm) var(--space-md)}.custom-voice-name{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.custom-voice-actions{display:flex;gap:8px;gap:var(--space-xs)}.custom-voice-delete{background:#ef4444cc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;padding:var(--space-xs) var(--space-sm);transition:all .3s ease}.custom-voice-delete:hover{background:#ef4444;transform:translateY(-1px)}.no-custom-voices{color:#fffc;color:var(--text-secondary);font-size:14px;font-style:italic;padding:20px;padding:var(--space-lg);text-align:center}.journal-hub-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;padding:var(--space-lg)}.journal-hub-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-bottom:24px;margin-bottom:var(--space-xl);overflow:hidden;padding:24px;padding:var(--space-xl);position:relative}.journal-hub-header:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.header-content{position:relative;z-index:2}.title-section{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.title-section .icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;width:80px}.title-text h1{font-size:32px;font-weight:700;margin:0 0 8px;margin:0 0 var(--space-xs) 0;text-shadow:0 2px 4px #0003}.title-text p{font-size:18px;font-weight:300;margin:0;opacity:.9}.journal-hub-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-wrap:wrap;gap:20px;gap:var(--space-lg);margin-bottom:24px;margin-bottom:var(--space-xl);padding:20px;padding:var(--space-lg)}.filter-group{display:flex;flex-direction:column;gap:8px;gap:var(--space-xs);min-width:200px}.filter-group label{font-weight:600}.filter-group label,.filter-group select{color:#fff;color:var(--text-primary);font-size:14px}.filter-group select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.filter-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #8b451333;outline:none}.shared-entries-header{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.shared-entries-header h2{color:#fff;color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.shared-entries-header p{color:#fffc;color:var(--text-secondary);font-size:16px;margin:0}.shared-entries-list{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.shared-entry-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:20px;padding:var(--space-lg);position:relative;transition:all .3s ease}.shared-entry-card:before{animation:gradient-shift 3s ease infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.shared-entry-card:hover{border-color:#fff3;box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}.entry-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md)}.entry-info{flex:1 1}.entry-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.3;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.entry-meta{color:#fffc;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:16px;gap:var(--space-md)}.entry-meta span{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;font-size:13px;font-weight:500;gap:8px;gap:var(--space-xs);padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.meta-icon{font-size:12px;opacity:.8}.entry-mood{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;font-size:28px;height:50px;justify-content:center;width:50px}.entry-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-xs);margin-bottom:16px;margin-bottom:var(--space-md)}.entry-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-shadow:0 1px 2px #0003}.entry-tag,.more-tags{border-radius:12px;font-size:12px;font-weight:600;padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.more-tags{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;color:#fffc;color:var(--text-secondary)}.entry-controls{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--space-md);padding-top:16px;padding-top:var(--space-md)}.play-controls{display:flex;gap:12px;gap:var(--space-sm)}.play-btn,.read-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-xs);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.play-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;text-shadow:0 1px 2px #0003}.play-btn:hover{box-shadow:0 6px 20px #f093fb66;transform:translateY(-2px)}.play-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.read-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff3;color:#fff;color:var(--text-primary)}.read-btn:hover{background:#ffffff4d;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.like-btn,.social-controls{align-items:center;display:flex}.like-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;background:#ffffff1a;border:none;border-radius:12px;cursor:pointer;gap:8px;gap:var(--space-xs);padding:12px;padding:var(--space-sm);transition:all .3s ease}.like-btn:hover{background:#fff3;transform:scale(1.05)}.like-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.like-icon{font-size:18px;transition:all .3s ease}.like-count{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;padding:24px 20px;padding:var(--space-xl) var(--space-lg)}.empty-icon{font-size:64px;margin-bottom:20px;margin-bottom:var(--space-lg)}.empty-state h3{font-size:24px;font-weight:700;margin:0 0 16px;margin:0 0 var(--space-md) 0}.empty-state p{color:#fffc;color:var(--text-secondary);margin:0}.entry-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.entry-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border-radius:20px;max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;padding:var(--space-xl);position:relative;width:90%}.modal-header{align-items:flex-start;margin-bottom:20px;margin-bottom:var(--space-lg);padding-bottom:16px;padding-bottom:var(--space-md)}.modal-header h3{flex:1 1;font-size:24px;font-weight:700;line-height:1.3}.close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;color:#fff;color:var(--text-primary);font-size:18px;height:40px;margin-left:16px;margin-left:var(--space-md);width:40px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-content .entry-meta{margin-bottom:20px;margin-bottom:var(--space-lg)}.entry-content{color:#fff;color:var(--text-primary);font-size:16px;line-height:1.6;margin:20px 0;margin:var(--space-lg) 0;padding:20px;padding:var(--space-lg);white-space:pre-wrap}.entry-content,.modal-audio-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px}.modal-audio-controls{align-items:center;display:flex;gap:16px;gap:var(--space-md);padding:16px;padding:var(--space-md)}.modal-audio-controls .duration{color:#fffc;color:var(--text-secondary);font-size:14px;font-weight:600}@media (max-width:768px){.journal-hub-container{padding:16px;padding:var(--space-md)}.journal-hub-header{padding:20px;padding:var(--space-lg)}.title-section{flex-direction:column;text-align:center}.title-section .icon{font-size:40px;height:70px;width:70px}.title-text h1{font-size:28px}.journal-hub-filters{flex-direction:column}.shared-entries-list{grid-template-columns:1fr}.play-controls,.social-controls{justify-content:center}.entry-modal{padding:20px;padding:var(--space-lg);width:95%}.modal-header{align-items:flex-start;flex-direction:column}.close-btn{align-self:flex-end;margin:0}.journal-calendar,.journal-container{padding:16px;padding:var(--space-md)}.calendar-grid{max-width:280px}.calendar-day{font-size:12px}.inline-journal-form{padding:16px;padding:var(--space-md)}.quick-mood-bar{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--space-sm)}.mood-label{min-width:auto}.main-writing-textarea{font-size:16px;min-height:250px}.form-actions-inline{flex-direction:column;gap:12px;gap:var(--space-sm)}.save-and-close-btn,.save-btn-primary{justify-content:center;width:100%}.journal-header{gap:20px;gap:var(--space-lg);padding:20px;padding:var(--space-lg)}.journal-header,.journal-title-section{flex-direction:column;text-align:center}.journal-title-icon{font-size:40px;height:70px;width:70px}.journal-header h2{font-size:28px}.journal-header-buttons{justify-content:center;width:100%}.journal-filters{flex-direction:column}.journal-entries-section{grid-template-columns:1fr}.entry-controls{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-md)}.entry-actions{justify-content:center}.journal-form{margin:12px;margin:var(--space-sm);max-width:calc(100vw - 24px);max-width:calc(100vw - var(--space-sm)*2)}}.word-count{font-size:12px;margin-top:8px;margin-top:var(--space-xs);text-align:right}.loading-cities,.word-count{color:#fffc;color:var(--text-secondary)}.loading-cities{align-items:center;background:#ffffff1a;background:var(--glass-light);border:2px solid var(--glass-border);border-radius:12px;display:flex;font-size:14px;gap:10px;justify-content:center;padding:14px 18px}.loading-cities .loading-spinner{align-items:center;display:flex;gap:8px}.loading-cities .spinner{animation:spin 1s linear infinite;border-top:2px solid var(--glass-border);border:2px solid var(--glass-border);border-radius:50%;border-top-color:var(--accent-color);height:16px;width:16px}.character-count{margin-top:8px;margin-top:var(--space-xs);text-align:right}.profile-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg)}.profile-menu-dropdown{position:relative}.profile-menu-trigger{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;gap:var(--space-sm);padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.profile-menu-trigger:hover{background:#fff3;background:var(--glass-medium);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.profile-menu-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;background:var(--glass-dark);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000004d;margin-top:12px;margin-top:var(--space-sm);min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.profile-menu-list .menu-item{align-items:center;background:#0000;border:none;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;gap:16px;gap:var(--space-md);padding:16px 20px;padding:var(--space-md) var(--space-lg);text-align:left;transition:all .3s ease;width:100%}.profile-menu-list .menu-item:hover{background:#ffffff1a;background:var(--glass-light);color:#fff;color:var(--text-primary)}.profile-menu-list .menu-item.active{background:#fff3;background:var(--glass-medium);color:#fff;color:var(--text-primary)}.profile-menu-list .menu-item:not(:last-child){border-bottom:1px solid #ffffff1a}.dropdown-arrow{font-size:12px;margin-left:auto;transition:transform .3s ease}.profile-user-info{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.profile-user-info .profile-avatar{align-items:center;background:#ffffff1a;background:var(--glass-light);border:2px solid #fff3;border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--space-md);width:80px}.profile-user-info h2{color:#fff;color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 8px;margin:0 0 var(--space-xs)}.profile-user-info p{color:#fffc;color:var(--text-secondary);font-size:14px;margin:0}@media (max-width:768px){.profile-header-top{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-md)}.profile-menu-trigger{font-size:14px;padding:12px 16px;padding:var(--space-sm) var(--space-md)}.profile-menu-list{left:50%;max-width:90vw;min-width:300px;position:fixed;top:50%;transform:translate(-50%,-50%)}}.journal-audio-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:16px;padding:20px;padding:var(--space-lg)}.journal-audio-section,.voice-selection-container{margin-bottom:20px;margin-bottom:var(--space-lg)}.voice-selection-container label{color:#fff;color:var(--text-primary);display:block;font-weight:600;margin-bottom:4px}.voice-select{background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:8px;color:#fff;color:var(--text-primary);font-size:1rem;padding:16px;padding:var(--space-md);width:100%}.audio-entries-list{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);margin-top:16px;margin-top:var(--space-md)}.audio-entry-card{background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:12px;padding:16px;padding:var(--space-md);transition:all .3s ease}.audio-entry-card:hover{background:#ffffff1a;background:var(--glass-light);transform:translateY(-2px)}.audio-entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.entry-date-audio{color:#fffc;color:var(--text-secondary);font-size:.9rem}.entry-mood-audio{font-size:1.2rem}.has-audio-indicator{color:var(--accent-color);font-size:1.1rem}.entry-title-audio{color:#fff;color:var(--text-primary);font-size:1.1rem;margin:12px 0;margin:var(--space-sm) 0}.entry-preview-audio{color:#fffc;color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:16px;margin-bottom:var(--space-md)}.audio-entry-actions{align-items:center;display:flex;gap:12px;gap:var(--space-sm)}.generate-audio-btn,.play-audio-btn,.regenerate-audio-btn{align-items:center;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;gap:var(--space-xs);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.generate-audio-btn:hover,.play-audio-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.generate-audio-btn:disabled{background:#fff9;background:var(--text-tertiary);cursor:not-allowed;transform:none}.regenerate-audio-btn{background:#fffc;background:var(--text-secondary);padding:12px;padding:var(--space-sm)}.regenerate-audio-btn:hover{background:#fff;background:var(--text-primary)}.audio-controls{display:flex;gap:8px;gap:var(--space-xs)}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:12px;width:12px}.section-divider{background:linear-gradient(90deg,#0000,#fff3,#0000);border:none;height:1px;margin:24px 0;margin:var(--space-xl) 0}.no-entries-message{color:#fffc;color:var(--text-secondary);font-style:italic;padding:20px;padding:var(--space-lg);text-align:center}.addictions-tab-content{max-width:1200px;padding:20px;padding:var(--space-lg)}.addictions-overview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:16px;padding:20px;padding:var(--space-lg)}.addictions-header,.addictions-overview{margin-bottom:20px;margin-bottom:var(--space-lg)}.addictions-header h2{color:#fff;color:var(--text-primary);font-size:1.8rem}.add-addiction-btn{background:var(--accent-color);border-radius:8px;font-size:1rem;padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.add-addiction-btn:hover{background:var(--accent-hover)}.addiction-stats{grid-gap:16px;grid-gap:var(--space-md);gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:#fff3;background:var(--glass-medium);border:2px solid #0000;border-radius:12px}.stat-card.active{border-color:#ff6b6b}.stat-card.recovering{border-color:#4ecdc4}.stat-card.clean{border-color:#45b7d1}.stat-number{font-size:2.5rem;margin-bottom:4px}.stat-label{font-size:.9rem}.addiction-form-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c}.addiction-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border-radius:16px;padding:24px;padding:var(--space-xl);width:90%}.form-header{margin-bottom:20px;margin-bottom:var(--space-lg)}.close-form-btn{background:none;border:none;border-radius:50%;color:#fffc;color:var(--text-secondary);font-size:1.5rem;padding:8px;padding:var(--space-xs)}.close-form-btn:hover{background:#ffffff1a;color:#fff;color:var(--text-primary)}.addiction-form{gap:16px;gap:var(--space-md)}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:8px;color:#fff;color:var(--text-primary);font-size:1rem;padding:16px;padding:var(--space-md)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #8b451333;outline:none}.form-actions button{border-radius:8px;font-size:1rem;padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.form-actions button[type=button]{background:#fffc;background:var(--text-secondary);color:#fff}.form-actions button[type=button]:hover{background:#fff;background:var(--text-primary)}.form-actions .save-btn{background:var(--accent-color);color:#fff}.form-actions .save-btn:hover{background:var(--accent-hover)}.addictions-list{margin-top:20px;margin-top:var(--space-lg)}.no-addictions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;padding:var(--space-xl)}.no-addictions-icon{font-size:4rem;margin-bottom:16px;margin-bottom:var(--space-md)}.no-addictions h3{margin-bottom:4px}.addictions-grid{grid-gap:20px;grid-gap:var(--space-lg);gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.addiction-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:2px solid #0000;border-radius:16px;padding:20px;padding:var(--space-lg);transition:all .3s ease}.addiction-card:hover{background:#ffffff1a;background:var(--glass-light);transform:translateY(-4px)}.addiction-card.active{border-color:#ff6b6b}.addiction-card.recovering{border-color:#4ecdc4}.addiction-card.relapsed{border-color:#ffa726}.addiction-card.clean{border-color:#45b7d1}.addiction-header{margin-bottom:16px;margin-bottom:var(--space-md)}.addiction-type{gap:12px;gap:var(--space-sm)}.addiction-icon{font-size:1.5rem}.addiction-type h4{font-size:1.2rem}.addiction-status{align-self:flex-start}.status-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.status-badge.active{background:#ff6b6b33;color:#ff6b6b}.status-badge.recovering{background:#4ecdc433;color:#4ecdc4}.status-badge.relapsed{background:#ffa72633;color:#ffa726}.status-badge.clean{background:#45b7d133;color:#45b7d1}.addiction-description{font-size:.9rem;font-style:italic;line-height:1.5}.addiction-dates,.addiction-description{margin-bottom:16px;margin-bottom:var(--space-md)}.addiction-dates{gap:8px;gap:var(--space-xs)}.date-label{font-size:.9rem}.days-clean{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-radius:12px;margin-bottom:16px;margin-bottom:var(--space-md);padding:16px;padding:var(--space-md);text-align:center}.days-number{color:#fff;display:block;font-size:2rem;font-weight:700}.days-label{color:#ffffffe6;font-size:.9rem}.addiction-actions{gap:12px;gap:var(--space-sm)}.addiction-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;gap:8px;gap:var(--space-xs);justify-content:center;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.edit-btn{background:var(--accent-color)}.edit-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.delete-btn{background:#ff6b6b}.delete-btn:hover{background:#ff5252;transform:translateY(-1px)}@media (max-width:768px){.addictions-grid,.form-row{grid-template-columns:1fr}.addiction-form-container{padding:20px;padding:var(--space-lg);width:95%}.addictions-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-md)}.addiction-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.journal-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#ffffff0d;border-radius:12px;display:flex;margin:12px 0 20px;margin:var(--space-sm) 0 var(--space-lg) 0;overflow-x:auto;padding:8px;padding:var(--space-xs);scroll-behavior:smooth;scrollbar-width:none}.journal-tabs::-webkit-scrollbar{display:none}.journal-tabs .tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;gap:var(--space-xs);justify-content:center;min-width:0;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease;white-space:nowrap}.journal-tabs .tab:hover{background:#ffffff1a;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.journal-tabs .tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.journal-tabs .tab-icon{flex-shrink:0;font-size:16px}.journal-tabs .tab-label{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis}.journal-tab-content{margin-top:20px;margin-top:var(--space-lg)}@media (max-width:768px){.journal-tabs{gap:8px;gap:var(--space-xs);margin:8px 0 16px;margin:var(--space-xs) 0 var(--space-md) 0;padding:8px;padding:var(--space-xs)}.journal-tabs .tab{flex-direction:column;font-size:13px;gap:2px;min-width:-webkit-fit-content;min-width:fit-content;padding:12px;padding:var(--space-sm)}.journal-tabs .tab-label{font-size:11px;font-weight:400;line-height:1.2}.journal-tabs .tab-icon{font-size:18px}}@media (max-width:480px){.journal-tabs{justify-content:space-between;padding:8px;padding:var(--space-xs)}.journal-tabs .tab{flex:1 1;max-width:none;min-width:50px;padding:12px;padding:var(--space-sm)}.journal-tabs .tab-label{display:none}.journal-tabs .tab-icon{font-size:20px}}.coach-tab-content{margin:0 auto;max-width:800px;padding:20px;padding:var(--space-lg)}.coach-welcome{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:20px;gap:var(--space-lg);margin-bottom:24px;margin-bottom:var(--space-xl);padding:24px;padding:var(--space-xl)}.coach-avatar{flex-shrink:0}.coach-icon{animation:pulse 2s infinite;display:block;font-size:48px}.coach-intro h2{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 16px;margin:0 0 var(--space-md) 0}.coach-intro p{color:#fffc;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.coach-features{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px;margin-bottom:var(--space-xl)}.coach-feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:16px;padding:20px;padding:var(--space-lg);text-align:center;transition:all .3s ease}.coach-feature:hover{background:#ffffff1a;background:var(--glass-light);box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.feature-icon{display:block;font-size:32px;margin-bottom:16px;margin-bottom:var(--space-md)}.coach-feature h3{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.coach-feature p{color:#fffc;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.coach-cta{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md);justify-content:center;margin-bottom:24px;margin-bottom:var(--space-xl)}.start-coaching-btn,.view-insights-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;gap:var(--space-sm);justify-content:center;min-width:200px;padding:16px 20px;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all .3s ease}.start-coaching-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.start-coaching-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.view-insights-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #fff3;color:#fff;color:var(--text-primary)}.view-insights-btn:hover{background:#ffffff1a;background:var(--glass-light);box-shadow:0 4px 15px #ffffff1a;transform:translateY(-2px)}.btn-icon{font-size:1.2em}.coach-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;padding:20px;padding:var(--space-lg)}.status-item{align-items:center;display:flex;gap:12px;gap:var(--space-sm);padding:12px 0;padding:var(--space-sm) 0}.status-item:not(:last-child){border-bottom:1px solid #ffffff1a;margin-bottom:4px;padding-bottom:16px;padding-bottom:var(--space-md)}.status-icon{flex-shrink:0;font-size:1.2em}.status-text{color:#fffc;color:var(--text-secondary);font-size:.9rem}@media (max-width:768px){.coach-welcome{flex-direction:column;gap:16px;gap:var(--space-md);padding:20px;padding:var(--space-lg);text-align:center}.coach-icon{font-size:40px}.coach-intro h2{font-size:1.3rem}.coach-features{gap:16px;gap:var(--space-md);grid-template-columns:1fr}.coach-cta{align-items:center;flex-direction:column}.start-coaching-btn,.view-insights-btn{max-width:300px;width:100%}.coach-tab-content{padding:16px;padding:var(--space-md)}}.ai-coach-chat-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1000}.ai-coach-chat-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000004d;height:600px;max-height:80vh;max-width:500px;overflow:hidden}.chat-header{justify-content:space-between}.coach-info{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.coach-avatar-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.coach-details h3{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.coach-status{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:.8rem;gap:8px;gap:var(--space-xs)}.status-dot{background:#4caf50;border-radius:50%;height:8px;width:8px}.status-dot.online{animation:pulse-dot 2s infinite;background:#4caf50}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.close-chat-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.close-chat-btn:hover{background:#fff3;transform:scale(1.1)}.chat-messages{padding:16px;padding:var(--space-md);scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.message{margin-bottom:4px}.message.user{justify-content:flex-end}.message.coach{justify-content:flex-start}.message-content{gap:8px;gap:var(--space-xs);max-width:80%}.message-text{word-wrap:break-word;border-radius:18px;font-size:.95rem;padding:16px;padding:var(--space-md)}.message.user .message-text{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:6px;color:#fff}.message.coach .message-text{background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-bottom-left-radius:6px;color:#fff;color:var(--text-primary)}.message-time{color:#fffc;color:var(--text-secondary);padding:0 12px;padding:0 var(--space-sm)}.message.user .message-time{text-align:right}.risk-indicator{border-radius:12px;font-size:.8rem;font-weight:500;margin-top:8px;margin-top:var(--space-xs);padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.risk-indicator.medium{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.risk-indicator.high{background:#f4433633;border:1px solid #f443364d;color:#f44336}.message-suggestions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-xs);margin-top:12px;margin-top:var(--space-sm)}.suggestion-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:8px 12px;padding:var(--space-xs) var(--space-sm);transition:all .3s ease}.suggestion-btn:hover{background:#fff3;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.typing-indicator{gap:4px;padding:16px;padding:var(--space-md)}.typing-indicator span{animation:typing 1.4s infinite;background:#fffc;background:var(--text-secondary)}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.chat-input-container{padding:16px;padding:var(--space-md)}.chat-input-wrapper{align-items:flex-end;display:flex;gap:12px;gap:var(--space-sm);margin-bottom:4px}.chat-input{border-radius:20px;font-size:.95rem;max-height:100px;padding:16px 20px;padding:var(--space-md) var(--space-lg)}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.chat-input::placeholder{color:#fffc;color:var(--text-secondary);opacity:.7}.send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.send-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:scale(1.1)}.send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-xs)}.quick-action-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fffc;color:var(--text-secondary);gap:var(--space-xs);padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.quick-action-btn:hover{background:#fff3;color:#fff;color:var(--text-primary);transform:translateY(-1px)}@media (max-width:768px){.ai-coach-chat-overlay{padding:0}.ai-coach-chat-container{border-radius:0;height:100vh;max-height:100vh;max-width:100%}.chat-header{padding:16px;padding:var(--space-md)}.chat-messages{padding:12px;padding:var(--space-sm)}.message-content{max-width:90%}.quick-actions{flex-direction:column}.quick-action-btn{justify-content:center}}.user-menu{display:inline-block;position:relative}.user-menu-trigger{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;gap:var(--space-sm);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.user-menu-trigger:hover{background:#ffffff1a;transform:translateY(-1px)}.user-menu-trigger.open{background:var(--accent-color);color:#fff}.user-avatar{background:var(--accent-color);font-size:16px;height:32px;width:32px}.user-name{font-size:14px;font-weight:500}.menu-arrow{font-size:12px}.menu-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.user-menu-header{border-bottom:1px solid #ffffff1a;padding:20px;padding:var(--space-lg)}.user-info{gap:16px;gap:var(--space-md)}.user-avatar-large{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.user-details{flex:1 1}.user-display-name{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.user-member-since{color:#fffc;color:var(--text-secondary);font-size:12px}.user-menu-language-section{background:#ffffff05;border-bottom:1px solid #ffffff1a;padding:16px 20px;padding:var(--space-md) var(--space-lg)}.menu-language-header{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:12px;gap:var(--space-sm);margin-bottom:4px}.language-icon{font-size:14px}.menu-language-selector{position:relative}.menu-language-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;gap:var(--space-sm);justify-content:space-between;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.menu-language-button:hover{background:#ffffff14;border-color:#fff3}.menu-language-button.open{background:#8b45131a;border-color:var(--accent-color)}.language-arrow{font-size:10px;transition:transform .2s ease}.menu-language-button.open .language-arrow{transform:rotate(180deg)}.menu-language-options{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 10px 20px #0000004d;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1001}.menu-language-option{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:12px;gap:var(--space-sm);padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:background-color .2s ease}.menu-language-option:hover{background:#ffffff14}.menu-language-option.selected{background:#8b451333;color:var(--accent-color)}.language-flag{font-size:16px}.language-name{color:#fff;color:var(--text-primary);flex:1 1}.selected-check{color:var(--accent-color);font-size:12px;font-weight:700}.user-menu-items{padding:12px 0;padding:var(--space-sm) 0}.user-menu-item{align-items:center;background:#0000;border:none;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:16px;gap:var(--space-md);padding:16px 20px;padding:var(--space-md) var(--space-lg);text-align:left;transition:background-color .2s ease;width:100%}.user-menu-item:hover{background:#ffffff0d}.user-menu-item.logout-item{border-top:1px solid #ffffff1a;color:#ff6b6b;margin-top:12px;margin-top:var(--space-sm)}.user-menu-item.logout-item:hover{background:#ff6b6b1a}.menu-item-icon{font-size:18px;text-align:center;width:24px}.menu-item-content{flex:1 1}.menu-item-label{font-size:14px;font-weight:500;margin-bottom:2px}.menu-item-description{color:#fffc;color:var(--text-secondary);font-size:12px;line-height:1.3}.menu-item-badge{background:var(--accent-color);border-radius:12px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}@media (max-width:768px){.user-menu-dropdown{min-width:260px;right:-10px}.user-name{display:none}.menu-language-options{max-height:150px}.user-menu-item{padding:12px 16px;padding:var(--space-sm) var(--space-md)}.menu-item-label{font-size:13px}.menu-item-description{font-size:11px}}.trigger-alert-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:10000}.trigger-alert-container{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:2px solid #fff3;border:2px solid var(--glass-medium);border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.trigger-alert-container.intervention{border-color:#10b981;max-width:600px}.alert-header{align-items:center;border-radius:18px 18px 0 0;display:flex;gap:16px;gap:var(--space-md);padding:20px;padding:var(--space-lg);position:relative}.alert-icon{animation:pulse 2s infinite;flex-shrink:0;font-size:32px}.alert-title h3{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px;margin:0 0 var(--space-xs) 0}.alert-title p{line-height:1.4;margin:0}.alert-title p,.close-btn{color:#fffc;color:var(--text-secondary);font-size:14px}.close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;right:var(--space-md);top:16px;top:var(--space-md);transition:all .3s ease;width:32px}.close-btn:hover{background:#fff3;color:#fff;color:var(--text-primary);transform:scale(1.05)}.alert-content{padding:0 20px 20px;padding:0 var(--space-lg) var(--space-lg)}.trigger-info{background:#ffffff0d;border-left:4px solid var(--accent-color);border-radius:12px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:16px;padding:var(--space-md)}.trigger-info p{color:#fff;color:var(--text-primary);font-size:14px;margin:0 0 8px;margin:0 0 var(--space-xs) 0}.trigger-context{background:#0003;border-radius:8px;color:#fffc;color:var(--text-secondary);font-style:italic;margin-top:12px;margin-top:var(--space-sm);padding:12px;padding:var(--space-sm)}.alert-message{margin-bottom:20px;margin-bottom:var(--space-lg);text-align:center}.alert-message p{color:#fff;color:var(--text-primary);font-size:16px;font-weight:500;line-height:1.5;margin:0}.alert-actions{display:flex;flex-direction:column;gap:16px;gap:var(--space-md);margin-bottom:20px;margin-bottom:var(--space-lg)}.get-help-btn,.start-chat-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;gap:var(--space-sm);justify-content:center;padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.get-help-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 15px #dc26264d;color:#fff}.get-help-btn:hover:not(:disabled){box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.get-help-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.start-chat-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.start-chat-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.dismiss-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.dismiss-btn:hover{background:#ffffff26;color:#fff;color:var(--text-primary)}.reassurance{background:#0003;border-radius:8px;padding:16px;padding:var(--space-md);text-align:center}.reassurance p{color:#fffc;color:var(--text-secondary);font-size:12px;margin:0}.intervention-header{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596691a);border-radius:18px 18px 0 0;display:flex;gap:16px;gap:var(--space-md);padding:20px;padding:var(--space-lg);position:relative}.intervention-icon{animation:bounce 1s ease-in-out infinite;color:#10b981;font-size:36px}.intervention-header h2{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.intervention-content{padding:0 20px 20px;padding:0 var(--space-lg) var(--space-lg)}.immediate-action{background:linear-gradient(135deg,#10b9811a,#0596690d);border-left:4px solid #10b981;border-radius:12px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:20px;padding:var(--space-lg)}.immediate-action h3{color:#10b981;font-size:16px;font-weight:600;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.action-text{color:#fff;color:var(--text-primary);font-size:18px;margin:0}.coach-message{margin-bottom:20px;margin-bottom:var(--space-lg);text-align:center}.coach-message p{background:#0003;color:#fff;color:var(--text-primary);font-size:16px;font-style:italic;line-height:1.5;margin:0}.coach-message p,.coping-strategy{border-radius:12px;padding:16px;padding:var(--space-md)}.coping-strategy{background:#ffffff0d;margin-bottom:20px;margin-bottom:var(--space-lg)}.coping-strategy h4{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.coping-strategy p{color:#fffc;color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.intervention-actions{display:flex;flex-direction:column;gap:16px;gap:var(--space-md);margin-bottom:20px;margin-bottom:var(--space-lg)}.primary-action-btn,.secondary-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;gap:var(--space-sm);justify-content:center;padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.primary-action-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.primary-action-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.secondary-action-btn{background:#ffffff1a;border:1px solid #fff3;box-shadow:0 2px 8px #0000001a;color:#fff;color:var(--text-primary)}.secondary-action-btn:hover{background:#ffffff26;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.follow-up-questions{background:#0003;border-radius:8px;padding:16px;padding:var(--space-md)}.follow-up-questions p{color:#fffc;color:var(--text-secondary);font-size:13px;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.follow-up-questions ul{color:#fffc;color:var(--text-secondary);margin:0;padding-left:20px;padding-left:var(--space-lg)}.follow-up-questions li{font-size:13px;line-height:1.4;margin-bottom:4px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}@media (max-width:768px){.trigger-alert-overlay{padding:16px;padding:var(--space-md)}.trigger-alert-container{margin:0;max-width:100%}.alert-header,.intervention-header{padding:16px;padding:var(--space-md)}.alert-content,.intervention-content{padding:0 16px 16px;padding:0 var(--space-md) var(--space-md)}.alert-actions,.intervention-actions{gap:12px;gap:var(--space-sm)}.get-help-btn,.primary-action-btn,.secondary-action-btn,.start-chat-btn{font-size:14px;padding:12px 16px;padding:var(--space-sm) var(--space-md)}.alert-icon,.intervention-icon{font-size:24px}.action-text,.alert-title h3,.intervention-header h2{font-size:16px}.coach-message p{font-size:14px}}.coach-tabs{background:#0000001a;border-bottom:1px solid #ffffff1a;border-radius:0;display:flex}.coach-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#fffc;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:16px;padding:var(--space-md);transition:all .3s ease}.coach-tab:hover{background:#ffffff0d;color:#fff;color:var(--text-primary)}.coach-tab.active{background:#ffffff0d;border-bottom-color:var(--accent-color);color:var(--accent-color)}.insights-content{height:calc(100% - 160px);overflow-y:auto;padding:0}.progress-dashboard{color:#fff;color:var(--text-primary);height:100%;max-width:100%;overflow-y:auto;padding:20px;padding:var(--space-lg)}.progress-dashboard.error,.progress-dashboard.loading,.progress-dashboard.no-data{align-items:center;display:flex;height:100%;justify-content:center;text-align:center}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.spinner{animation:spin 1s linear infinite;border:3px solid #fff3;border-radius:50%;border-top:3px solid var(--accent-color);height:40px;width:40px}.error-message,.no-data-message{background:#ffffff1a;background:var(--glass-light);border-radius:12px;padding:24px;padding:var(--space-xl);text-align:center}.retry-btn{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:16px;margin-top:var(--space-md);padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.dashboard-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-xl);padding-bottom:20px;padding-bottom:var(--space-lg)}.timeframe-select{background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border-radius:8px}.overview-grid{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:24px;margin-bottom:var(--space-xl)}.overview-card{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;padding:20px;padding:var(--space-lg);text-align:center;transition:all .3s ease}.overview-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.overview-card .card-icon{font-size:24px;margin-bottom:4px}.overview-card h3{color:var(--accent-color);font-size:28px;font-weight:700;margin:0 0 8px;margin:0 0 var(--space-xs) 0}.overview-card p{color:#fffc;color:var(--text-secondary);font-size:12px;font-weight:500;margin:0}.progress-status-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:linear-gradient(135deg,var(--glass-light) 0,#ffffff0d 100%);border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;margin-bottom:var(--space-xl);padding:24px;padding:var(--space-xl)}.status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg)}.status-header h3{font-size:18px;font-weight:600;margin:0}.progress-indicator{background:#ffffff1a;border-radius:20px;font-size:14px;font-weight:600;padding:8px 16px;padding:var(--space-xs) var(--space-md)}.motivational-message{background:#0003;border-radius:8px;font-style:italic;padding:20px;padding:var(--space-lg);text-align:center}.motivational-message p{color:#fff;color:var(--text-primary);font-size:16px;line-height:1.5;margin:0}.analysis-card{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:24px;padding:var(--space-xl)}.card-header{border-bottom:1px solid #ffffff1a;padding-bottom:16px;padding-bottom:var(--space-md)}.card-header h3{font-size:16px}.trend-indicator{background:#ffffff1a;border-radius:12px;color:#fffc;color:var(--text-secondary);font-size:12px;padding:8px 12px;padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.mood-metrics{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric{align-items:center;display:flex;flex-direction:column;text-align:center}.metric-label{color:#fffc;color:var(--text-secondary);font-size:12px;margin-bottom:4px}.metric-value{color:#fff;color:var(--text-primary);font-size:18px}.metric-value.positive{color:#10b981}.metric-value.negative{color:#ef4444}.trigger-metrics{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.trigger-counts{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.trigger-count{align-items:center;background:#0003;border-radius:8px;display:flex;flex-direction:column;padding:16px;padding:var(--space-md);text-align:center}.trigger-count.high-risk{border-left:4px solid #ef4444}.trigger-count.medium-risk{border-left:4px solid #f59e0b}.trigger-count.low-risk{border-left:4px solid #10b981}.trigger-count .count{font-size:24px;font-weight:700;margin-bottom:4px}.trigger-count .label{color:#fffc;color:var(--text-secondary);font-size:11px;font-weight:500}.common-trigger{align-items:center;background:#0003;border-radius:8px;display:flex;justify-content:space-between;padding:16px;padding:var(--space-md)}.common-trigger .label{color:#fffc;color:var(--text-secondary);font-size:14px}.common-trigger .value{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;text-transform:capitalize}.recovery-metrics{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.clean-days-section h4{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 16px;margin:0 0 var(--space-md) 0}.clean-days-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-sm)}.clean-days-item{align-items:center;background:#0003;border-radius:8px;display:flex;justify-content:space-between;padding:16px;padding:var(--space-md)}.addiction-type{color:#fff;color:var(--text-primary);font-size:14px;text-transform:capitalize}.days-count{color:#10b981;font-size:14px;font-weight:600}.insights-card{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:24px;padding:var(--space-xl)}.insight-item{background:#0003;border-radius:8px;gap:16px;gap:var(--space-md)}.insight-bullet{color:var(--accent-color);font-size:16px}.insight-text{color:#fff;color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.5}.strengths-improvements-grid{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:1fr 1fr;margin-bottom:24px;margin-bottom:var(--space-xl)}.improvements-card,.strengths-card{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;padding:24px;padding:var(--space-xl)}.items-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.improvement-item,.strength-item{align-items:flex-start;background:#0003;border-radius:8px;display:flex;gap:16px;gap:var(--space-md);padding:16px;padding:var(--space-md)}.item-icon{font-size:16px;margin-top:2px}.item-text{color:#fff;color:var(--text-primary);font-size:14px;line-height:1.4}.recommendations-card{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;margin-bottom:var(--space-xl);padding:24px;padding:var(--space-xl)}.recommendations-list{gap:20px;gap:var(--space-lg)}.recommendation-item{background:#0003;border-left:4px solid #0000;gap:16px;gap:var(--space-md);padding:20px;padding:var(--space-lg)}.priority-indicator{border-radius:2px;flex-shrink:0;width:4px}.recommendation-content{flex:1 1}.recommendation-content h4{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.recommendation-content p{color:#fffc;color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0 0 16px;margin:0 0 var(--space-md) 0}.action-button{background:var(--accent-color);border-radius:6px;color:#fff;font-size:13px;font-weight:500;padding:12px 16px;padding:var(--space-sm) var(--space-md)}.action-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.next-steps-card{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;margin-bottom:var(--space-xl);padding:24px;padding:var(--space-xl)}.next-steps-list{flex-direction:column}.next-step-item,.next-steps-list{display:flex;gap:16px;gap:var(--space-md)}.next-step-item{align-items:center;background:#0003;border-radius:8px;padding:16px;padding:var(--space-md)}.step-number{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.step-text{color:#fff;color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.4}.dashboard-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:16px;gap:var(--space-md);padding-top:24px;padding-top:var(--space-xl);text-align:center}.talk-to-alex-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.talk-to-alex-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.last-updated{color:#fffc;color:var(--text-secondary);font-size:12px;margin:0}@media (max-width:768px){.progress-dashboard{padding:16px;padding:var(--space-md)}.dashboard-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-md)}.overview-grid{grid-template-columns:repeat(2,1fr)}.mood-metrics,.strengths-improvements-grid,.trigger-counts{grid-template-columns:1fr}.overview-card h3{font-size:20px}.coach-tab{font-size:12px;padding:12px;padding:var(--space-sm)}}.emergency-modal-overlay{align-items:center;animation:emergencyFadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:20000}.emergency-modal-container{animation:emergencySlideIn .3s ease-out;background:linear-gradient(135deg,#dc2626,#b91c1c);border:3px solid #fca5a5;border-radius:20px;box-shadow:0 25px 50px #dc262680;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.emergency-header{align-items:center;background:#ffffff1a;border-bottom:2px solid #fff3;border-radius:17px 17px 0 0;display:flex;gap:20px;gap:var(--space-lg);padding:24px;padding:var(--space-xl);position:relative}.emergency-icon{animation:emergencyPulse 1s ease-in-out infinite;font-size:48px}.emergency-title h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px;margin:0 0 var(--space-xs) 0}.severity-level{background:#fff3;border-radius:12px;display:inline-block;font-size:14px;font-weight:600;margin:0;padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.emergency-close-btn{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;position:absolute;right:20px;right:var(--space-lg);top:20px;top:var(--space-lg);transition:all .3s ease;width:40px}.emergency-close-btn:hover{background:#fff3;transform:scale(1.1)}.emergency-content{color:#fff;padding:24px;padding:var(--space-xl)}.emergency-loading{align-items:center;display:flex;flex-direction:column;gap:20px;gap:var(--space-lg);padding:24px;padding:var(--space-xl);text-align:center}.emergency-loading p{font-size:18px;font-weight:500;margin:0}.emergency-message{background:#ffffff1a;border-left:4px solid #fff;border-radius:12px;display:flex;gap:20px;gap:var(--space-lg);margin-bottom:24px;margin-bottom:var(--space-xl);padding:20px;padding:var(--space-lg)}.message-icon{flex-shrink:0;font-size:32px}.message-content p{font-size:18px;font-style:italic;font-weight:500;line-height:1.5;margin:0}.immediate-actions{margin-bottom:24px;margin-bottom:var(--space-xl)}.immediate-actions h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px;margin:0 0 var(--space-lg) 0}.actions-list{display:flex;flex-direction:column}.action-item,.actions-list{gap:16px;gap:var(--space-md)}.action-item{align-items:center;background:#ffffff1a;border-left:3px solid #fbbf24;padding:16px;padding:var(--space-md)}.action-number{align-items:center;background:#fbbf24;border-radius:50%;color:#1f2937;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.action-text{font-size:16px;font-weight:500;line-height:1.4}.emergency-contacts{margin-bottom:24px;margin-bottom:var(--space-xl)}.emergency-contacts h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px;margin:0 0 var(--space-lg) 0}.contacts-grid{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:1fr}.contact-card{align-items:center;background:#ffffff26;border:2px solid #fff3;display:flex;justify-content:space-between;padding:var(--space-lg)}.contact-info h4{color:#fff;font-size:18px;font-weight:600}.contact-info h4,.contact-number{margin:0 0 8px;margin:0 0 var(--space-xs) 0}.contact-number{color:#fbbf24;font-family:monospace;font-size:20px;font-weight:700}.contact-description{color:#fffc;font-size:14px;margin:0 0 8px;margin:0 0 var(--space-xs) 0}.availability{background:#10b98133;border-radius:8px;color:#10b981;font-size:12px;font-weight:600;padding:2px 8px}.call-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:600;padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.call-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.additional-resources{margin-bottom:24px;margin-bottom:var(--space-xl)}.toggle-resources-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:16px 20px;padding:var(--space-md) var(--space-lg);text-align:left;transition:all .3s ease;width:100%}.toggle-resources-btn:hover{background:#ffffff26}.resources-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-md);margin-top:16px;margin-top:var(--space-md)}.resource-item{align-items:center;background:#ffffff0d;border-left:3px solid #6b7280;border-radius:8px;display:flex;justify-content:space-between;padding:16px;padding:var(--space-md)}.resource-info h5{color:#fff;font-size:14px;font-weight:600}.resource-info h5,.resource-info p{margin:0 0 8px;margin:0 0 var(--space-xs) 0}.resource-info p{color:#ffffffb3;font-size:12px}.resource-contact{color:#fbbf24;font-size:12px;font-weight:500}.resource-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.resource-btn:hover{background:#fff3}.emergency-error{padding:24px;padding:var(--space-xl);text-align:center}.emergency-error h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px;margin:0 0 var(--space-lg) 0}.emergency-error p{color:#fffc;font-size:16px;margin:0 0 24px;margin:0 0 var(--space-xl) 0}.fallback-contacts{align-items:center;display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.emergency-btn{border:none;border-radius:12px;box-shadow:0 4px 15px #0000004d;cursor:pointer;font-size:18px;font-weight:700;min-width:200px;padding:20px 24px;padding:var(--space-lg) var(--space-xl);transition:all .3s ease}.emergency-btn.critical{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff}.emergency-btn.high{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.emergency-btn.medium{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.emergency-btn:hover{box-shadow:0 8px 25px #0006;transform:translateY(-3px)}.emergency-footer{background:#0003;border-radius:0 0 17px 17px;border-top:1px solid #fff3;padding:24px;padding:var(--space-xl)}.safety-reminder{margin-bottom:20px;margin-bottom:var(--space-lg);text-align:center}.safety-reminder p{color:#fffc;font-size:14px;margin:0}.emergency-actions{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.get-professional-help-btn,.im-safe-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:16px 24px;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.get-professional-help-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.get-professional-help-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.im-safe-btn{background:#ffffff1a;border:2px solid #ffffff4d;color:#fff}.im-safe-btn:hover{background:#fff3;transform:translateY(-1px)}@keyframes emergencyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes emergencySlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes emergencyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.emergency-modal-overlay{padding:16px;padding:var(--space-md)}.emergency-modal-container{margin:0;max-width:100%}.emergency-header{flex-direction:column;text-align:center}.emergency-content,.emergency-header{padding:20px;padding:var(--space-lg)}.contact-card{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-md)}.call-btn{width:100%}.emergency-actions{gap:12px;gap:var(--space-sm)}.emergency-btn,.get-professional-help-btn,.im-safe-btn{font-size:16px;min-width:100%}.emergency-icon{font-size:36px}.emergency-title h2{font-size:20px}}.emergency-contacts-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.emergency-contacts-container{background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.emergency-contacts-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.emergency-contacts-header h2{font-size:1.5rem;font-weight:600;margin:0}.emergency-contacts-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.emergency-contacts-header .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.emergency-contacts-content{padding:30px}.loading-state{padding:40px 20px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.add-contact-section{margin-bottom:30px;text-align:center}.add-contact-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.add-contact-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.primary-contact-note{background:#f8fafc;border-left:4px solid #fbbf24;border-radius:8px;color:#6b7280;font-size:.9rem;margin-top:15px;padding:12px 20px}.contact-form-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:15px;margin-bottom:30px;padding:25px}.contact-form-section h3{color:#374151;font-size:1.2rem;font-weight:600;margin:0 0 20px}.contact-form .form-group{margin-bottom:20px}.contact-form label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.contact-form input[type=tel],.contact-form input[type=text]{background:#ffffff1a;background:var(--glass-light);border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.contact-form input[type=tel]:focus,.contact-form input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.checkbox-label{align-items:center;display:flex!important;margin-bottom:0!important}.checkbox-label input[type=checkbox]{height:18px;margin-right:12px;width:18px}.form-actions{gap:15px;margin-top:25px}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#f3f4f6;color:#6b7280}.cancel-btn:hover{background:#e5e7eb}.save-btn:hover:not(:disabled){box-shadow:0 4px 15px #10b9814d;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-top:15px;padding:12px 16px}.contacts-list-section h3{color:#374151;font-size:1.2rem;font-weight:600;margin:0 0 20px}.no-contacts{color:#6b7280;padding:40px 20px;text-align:center}.no-contacts-icon{font-size:3rem;margin-bottom:20px}.no-contacts h3{color:#374151;margin:0 0 10px}.no-contacts p{font-size:.95rem;margin:0}.contacts-list{space-y:15px}.contact-card{background:#ffffff1a;background:var(--glass-light);border:2px solid #e5e7eb;border-radius:12px;margin-bottom:15px;padding:20px;transition:all .2s ease}.contact-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.contact-card.primary{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fbbf24}.contact-card.primary:hover{border-color:#f59e0b}.contact-info{margin-bottom:15px}.contact-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.contact-header h4{align-items:center;color:#111827;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0}.primary-badge{background:#fbbf24;border-radius:6px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px}.contact-relationship{color:#6b7280;font-size:.9rem;font-weight:500}.contact-phone{color:#374151;font-size:.95rem;margin-top:5px}.contact-actions{display:flex;gap:10px;justify-content:flex-end}.delete-btn,.edit-btn{border-radius:6px;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.edit-btn{background:#e0e7ff;color:#3730a3}.edit-btn:hover{background:#c7d2fe}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover{background:#fecaca}@media (max-width:768px){.emergency-contacts-overlay{padding:10px}.emergency-contacts-container{border-radius:15px;max-height:95vh}.emergency-contacts-header{padding:20px}.emergency-contacts-header h2{font-size:1.3rem}.contact-form-section,.emergency-contacts-content{padding:20px}.contact-header,.contact-header h4{align-items:flex-start;flex-direction:column;gap:5px}.contact-actions{justify-content:flex-start;margin-top:10px}.form-actions{flex-direction:column;gap:10px}.cancel-btn,.save-btn{width:100%}}.mood-detected-display{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;box-shadow:0 4px 12px #0ea5e91a;margin-bottom:20px;padding:15px}.mood-detected-display .mood-label{color:#0369a1;display:block;font-size:.9rem;font-weight:600;margin-bottom:10px}.detected-mood-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.mood-result{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:8px}.mood-result .mood-name{text-transform:capitalize}.mood-score{color:#64748b;font-size:.95rem;font-weight:500}.mood-confidence{align-items:center;display:flex;font-size:.85rem;gap:5px}.confidence-label{color:#64748b}.confidence-value{color:#059669;font-weight:600}.mood-display-bar{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:10px;margin-bottom:15px;padding:12px 16px}.mood-display-bar .mood-label{color:#475569;display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.detected-mood-expanded{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.mood-result-expanded{align-items:center;color:#1e293b;display:flex;font-size:1.05rem;font-weight:600;gap:10px}.mood-result-expanded .mood-name{text-transform:capitalize}.mood-details-expanded{align-items:center;display:flex;gap:8px}.confidence-badge{background:#dcfce7;color:#16a34a}.confidence-badge,.sentiment-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:4px 8px}.sentiment-badge{text-transform:capitalize}.sentiment-positive{background:#dcfce7;color:#16a34a}.sentiment-negative{background:#fee2e2;color:#dc2626}.sentiment-neutral{background:#f1f5f9;color:#64748b}.feel-today-selector,.form-group:has(.mood-select):not(:has(.mood-display-bar)),.how-feel-buttons,.mood-button-group,.mood-buttons,.mood-choice-buttons,.mood-chooser,.mood-emoji-btn,.mood-emoji-picker,.mood-form-group,.mood-form-section,.mood-grid-selector,.mood-input-group:has(select[id*=mood]),.mood-input-section,.mood-option-quick,.mood-options-buttons,.mood-options-inline,.mood-picker,.mood-quick-select:not(.mood-detected-display),.mood-quick-selector,.mood-selection,.mood-selection-area,.mood-selector-buttons,.quick-mood-bar:not(.mood-display-bar),.select-mood,button[class*=mood-]:not([class*=mood-display]):not([class*=mood-detected]),div[class*=mood-select]:not([class*=mood-display]),div[id*=mood-select],input[name=mood],select[name=mood]:not(.mood-filter){display:none!important}.entry-form .mood-picker:not(.mood-display-bar),.expanded-writing-area .quick-mood-bar:not(.mood-display-bar),.journal-form .mood-selection:not(.mood-detected-display),.quick-write-form .mood-quick-select:not(.mood-detected-display){display:none!important}.feel-today,.form-field:has(label[for*=mood]):not(.mood-display-container),.how-feel,.mood-question,.mood-selector-text,:contains("Hoe voel je je"),:contains("How are you feeling"),:contains("How do you feel"),button:has-text("😊"),button:has-text("😡"),button:has-text("😢"),label:contains("Hoe voel je je"),label:contains("How do you feel"){display:none!important}.ai-mood-analysis-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;margin-bottom:16px;padding:12px;width:100%}.mood-analysis-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.mood-analysis-header .mood-label{color:#ffffffe6;font-size:14px;font-weight:600}.overall-sentiment{border-radius:6px;font-size:13px;font-weight:500;padding:4px 8px;text-transform:capitalize}.sentiment-positive{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.sentiment-negative{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.sentiment-mixed{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.sentiment-neutral{background:#9ca3af33;border:1px solid #9ca3af4d;color:#9ca3af}.detected-moods-container{width:100%}.detected-moods-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.detected-mood-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;font-size:13px;gap:6px;padding:6px 10px;transition:all .2s ease}.detected-mood-item:hover{background:#ffffff26;transform:translateY(-1px)}.detected-mood-item.primary-mood{background:#4a90e233;border-color:#4a90e266;box-shadow:0 2px 8px #4a90e226}.detected-mood-item.secondary-mood{background:#ffffff14}.detected-mood-item .mood-icon{font-size:16px;line-height:1}.detected-mood-item .mood-details{display:flex;flex-direction:column;gap:1px}.detected-mood-item .mood-name{color:#ffffffe6;font-size:12px;font-weight:500}.detected-mood-item .mood-strength{color:#ffffffb3;font-size:11px;font-weight:400}.mood-count-more{align-items:center;background:#ffffff0d;border:1px dashed #ffffff4d;border-radius:12px;color:#ffffffb3;display:flex;font-size:12px;font-style:italic;justify-content:center;padding:6px 10px}.mood-analysis-footer{align-items:center;border-top:1px solid #ffffff1a;color:#fff9;display:flex;font-size:11px;justify-content:space-between;padding-top:8px}.confidence-info,.mood-count-info{font-weight:500}.multiple-moods-display{width:100%}.moods-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.mood-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;gap:6px;padding:6px 10px;transition:all .2s ease}.mood-item:hover{background:#ffffff26;transform:translateY(-1px)}.mood-item.primary-mood{background:#4a90e233;border-color:#4a90e266;font-weight:600}.mood-item.secondary-mood{font-size:.9em;opacity:.8}.mood-icon{font-size:1.2em}.mood-details{display:flex;flex-direction:column;gap:1px}.mood-name{font-size:.85em;line-height:1.2}.mood-strength{color:#ffffffb3;font-size:.7em;font-weight:500}.mood-count-indicator{color:#fff9;font-size:.8em;font-style:italic;margin-top:4px;text-align:center}.multiple-moods-display-expanded{width:100%}.moods-grid-expanded{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.mood-item-expanded{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;display:flex;gap:4px;padding:4px 8px;transition:all .2s ease}.mood-item-expanded.primary-mood{background:#4a90e226;border-color:#4a90e24d}.mood-icon-expanded{font-size:1em}.mood-details-expanded-item{display:flex;flex-direction:column;gap:1px}.mood-name-small{color:#fff;font-size:.75em;line-height:1.1}.mood-strength-small{color:#fff9;font-size:.65em;font-weight:500}.mood-count-indicator-small{color:#ffffff80;font-size:.7em;font-style:italic}.mood-count-badge{background:#4a90e233;border-radius:10px;color:#ffffffe6;font-size:.7em;font-weight:500;margin-left:8px;padding:2px 6px}.sentiment-badge.sentiment-mixed{background:linear-gradient(45deg,#ffc10733,#4a90e233);color:#ffffffe6}@media (max-width:768px){.detected-mood-expanded,.detected-mood-info{align-items:flex-start;flex-direction:column;gap:8px}.mood-details-expanded{align-items:flex-start;flex-direction:column;gap:5px}.mood-detected-display{padding:12px}.mood-display-bar{padding:10px 12px}.moods-grid{gap:6px}.mood-item{gap:4px;padding:4px 8px}.mood-name{font-size:.8em}.mood-strength{font-size:.65em}.moods-grid-expanded{gap:4px}.mood-item-expanded{gap:3px;padding:3px 6px}}.journal-entry-form .mood-buttons,.journal-form .mood-selector,.quick-write .mood-picker,.writing-interface .mood-selection,:has(button:contains("💪")),:has(button:contains("😊")),:has(button:contains("😡")),:has(button:contains("😢")),:has(button:contains("😰")),:has(button:contains("😴")),:has(button:contains("🙏")),:has(button:contains("🤔")),[aria-label*="Hoe voel je je"],[aria-label*="How do you feel"],[aria-label*=mood]:not([aria-label*=mood-display]),[data-testid*=mood]:not([data-testid*=mood-display]),button:contains("💪"):not(.mood-display button):not(.mood-detected button),button:contains("😊"):not(.mood-display button):not(.mood-detected button),button:contains("😡"):not(.mood-display button):not(.mood-detected button),button:contains("😢"):not(.mood-display button):not(.mood-detected button),button:contains("😰"):not(.mood-display button):not(.mood-detected button),button:contains("😴"):not(.mood-display button):not(.mood-detected button),button:contains("🙏"):not(.mood-display button):not(.mood-detected button),button:contains("🤔"):not(.mood-display button):not(.mood-detected button){display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;visibility:hidden!important}.auth-language-selector{border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000001a;margin:20px auto}.language-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.language-text{font-size:15px;white-space:nowrap}.auth-language-select{border:1px solid var(--glass-border);font-weight:500}.auth-language-select:hover{box-shadow:0 4px 16px #6b46c133}.auth-language-select:focus,.auth-language-select:hover{background:var(--glass-high);border-color:var(--accent-color)}.auth-language-select:focus{box-shadow:0 0 0 3px #6b46c133}.form-group .location-selector{width:100%}.form-group .location-selector-input{background:#fff3;background:var(--glass-medium);border:2px solid var(--glass-border);border-radius:12px;color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:16px;transition:all .3s ease}.form-group .location-selector-input:focus{background:var(--glass-high);border-color:var(--accent-color);box-shadow:0 0 0 3px #6b46c133}.form-group .location-selector-dropdown{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000c;background:var(--glass-dark);border:2px solid var(--glass-border);border-radius:0 0 12px 12px;box-shadow:0 8px 32px #0000004d}.form-group .location-selector-item{border-bottom:1px solid var(--glass-border);color:#fff;color:var(--text-primary);font-weight:500}.form-group .location-selector-item:hover{background:#fff3;background:var(--glass-medium)}.form-group .location-selector-item.highlighted{background:var(--accent-color);color:#fff}.word-counter{color:#fffc;color:var(--text-secondary);font-size:14px;margin-top:8px;text-align:right}.word-count{background:#ffffff1a;background:var(--glass-light);border-radius:4px;padding:4px 8px}.word-count.warning{background:#ff6b6b1a;color:#ff6b6b}.min-warning{color:#ff8c00;font-size:12px}.writing-area{position:relative}.quick-date-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;padding:12px 16px;text-align:center}.quick-date-indicator .date-label{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center}.date-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;padding:12px 16px;text-align:center}.date-indicator .writing-for{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center}.expanded-journal-form .form-header .date-indicator{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;background:var(--glass-light)!important;border:1px solid #ffffff1a!important;border-radius:12px!important;display:block!important;margin-bottom:16px!important;padding:12px 16px!important;text-align:center!important;width:100%!important}.expanded-journal-form .form-header .date-indicator .writing-for{color:#fff!important;color:var(--text-primary)!important;display:block!important;font-size:14px!important;font-weight:600!important;text-align:center!important}.delete-btn-expanded{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-height:48px;padding:12px 20px;transition:all .3s ease}.delete-btn-expanded:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.delete-btn-expanded:active:not(:disabled){box-shadow:0 2px 6px #ef44444d;transform:translateY(0)}.delete-btn-expanded:disabled{background:#fff3;background:var(--glass-medium);box-shadow:none;color:#fffc;color:var(--text-secondary);cursor:not-allowed;transform:none}.save-options{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.write-tab-content{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px;padding:20px}.section-title{gap:8px;margin:0 0 16px}.todays-writing-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:20px;padding:24px}.writing-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.writing-card-header-centered{align-items:center;display:flex;justify-content:center;margin-bottom:16px;margin-top:-8px;padding:8px 12px}.today-date-styled{background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea4d;border-radius:16px;box-shadow:0 4px 12px #667eea33;color:#667eea;display:inline-block;font-size:20px;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-align:center;transition:all .3s ease}.today-date-styled:hover{background:linear-gradient(135deg,#667eea33,#764ba233);box-shadow:0 6px 16px #667eea4d;transform:translateY(-2px)}.today-date{color:#fffc;color:var(--text-secondary);font-size:14px;font-weight:500}.quick-write-card{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff0d;border-radius:16px;padding:20px}.existing-entry-preview .entry-mood-badge{align-items:center;background:#fff3;background:var(--glass-medium);border-radius:20px;display:flex;gap:8px;margin-bottom:16px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.mood-label{color:#fff;color:var(--text-primary);font-size:14px}.entry-preview-text{background:#ffffff08;border-left:3px solid #fff;border-left:3px solid var(--text-primary);border-radius:12px;color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:20px;padding:16px}.entry-actions{display:flex;gap:12px}.continue-writing-btn,.read-entry-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.read-entry-btn{background:linear-gradient(135deg,#4facfe,#00f2fe)}.continue-writing-btn:hover,.read-entry-btn:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.new-entry-quick-start .quick-write-textarea{background:#fffffff2;border:2px solid #667eea33;border-radius:12px;color:#2c3e50;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;min-height:100px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.quick-write-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.quick-write-textarea::placeholder{color:#64748b;font-style:italic}.quick-write-actions{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.character-count{color:#fffc;color:var(--text-secondary);font-size:12px}.expand-editor-btn,.quick-save-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s ease}.quick-save-btn{background:linear-gradient(135deg,#48bb78,#38a169)}.expand-editor-btn:hover,.quick-save-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.expand-editor-btn:disabled,.quick-save-btn:disabled{background:#fff3;background:var(--glass-medium);box-shadow:none;color:#fffc;color:var(--text-secondary);cursor:not-allowed;transform:none}.recent-entries-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff0d;border-radius:16px;padding:20px}.recent-entries-scroll{display:flex;gap:16px;overflow-x:auto;padding:8px 0;scrollbar-color:#fff3 #0000;scrollbar-color:var(--glass-medium) #0000;scrollbar-width:thin}.recent-entries-scroll::-webkit-scrollbar{height:6px}.recent-entries-scroll::-webkit-scrollbar-track{background:#0000}.recent-entries-scroll::-webkit-scrollbar-thumb{background:#fff3;background:var(--glass-medium);border-radius:3px}.recent-entry-card{background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;flex-shrink:0;min-width:200px;padding:16px;transition:all .3s ease}.recent-entry-card:hover{border-color:#fff3;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.recent-entry-card .entry-date{color:#fffc;color:var(--text-secondary);font-size:12px;font-weight:500;margin-bottom:8px}.recent-entry-card .entry-mood{font-size:24px;margin-bottom:12px}.recent-entry-card .entry-preview{color:#fff;color:var(--text-primary);font-size:14px;line-height:1.4}.empty-recent{color:#fffc;color:var(--text-secondary);padding:40px 20px;text-align:center}.quick-actions-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff0d;border-radius:16px;padding:20px}.quick-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.quick-action-btn{background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;gap:8px;padding:16px;text-align:center;transition:all .3s ease}.quick-action-btn:hover{background:#ffffff1a;background:var(--glass-light);border-color:#fff3;box-shadow:0 4px 16px #0000001a}.action-icon{font-size:24px}.action-label{color:#fff;color:var(--text-primary);font-size:13px;font-weight:500;margin:0}@media (max-width:768px){.write-tab-content{gap:20px;padding:16px}.todays-writing-section{padding:20px 16px}.writing-card-header{align-items:flex-start;flex-direction:column;gap:8px}.writing-card-header-centered{margin-bottom:16px;padding:8px}.today-date-styled{font-size:18px;padding:8px 16px}.section-title{font-size:18px}.entry-actions{flex-direction:column}.continue-writing-btn,.read-entry-btn{justify-content:center;width:100%}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.recent-entry-card{min-width:160px}}.page-header{margin-bottom:24px;margin-bottom:var(--space-xl);min-height:60px;padding:20px 0;padding:var(--space-lg) 0}.page-header:not(:has(.page-header-center)){margin-bottom:12px;margin-bottom:var(--space-sm);min-height:auto;padding:12px 0;padding:var(--space-sm) 0}.page-header-spacer{flex:2 1}.page-header-left{flex:1 1;gap:16px;gap:var(--space-md);justify-content:flex-start}.page-header-center{align-items:center;display:flex;flex:2 1;justify-content:center}.page-header-right{flex:1 1;justify-content:flex-end;padding-right:20px;padding-right:var(--space-lg);position:relative}.page-title-section{text-align:center}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:28px;font-weight:700;margin:0}.page-subtitle{color:#fffc;color:var(--text-secondary);font-size:16px;font-weight:400;margin:4px 0 0}.hamburger-menu-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;box-shadow:0 4px 16px #0000001a;color:#fff;color:var(--text-primary);padding:12px;padding:var(--space-sm)}.hamburger-menu-button:hover{border-color:#ffffff4d;box-shadow:0 8px 24px #0003}.hamburger-icon{justify-content:space-between;width:20px}.hamburger-menu-button:hover .hamburger-icon span{box-shadow:0 1px 4px #ffffff4d}.filter-status{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:10px}.filter-badge{align-items:center;border-radius:20px;box-shadow:0 4px 12px #667eea4d;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px}.filter-icon{font-size:16px}.filter-hint{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:#666;font-size:13px;margin:0;padding:8px 16px;text-align:center}.btn-dark,.chip-button,.dark-button,.filter-chip,.option-chip{align-items:center;background:#2d3561!important;background:var(--color-night-medium)!important;border:2px solid #4a5c8a!important;border:2px solid var(--color-night-light)!important;border-radius:20px;color:#fff!important;color:var(--text-primary)!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.btn-dark:hover,.chip-button:hover,.dark-button:hover,.filter-chip:hover,.option-chip:hover{background:#4a5c8a!important;background:var(--color-night-light)!important;border-color:#667eea!important;transform:translateY(-1px)}.btn-dark.active,.btn-dark.selected,.chip-button.active,.chip-button.selected,.dark-button.active,.dark-button.selected,.filter-chip.active,.filter-chip.selected,.option-chip.active,.option-chip.selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important}.btn-preset,.preset-button{background:#2d3561!important;background:var(--color-night-medium)!important;border:1px solid #4a5c8a!important;border:1px solid var(--color-night-light)!important;border-radius:8px;color:#fff!important;color:var(--text-primary)!important;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.btn-preset:hover,.preset-button:hover{background:#4a5c8a!important;background:var(--color-night-light)!important;border-color:#667eea!important}.btn-preset.active,.preset-button.active{background:#667eea!important;border-color:#667eea!important;color:#fff!important}.btn-category,.category-button{align-items:center;background:#2d3561!important;background:var(--color-night-medium)!important;border:2px solid #4a5c8a!important;border:2px solid var(--color-night-light)!important;border-radius:12px;color:#fff!important;color:var(--text-primary)!important;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 15px;transition:all .3s ease}.btn-category:hover,.category-button:hover{background:#4a5c8a!important;background:var(--color-night-light)!important;border-color:#667eea!important}.btn-category.active,.btn-category.selected,.category-button.active,.category-button.selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important}.action-button-dark,.btn-action-dark{background:#2d3561!important;background:var(--color-night-medium)!important;border:1px solid #4a5c8a!important;border:1px solid var(--color-night-light)!important;border-radius:10px;color:#fff!important;color:var(--text-primary)!important;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.action-button-dark:hover,.btn-action-dark:hover{background:#4a5c8a!important;background:var(--color-night-light)!important;border-color:#667eea!important;color:#fff!important}.action-button-dark.primary,.btn-action-dark.primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important}.action-button-dark.primary:hover,.btn-action-dark.primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.action-button-dark *,.btn-action-dark *,.btn-category *,.btn-dark *,.btn-preset *,.category-button *,.chip-button *,.dark-button *,.filter-chip *,.option-chip *,.preset-button *{color:inherit!important}.gender-filter-btn-compact,.meditation-type,.nav-button,.preview-button,.tempo-filter-btn,.toggle-btn{background:#2d3561!important;background:var(--color-night-medium)!important;border:1px solid #4a5c8a!important;border:1px solid var(--color-night-light)!important;color:#fff!important;color:var(--text-primary)!important}.gender-filter-btn-compact:hover,.meditation-type:hover,.nav-button:hover,.preview-button:hover,.tempo-filter-btn:hover,.toggle-btn:hover{background:#4a5c8a!important;background:var(--color-night-light)!important;border-color:#667eea!important}.gender-filter-btn-compact.active,.meditation-type.active,.tempo-filter-btn.active,.toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important}.content-area,.description-area,.dialog-content,.form-section,.info-panel,.modal-content,.popup-content,.text-section{border:1px solid #4a5c8a!important;border:1px solid var(--color-night-light)!important}.bright-bg,.content-area,.description-area,.dialog-content,.form-section,.info-panel,.light-bg,.modal-content,.popup-content,.text-section,.white-bg{background:#2d3561!important;background:var(--color-night-medium)!important;color:#fff!important;color:var(--text-primary)!important}div,label,p,span{color:inherit}.voice-active{background:#ffc1071a!important;border-color:#ffc10780!important;cursor:not-allowed!important;opacity:.8;transition:all .3s ease}.voice-active:focus{box-shadow:0 0 0 2px #ffc1074d!important}.voice-active::placeholder{color:#ff6b35!important;font-style:italic;opacity:.9}.error-banner{align-items:center;animation:shake .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:2px solid #ef4444!important;border-radius:12px;box-shadow:0 8px 24px #ef444466;color:#fff!important;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin:16px 0;padding:16px 20px;text-align:center}.min-warning,.warning-text{display:inline-block}.credits-warning,.min-warning,.upload-error,.upload-error-display,.warning-text{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:2px solid #ef4444!important;border-radius:12px;box-shadow:0 6px 20px #ef44444d;color:#fff!important;font-size:14px;font-weight:600;margin:8px 0;padding:12px 16px;text-align:center}.word-count.warning{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:2px solid #ef4444!important;border-radius:8px;box-shadow:0 4px 12px #ef44444d;color:#fff!important;font-size:12px;font-weight:600;padding:4px 8px}.city-autocomplete-error,.city-selector-error,.emergency-error,.error-text,.location-selector-error,.save-message.error,.tts-tier-info.error{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:2px solid #ef4444!important;border-radius:12px;box-shadow:0 6px 20px #ef44444d;color:#fff!important;font-size:14px;font-weight:600;padding:12px 16px;text-align:center}@keyframes warning-fade{0%{opacity:1}80%{opacity:1}to{opacity:0}}.auth-container{display:flex;flex-direction:column;margin:0 auto;max-width:414px;min-height:100vh;padding:20px;padding:var(--space-lg)}.auth-language-header{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.auth-language-header,.auth-language-selector{margin-bottom:24px;margin-bottom:var(--space-xl)}.auth-language-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);padding:20px;padding:var(--space-lg);position:relative;z-index:10}.language-selector-label{color:#fffc;color:var(--text-secondary);font-size:14px;font-weight:500;gap:12px;gap:var(--space-sm);margin-bottom:12px;margin-bottom:var(--space-sm)}.auth-language-select{-webkit-appearance:none;appearance:none;background:#fff3;background:var(--glass-medium);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff26;font-size:16px;padding:12px 40px 12px 16px;position:relative;width:100%;z-index:11}.auth-language-select:focus{background:#ffffff1a;background:var(--glass-light);z-index:20}.auth-form{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;display:flex;flex:1 1;flex-direction:column;gap:20px;gap:var(--space-lg);margin-top:0;padding:24px;padding:var(--space-xl);z-index:1}.auth-form,.auth-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.auth-input{background:#fff3;background:var(--glass-medium);border:1px solid #ffffff26;border-radius:12px;color:#fff;color:var(--text-primary);font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%;z-index:2}.auth-input:focus{background:#ffffff1a;background:var(--glass-light);border-color:#fff6;outline:none;z-index:5}.auth-input::placeholder{color:#fff9;color:var(--text-tertiary)}.auth-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;gap:var(--space-sm);justify-content:center;min-height:56px;padding:20px;padding:var(--space-lg);transition:all .3s ease}.auth-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-group{position:relative;z-index:2}.form-group label{color:#fffc;color:var(--text-secondary);font-weight:500}.auth-header{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.auth-header h2{color:#fff;color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:12px;margin-bottom:var(--space-sm)}.auth-header p{color:#fffc;color:var(--text-secondary);font-size:16px}.auth-language-select option{background:#000c;background:var(--glass-dark);color:var(--text-primary)}.auth-container .auth-language-header{position:relative;z-index:100}.auth-container .auth-form{position:relative;z-index:1}.page-header{position:relative;z-index:50}.brain-emoji{animation:pulse 2s ease-in-out infinite;font-size:3rem;margin-bottom:15px}.simple-progress-bar{background:#fff3;border-radius:4px;height:8px;margin:20px 0 10px;width:200px}.progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px}.progress-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100px;width:100px}.progress-text{color:#fff;color:var(--text-primary);font-size:.9rem;margin-bottom:10px}.auth-language-header{left:0;margin:0 auto;max-width:1200px;padding:20px 24px;padding:var(--space-lg) var(--space-xl);position:absolute;right:0;top:0;z-index:10}.auth-back-to-welcome{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;left:20px;padding:10px 20px;position:absolute;top:20px;transition:all .3s ease;z-index:100}.auth-back-to-welcome:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateX(-4px)}.auth-language-selector{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;display:flex;justify-content:space-between;margin:20px 0;max-width:400px;padding:16px 20px}.language-selector-label{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:10px}.language-icon{font-size:18px}.language-text{color:#fff;color:var(--text-primary);font-weight:600}.auth-language-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:14px;min-width:180px;padding:10px 14px;transition:all .3s ease}.auth-language-select:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 16px #0003;transform:translateY(-1px)}.auth-language-select:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;outline:none}.auth-language-select option{background:#1a2332;color:#fff;padding:8px}@media (max-width:768px){.auth-language-selector{flex-direction:column;gap:12px;text-align:center}.auth-language-select{min-width:0;min-width:auto;width:100%}}.simple-progress-dashboard{background:#0000;color:#fff;color:var(--text-primary);display:flex;flex-direction:column;gap:20px;gap:var(--space-lg);max-width:100%;padding:16px;padding:var(--space-md)}.dashboard-header-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #00000026;padding:24px;padding:var(--space-xl)}.header-content{align-items:flex-start;display:flex;gap:20px;gap:var(--space-lg);justify-content:space-between}.header-title h2{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:24px;font-size:var(--text-2xl);font-weight:600;gap:12px;gap:var(--space-sm);margin:0 0 8px;margin:0 0 var(--space-xs) 0}.timeframe-info{color:#fffc;color:var(--text-secondary);margin:0}.timeframe-info,.timeframe-select{font-size:14px;font-size:var(--text-sm)}.timeframe-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff26;border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;font-weight:500;min-width:120px;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.timeframe-select:hover{background:#000c;background:var(--glass-dark);border-color:#ffffff40;transform:translateY(-1px)}.timeframe-select:focus{border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;outline:none}.timeframe-select option{background:#1a2332;background:var(--color-night-dark);color:#fff}.error-card,.insights-card,.loading-card,.mood-card,.next-steps-card,.no-data-card,.progress-status-card,.recommendations-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000026;padding:24px;padding:var(--space-xl);transition:all .3s ease}.insights-card:hover,.mood-card:hover,.next-steps-card:hover,.progress-status-card:hover,.recommendations-card:hover{background:#ffffff1f;border-color:#ffffff2e;box-shadow:0 8px 24px #00000040;transform:translateY(-2px)}.card-header{gap:12px;gap:var(--space-sm);margin-bottom:20px;margin-bottom:var(--space-lg)}.status-icon{align-items:center;display:flex;font-size:20px;font-size:var(--text-xl);height:32px;justify-content:center;width:32px}.card-header h3{color:#fff;color:var(--text-primary);font-size:18px;font-size:var(--text-lg);font-weight:600;margin:0}.progress-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--radius-lg);font-size:24px;font-size:var(--text-2xl);font-weight:700;padding:20px 24px;padding:var(--space-lg) var(--space-xl);text-transform:capitalize}.insights-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.insight-item{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:12px;gap:var(--space-sm);padding:16px;padding:var(--space-md)}.insight-bullet{color:#fffc;color:var(--text-secondary);font-size:18px;font-size:var(--text-lg);font-weight:700;margin-top:2px;min-width:12px}.insight-item p{color:#fff;color:var(--text-primary);font-size:16px;font-size:var(--text-base);line-height:1.5;margin:0}.insights-menu{margin:0 auto;max-width:600px;padding:24px;padding:var(--space-xl)}.menu-header{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.menu-header h2{color:#fff;color:var(--text-primary);font-size:24px;font-size:var(--text-2xl);font-weight:700;margin-bottom:12px;margin-bottom:var(--space-sm)}.menu-description{color:#fffc;font-size:16px;font-size:var(--text-base);margin:0}.menu-options{flex-direction:column}.menu-option-card,.menu-options{display:flex;gap:20px;gap:var(--space-lg)}.menu-option-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000026;cursor:pointer;padding:24px;padding:var(--space-xl);text-align:left;transition:all .3s ease;width:100%}.menu-option-card:hover{background:#ffffff1f;border-color:#ffffff2e;box-shadow:0 8px 24px #00000040;transform:translateY(-2px)}.card-icon{align-items:center;display:flex;font-size:32px;font-size:var(--text-3xl);justify-content:center;min-width:60px}.card-content h3{color:#fff;color:var(--text-primary);font-size:18px;font-size:var(--text-lg);font-weight:600;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.card-content p{font-size:14px;font-size:var(--text-sm);line-height:1.5;margin:0}.card-arrow,.card-content p{color:#fffc;color:var(--text-secondary)}.card-arrow{align-items:center;display:flex;font-size:20px;font-size:var(--text-xl);justify-content:center;min-width:24px}.new-insight-card{border-color:#3b82f64d}.new-insight-card:hover{background:#3b82f61a;border-color:#3b82f680}.history-card{border-color:#6b72804d}.history-card:hover{background:#6b72801a;border-color:#6b728080}.mood-content{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.mood-stats{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:1fr 1fr}.mood-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;gap:var(--space-xs);padding:16px;padding:var(--space-md)}.mood-label{color:#fffc;color:var(--text-secondary);font-size:12px;font-size:var(--text-xs);font-weight:500;letter-spacing:.5px;text-transform:none}.mood-value{color:#fff;color:var(--text-primary);font-size:16px;font-size:var(--text-base);font-weight:600;text-transform:capitalize}.mood-description{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;border-radius:var(--radius-md);font-size:14px;font-size:var(--text-sm);line-height:1.5;padding:16px;padding:var(--space-md)}.recommendations-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.recommendation-item{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:12px;gap:var(--space-sm);padding:16px;padding:var(--space-md)}.rec-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-size:var(--text-xs);font-weight:700;height:24px;justify-content:center;margin-top:2px;width:24px}.next-steps-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;border-radius:var(--radius-md);padding:20px;padding:var(--space-lg)}.next-steps-content p{color:#fff;color:var(--text-primary);font-size:16px;font-size:var(--text-base);line-height:1.5;margin:0}.error-card,.loading-card,.no-data-card{align-items:center;display:flex;justify-content:center;min-height:200px;text-align:center}.error-content,.loading-content,.no-data-content{align-items:center;display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.loading-spinner{border:3px solid #ffffff1a;border-top:3px solid var(--text-primary);height:40px;width:40px}.empty-icon,.error-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:48px}.error-content h3,.loading-content h3,.no-data-content h3{color:#fff;color:var(--text-primary);font-size:20px;font-size:var(--text-xl);font-weight:600;margin:0}.error-content p,.loading-content p,.no-data-content p{color:#fffc;color:var(--text-secondary);font-size:16px;font-size:var(--text-base);line-height:1.5;margin:0}.retry-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:14px;font-size:var(--text-sm);font-weight:600;gap:8px;gap:var(--space-xs);padding:12px 24px;padding:var(--space-sm) var(--space-xl);transition:all .3s ease}.retry-button:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.retry-button:active{transform:scale(.98)}.button-icon{font-size:var(--text-base)}@media (max-width:768px){.simple-progress-dashboard{gap:16px;gap:var(--space-md);padding:12px;padding:var(--space-sm)}.dashboard-header-card,.insights-card,.mood-card,.next-steps-card,.progress-status-card,.recommendations-card{padding:20px;padding:var(--space-lg)}.header-content{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-md)}.header-title h2{font-size:20px;font-size:var(--text-xl)}.mood-stats{grid-template-columns:1fr}.timeframe-select{width:100%}}.addictions-tab-content{margin:0 auto;max-width:900px;padding:24px 20px;padding:var(--space-xl) var(--space-lg)}.addictions-header{align-items:center;border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-medium);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-2xl);padding:20px 0;padding:var(--space-lg) 0}.addictions-header h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-size:28px;font-weight:700;gap:16px;gap:var(--space-md);margin:0}.addictions-header h2:before{-webkit-text-fill-color:initial;animation:none;background:none;content:"🎯";font-size:32px;opacity:1;transform:none}.add-addiction-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50px;box-shadow:0 4px 20px #10b98140;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;gap:var(--space-sm);overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-addiction-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.add-addiction-btn:hover:before{left:100%}.add-addiction-btn:hover{box-shadow:0 8px 30px #10b98159;transform:translateY(-2px)}.add-addiction-btn:active{box-shadow:0 4px 15px #10b98166;transform:translateY(0)}.addiction-stats{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px;margin-bottom:var(--space-3xl)}.stat-card{border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:20px;overflow:hidden;padding:24px;padding:var(--space-xl);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:var(--status-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.stat-card:hover{border-color:#ffffff4d;box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.stat-card.active{--status-gradient:linear-gradient(135deg,#ef4444,#dc2626);--status-glow:#ef444426}.stat-card.recovering{--status-gradient:linear-gradient(135deg,#f59e0b,#d97706);--status-glow:#f59e0b26}.stat-card.clean{--status-gradient:linear-gradient(135deg,#10b981,#059669);--status-glow:#10b98126}.stat-card:hover{box-shadow:0 20px 40px var(--status-glow)}.stat-number{-webkit-text-fill-color:#0000;background:var(--status-gradient);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;margin-bottom:12px;margin-bottom:var(--space-sm)}.stat-label{letter-spacing:1px}.no-addictions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:2px dashed #fff3;border:2px dashed var(--glass-medium);border-radius:24px;margin:40px 0;margin:var(--space-3xl) 0;padding:64px;padding:var(--space-5xl);text-align:center}.no-addictions-icon{font-size:80px;margin-bottom:20px;margin-bottom:var(--space-lg);opacity:.8}.no-addictions h3{color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:16px;margin-bottom:var(--space-md)}.no-addictions p{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 auto;max-width:400px}.addictions-grid{grid-gap:32px;grid-gap:var(--space-2xl);display:grid;gap:32px;gap:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px;margin-bottom:var(--space-3xl)}.addiction-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:24px;overflow:hidden;padding:32px;padding:var(--space-2xl);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.addiction-card:before{background:var(--card-status-gradient);content:"";height:6px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.addiction-card.active{--card-status-gradient:linear-gradient(135deg,#ef4444,#dc2626);--card-status-shadow:0 8px 32px #ef444426}.addiction-card.recovering{--card-status-gradient:linear-gradient(135deg,#f59e0b,#d97706);--card-status-shadow:0 8px 32px #f59e0b26}.addiction-card.relapsed{--card-status-gradient:linear-gradient(135deg,#8b5cf6,#7c3aed);--card-status-shadow:0 8px 32px #8b5cf626}.addiction-card.clean{--card-status-gradient:linear-gradient(135deg,#10b981,#059669);--card-status-shadow:0 8px 32px #10b98126}.addiction-card:hover{border-color:#ffffff40;box-shadow:var(--card-status-shadow);transform:translateY(-8px)}.addiction-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg)}.addiction-type{align-items:center;display:flex;flex:1 1;gap:16px;gap:var(--space-md)}.addiction-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));font-size:32px}.addiction-type h4{color:#fff;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2;margin:0}.addiction-status{align-items:center;display:flex}.status-badge{border:2px solid;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:6px 14px;position:relative;text-transform:none}.status-badge.active{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.status-badge.recovering{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}.status-badge.relapsed{background:#8b5cf626;border-color:#8b5cf64d;color:#c4b5fd}.status-badge.clean{background:#10b98126;border-color:#10b9814d;color:#6ee7b7}.addiction-description{border-left:3px solid var(--card-status-gradient);color:#fffc;color:var(--text-secondary);font-size:15px;line-height:1.6}.addiction-dates,.addiction-description{background:#000c;background:var(--glass-dark);border-radius:12px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:16px;padding:var(--space-md)}.addiction-dates{display:flex;flex-direction:column;gap:12px;gap:var(--space-sm)}.date-info{align-items:center;display:flex;justify-content:space-between;padding:8px 0;padding:var(--space-xs) 0}.date-label{color:#fffc;color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:none}.date-value{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.days-clean{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid #10b98133;border-radius:16px;display:flex;flex-direction:column;margin-bottom:20px;margin-bottom:var(--space-lg);padding:20px;padding:var(--space-lg);position:relative}.days-clean:before{content:"🎉";font-size:24px;opacity:.8;position:absolute;right:-10px;top:-10px}.days-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;line-height:1;margin-bottom:8px;margin-bottom:var(--space-xs)}.days-label{color:#6ee7b7;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:none}.addiction-actions{display:flex;gap:16px;gap:var(--space-md);justify-content:flex-end}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-xs);overflow:hidden;padding:10px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f633;color:#fff}.edit-btn:hover{box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444433;color:#fff}.delete-btn:hover{box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.delete-btn:active,.edit-btn:active{transform:translateY(0)}.addiction-form-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1419e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.addiction-form-container{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border:1px solid var(--glass-light);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;padding:var(--space-3xl);width:100%}.form-header{align-items:center;border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-medium);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-2xl);padding-bottom:20px;padding-bottom:var(--space-lg)}.form-header h3{font-size:24px;font-weight:700;margin:0}.close-form-btn,.form-header h3{color:#fff;color:var(--text-primary)}.close-form-btn{align-items:center;background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:12px;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-form-btn:hover{background:#fff3;background:var(--glass-medium);transform:scale(1.05)}.addiction-form{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.form-row{grid-gap:20px;gap:20px}.form-group{gap:12px;gap:var(--space-sm)}.form-group label{font-size:15px;margin-bottom:8px;margin-bottom:var(--space-xs)}.form-group input[type=date],.form-group select{background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:12px;color:#fff;color:var(--text-primary);font-size:16px;padding:14px 16px;transition:all .3s ease}.form-group input[type=date]:focus,.form-group select:focus{background:#fff3;background:var(--glass-medium);border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{border-top:1px solid #fff3;border-top:1px solid var(--glass-medium);margin-top:20px;margin-top:var(--space-lg)}.form-actions button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-actions button[type=button]{background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);color:#fffc;color:var(--text-secondary)}.form-actions button[type=button]:hover{background:#fff3;background:var(--glass-medium);color:#fff;color:var(--text-primary)}.save-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b98140;color:#fff}.save-btn:hover{box-shadow:0 8px 30px #10b98159;transform:translateY(-2px)}.save-btn:active{transform:translateY(0)}@media (max-width:768px){.addictions-tab-content{padding:20px 16px;padding:var(--space-lg) var(--space-md)}.addictions-header{align-items:stretch;flex-direction:column;gap:20px;gap:var(--space-lg)}.addictions-header h2{font-size:24px;text-align:center}.addiction-stats{gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-number{font-size:36px}.addictions-grid{gap:20px;gap:var(--space-lg);grid-template-columns:1fr}.addiction-form-container{margin:16px;margin:var(--space-md);padding:24px;padding:var(--space-xl)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}.addiction-card:focus-within{outline:2px solid #667eea80;outline-offset:2px}.add-addiction-btn:focus,.delete-btn:focus,.edit-btn:focus{outline:2px solid #ffffff80;outline-offset:2px}@media (prefers-color-scheme:dark){.addiction-dates,.addiction-description{background:#0003}}.journal-error-message,.nonsense-error-message{align-items:center!important;animation:shake .5s ease-in-out!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:2px solid #ef4444!important;border-radius:12px!important;box-shadow:0 8px 24px #ef444466!important;color:#fff!important;display:flex!important;font-size:16px!important;font-weight:600!important;justify-content:center!important;margin:16px 0!important;padding:16px 24px!important;text-align:center!important}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-message,.form-error{animation:fadeIn .3s ease;background:#dc262626;border:2px solid #dc2626;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;margin:8px 0;padding:12px 16px}.unified-dashboard{background:linear-gradient(135deg,#0f1419,#1a2332 30%,#2d3561 60%,#4a5c8a);background:var(--gradient-background);color:#fff;color:var(--text-primary);min-height:100vh;position:relative}.hero-section{background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:0 0 24px 24px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:24px 20px;padding:var(--space-xl) var(--space-lg);text-align:center}.hero-content{margin:0 auto;max-width:400px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:12px;margin-bottom:var(--space-sm)}.hero-subtitle{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:24px;margin-bottom:var(--space-xl)}.hero-cta{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 8px 24px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:12px;gap:var(--space-sm);min-height:56px;padding:16px 32px;transition:all .3s ease}.hero-cta:hover{box-shadow:0 12px 32px #667eea80;transform:translateY(-2px)}.hero-cta:active{transform:scale(.98)}.cta-icon{font-size:24px}.tab-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;display:flex;margin:0 20px 20px;margin:0 var(--space-lg) var(--space-lg) var(--space-lg);padding:6px}.tab-button{color:#fffc;color:var(--text-secondary);flex:1 1;flex-direction:column;font-size:14px;font-weight:600;gap:4px;min-height:64px;padding:12px 16px}.tab-button.active{background:#fff3;background:var(--glass-medium);box-shadow:0 4px 12px #ffffff1a;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.tab-button:hover:not(.active){background:#ffffff0d;color:#fff;color:var(--text-primary)}.tab-content{min-height:400px;padding:0 20px 24px;padding:0 var(--space-lg) var(--space-xl) var(--space-lg)}.filter-chips{gap:12px;gap:var(--space-sm);margin-bottom:20px;margin-bottom:var(--space-lg);padding:12px 0;padding:var(--space-sm) 0}.filter-chip{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;color:#fffc;color:var(--text-secondary);flex-shrink:0;font-size:14px;font-weight:500;gap:6px;min-height:40px;padding:8px 16px;transition:all .3s ease}.filter-chip.active{border-color:#667eea;color:#fff;transform:scale(1.05)}.filter-chip:hover:not(.active){background:#fff3;background:var(--glass-medium);color:#fff;color:var(--text-primary)}.filter-chip-icon{font-size:16px}.mine-tab{animation:fadeInUp .4s ease-out}.meditations-grid{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:1fr}@media (min-width:768px){.meditations-grid{grid-template-columns:repeat(2,1fr)}}.meditation-card{padding:20px;padding:var(--space-lg)}.meditation-card:hover{border-color:#fff3;box-shadow:0 8px 24px #ffffff1a;transform:translateY(-4px)}.meditation-card-header{justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md)}.meditation-title{color:#fff;color:var(--text-primary);flex:1 1;font-size:18px;font-weight:600;line-height:1.3;margin:0 12px 0 0;margin-right:var(--space-sm)}.meditation-type{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;flex-shrink:0;font-size:12px;padding:4px 12px;text-transform:capitalize}.meditation-card-content{margin-bottom:20px;margin-bottom:var(--space-lg)}.meditation-preview{color:#fffc;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.meditation-card-actions{align-items:center;display:flex;justify-content:space-between}.play-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50%;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.play-button:hover{box-shadow:0 6px 16px #10b98166;transform:scale(1.1)}.play-button.playing{box-shadow:0 4px 12px #ef44444d}.play-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.meditation-card-meta{align-items:flex-end;display:flex;flex-direction:column}.meditation-date{color:#fff9;color:var(--text-tertiary)}.community-tab{animation:fadeInUp .4s ease-out}.community-meditations{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.community-meditation-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;padding:20px;padding:var(--space-lg);transition:all .3s ease}.community-meditation-card:hover{border-color:#fff3;box-shadow:0 8px 24px #ffffff1a;transform:translateY(-2px)}.community-card-meta{gap:4px}.community-author{color:#fffc;color:var(--text-secondary);font-weight:500}.community-type{background:#ffffff1a;border-radius:8px;color:var(--text-primary);font-size:12px;font-weight:500;padding:2px 8px}.community-stats{align-items:flex-end;flex-direction:column;gap:4px}.like-count,.play-count{align-items:center;color:#fff9;color:var(--text-tertiary);display:flex;gap:4px}.community-title{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.community-preview{margin:0 0 20px;margin:0 0 var(--space-lg) 0}.like-button{align-items:center;background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;min-height:40px;padding:8px 16px;transition:all .3s ease}.like-button:hover{background:#ffffff1a;background:var(--glass-light);transform:translateY(-1px)}.create-tab{animation:fadeInUp .4s ease-out;padding-top:24px;padding-top:var(--space-xl)}.create-tab .wizard-container{padding-top:32px;padding-top:var(--space-2xl)}@media (max-width:768px){.create-tab{padding-top:16px;padding-top:var(--space-md)}.create-tab .wizard-container{margin-top:16px;margin-top:var(--space-md);padding:16px;padding:var(--space-md);padding-top:24px;padding-top:var(--space-xl)}.create-tab .step-indicator{display:block;margin-bottom:16px;margin-bottom:var(--space-md);width:100%}.create-tab .step-items{align-items:center;display:flex!important;flex-direction:row!important;gap:6px;justify-content:space-between;width:100%}.create-tab .step-item{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:6px;text-align:center}.create-tab .step-number{font-size:12px;height:28px;width:28px}}@media (max-width:480px){.create-tab .wizard-container{padding:12px;padding:var(--space-sm);padding-top:20px;padding-top:var(--space-lg)}.create-tab .step-number{font-size:11px;height:24px;width:24px}.create-tab .step-title{font-size:9px}}.quick-create-header{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.quick-create-header h2{color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.quick-create-header p{color:#fffc;color:var(--text-secondary);font-size:16px;margin:0}.quick-create-wizard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;padding:24px;padding:var(--space-xl)}.step-indicators{gap:16px;gap:var(--space-md);margin-bottom:24px;margin-bottom:var(--space-xl)}.step-indicator,.step-indicators{display:flex;justify-content:center}.step-indicator{align-items:center;background:#fff3;background:var(--glass-medium);border-radius:50%;color:#fffc;color:var(--text-secondary);font-weight:600;height:40px;transition:all .3s ease;width:40px}.step-indicator.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.1)}.step-content{margin-bottom:24px;margin-bottom:var(--space-xl);min-height:200px}.step-content h3{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 20px;margin:0 0 var(--space-lg) 0;text-align:center}.type-selector{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.type-button{align-items:center;background:#fff3;background:var(--glass-medium);border:2px solid #ffffff1a;border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:12px;gap:var(--space-sm);min-height:100px;padding:20px;padding:var(--space-lg);transition:all .3s ease}.type-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;transform:scale(1.05)}.type-button:hover:not(.selected){background:#ffffff1a;background:var(--glass-light);border-color:#fff3}.type-icon{font-size:24px}.quick-options{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.quick-option{align-items:center;background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:20px;gap:var(--space-lg);min-height:64px;padding:20px;padding:var(--space-lg);transition:all .3s ease}.quick-option:hover{background:#ffffff1a;background:var(--glass-light);border-color:#fff3;transform:translateY(-2px)}.option-icon{font-size:24px;text-align:center;width:40px}.option-text{font-size:16px;font-weight:500}.creation-summary{background:#fff3;background:var(--glass-medium);border-radius:12px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:20px;padding:var(--space-lg)}.creation-summary p{color:#fff;color:var(--text-primary);font-size:14px;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.creation-summary p:last-child{margin-bottom:0}.create-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:56px;padding:16px 32px;transition:all .3s ease;width:100%}.create-button:hover:not(:disabled){box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.create-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.wizard-navigation{display:flex;gap:16px;gap:var(--space-md);justify-content:space-between}.nav-button{background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;min-height:44px;padding:12px 24px;transition:all .3s ease}.nav-button:hover{background:#ffffff1a;background:var(--glass-light);transform:translateY(-1px)}.nav-button.next{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.empty-state{color:#fffc;color:var(--text-secondary);padding:32px;padding:var(--space-2xl);text-align:center}.empty-state-icon{font-size:64px;margin-bottom:20px;margin-bottom:var(--space-lg);opacity:.6}.empty-state h3{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.empty-state p{font-size:16px;line-height:1.5;margin:0 0 20px;margin:0 0 var(--space-lg) 0}.create-first-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;padding:12px 24px;transition:all .3s ease}.create-first-button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:32px;padding:var(--space-2xl);text-align:center}.error-state p{color:#fffc;color:var(--text-secondary);margin-bottom:20px;margin-bottom:var(--space-lg)}.error-state button{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;color:#fff;color:var(--text-primary);padding:12px 24px}.error-state button,.fab{cursor:pointer;transition:all .3s ease}.fab{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:calc(100px + env(safe-area-inset-bottom));box-shadow:0 8px 24px #667eea66;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:20px;width:56px;z-index:100}.fab:hover{box-shadow:0 12px 32px #667eea80;transform:scale(1.1)}.fab:active{transform:scale(.95)}.meditations-list{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.meditation-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:16px;gap:var(--space-md);padding:16px;padding:var(--space-md);position:relative;transition:all .3s ease}.meditation-card:hover{background:#fff3;background:var(--glass-medium);transform:translateY(-2px)}.meditation-thumbnail{border-radius:12px;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:120px}.meditation-thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail-controls{align-items:center;background:linear-gradient(0deg,#000000b3,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:4px 6px;position:absolute;right:0}.thumbnail-play-button{align-items:center;background:#000c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.thumbnail-play-button:hover{background:#000000e6;transform:scale(1.1)}.thumbnail-play-button:disabled{cursor:not-allowed;opacity:.5}.thumbnail-duration{background:#000000b3;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.meditation-details{flex:1 1;flex-direction:column;gap:8px;gap:var(--space-xs)}.meditation-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-xs)}.meditation-type{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600}.meditation-date{color:#fffc;color:var(--text-secondary);font-size:12px}.meditation-info{display:flex;gap:16px;gap:var(--space-md);margin-bottom:8px;margin-bottom:var(--space-xs)}.meditation-duration,.meditation-language{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.meditation-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff9;color:var(--text-tertiary);display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden}.meditation-actions{display:flex;gap:12px;gap:var(--space-sm);margin-top:12px;margin-top:var(--space-sm)}.meditation-action-button{align-items:center;background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .3s ease}.meditation-action-button:hover{background:#ffffff1a;background:var(--glass-light);color:#fff;color:var(--text-primary);transform:translateY(-1px)}.meditation-action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.meditation-action-button.primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.meditation-action-button.danger{border-color:#ef44444d;color:#ef4444}.meditation-action-button.danger:hover{background:#ef44441a;border-color:#ef4444}.meditation-card.community-card .meditation-author{color:#fffc;color:var(--text-secondary);font-size:12px;margin-bottom:8px;margin-bottom:var(--space-xs)}.meditation-card.community-card .meditation-stats{display:flex;gap:16px;gap:var(--space-md);margin-top:8px;margin-top:var(--space-xs)}.meditation-card.community-card .meditation-stat{align-items:center;color:#fff9;color:var(--text-tertiary);display:flex;font-size:11px;gap:2px}@media (max-width:768px){.unified-dashboard{padding:0}.hero-section{margin-bottom:16px;margin-bottom:var(--space-md);padding:16px;padding:var(--space-md)}.hero-title{font-size:24px;line-height:1.3}.hero-subtitle{font-size:14px;margin-bottom:16px;margin-bottom:var(--space-md)}.tab-navigation{margin:0 12px 16px;margin:0 var(--space-sm) var(--space-md) var(--space-sm);padding:4px}.tab-button{font-size:13px;font-weight:600;min-height:56px;padding:12px;padding:var(--space-sm)}.tab-icon{font-size:18px;margin-bottom:2px}.tab-content{padding:0 12px 24px;padding:0 var(--space-sm) var(--space-xl) var(--space-sm)}.filter-chips{gap:8px;gap:var(--space-xs);margin:0 -var(--space-sm) var(--space-md) -var(--space-sm);padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.filter-chip{border-radius:22px;font-size:13px;min-height:44px;padding:12px 16px;padding:var(--space-sm) var(--space-md);white-space:nowrap}.community-meditation-card,.meditation-card{border-radius:16px;flex-direction:column;margin-bottom:16px;margin-bottom:var(--space-md);padding:16px;padding:var(--space-md);text-align:center}.meditations-grid{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.meditation-card.expanded{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:12px;gap:var(--space-sm);margin-bottom:16px;margin-bottom:var(--space-md);padding:16px;padding:var(--space-md)}.meditation-image-container{border-radius:12px;height:180px;margin-bottom:12px;margin-bottom:var(--space-sm);overflow:hidden;position:relative;width:100%}.meditation-image{height:100%;object-fit:cover;width:100%}.meditation-content{text-align:left}.meditation-title{font-size:18px;line-height:1.3;margin-bottom:8px;margin-bottom:var(--space-xs)}.meditation-title,.meditation-type-label{color:#fff;color:var(--text-primary);font-weight:600}.meditation-type-label{background:#fff3;background:var(--glass-medium);border-radius:12px;display:inline-block;font-size:12px;padding:4px 12px}.meditation-meta,.meditation-type-label{margin-bottom:12px;margin-bottom:var(--space-sm)}.meditation-meta{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-sm)}.meditation-date,.meditation-duration,.meditation-language{align-items:center;background:#fff3;background:var(--glass-medium);border-radius:8px;color:#fffc;color:var(--text-secondary);display:flex;font-size:12px;gap:4px;padding:4px 8px}.meditation-text-preview{color:#fff9;color:var(--text-tertiary);font-size:14px;line-height:1.5;margin-bottom:12px;margin-bottom:var(--space-sm)}.audio-player-section{margin:12px 0;margin:var(--space-sm) 0}.audio-player-section audio{border-radius:8px;height:40px;width:100%}.meditation-actions{display:flex;margin-top:12px;margin-top:var(--space-sm)}.action-btn{align-items:center;background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-height:44px;min-width:100px;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.action-btn:hover{background:#ffffff1a;background:var(--glass-light);transform:translateY(-1px)}.action-btn.share-btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.action-btn.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.image-actions{position:absolute;right:12px;right:var(--space-sm);top:12px;top:var(--space-sm)}.image-action-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:40px;transition:all .3s ease;width:40px}.image-action-button:hover{background:#000c;transform:scale(1.1)}.image-options-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;background:var(--glass-dark);border-radius:12px;min-width:200px;position:absolute;right:0;top:50px;z-index:10}.image-options-menu,.image-options-menu button{border:1px solid #ffffff1a;padding:12px;padding:var(--space-sm)}.image-options-menu button{align-items:center;background:#fff3;background:var(--glass-medium);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;gap:var(--space-xs);justify-content:flex-start;margin-bottom:8px;margin-bottom:var(--space-xs);min-height:44px;transition:all .3s ease;width:100%}.image-options-menu button:hover{background:#ffffff1a;background:var(--glass-light);transform:translateY(-1px)}.image-options-menu button:last-child{margin-bottom:0}.delete-image-btn{background:#ef444433!important;border-color:#ef44444d!important;color:#ef4444!important}.delete-image-btn:hover{background:#ef44444d!important}.shared-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;margin-left:var(--space-xs);padding:4px 8px}.upload-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:12px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.upload-spinner{animation:spin 1s linear infinite;font-size:24px;margin-bottom:12px;margin-bottom:var(--space-sm)}.upload-overlay p{color:#fff;font-size:14px;font-weight:500;margin:0}.meditation-thumbnail{border-radius:12px;height:160px;margin-bottom:12px;margin-bottom:var(--space-sm);width:100%}.meditation-details{text-align:left}.meditation-type{font-size:18px;line-height:1.3;margin-bottom:8px;margin-bottom:var(--space-xs)}.meditation-info{flex-wrap:wrap;gap:12px;gap:var(--space-sm);margin-bottom:12px;margin-bottom:var(--space-sm)}.meditation-duration,.meditation-language{background:#fff3;background:var(--glass-medium);border-radius:12px;font-size:13px;padding:4px 8px}.meditation-text{-webkit-line-clamp:3;font-size:14px;line-height:1.5;margin-bottom:12px;margin-bottom:var(--space-sm)}.meditation-actions{flex-wrap:wrap;gap:12px;gap:var(--space-sm);justify-content:flex-start}.meditation-action-button{border-radius:12px;flex:1 1;font-size:13px;font-weight:600;justify-content:center;min-height:44px;min-width:80px;padding:12px 16px;padding:var(--space-sm) var(--space-md)}.quick-create-wizard{border-radius:16px;margin:12px;margin:var(--space-sm);padding:16px;padding:var(--space-md)}.create-tab .wizard-container{margin-top:0;padding:12px;padding:var(--space-sm);padding-top:16px;padding-top:var(--space-md)}.create-tab .step-indicator{display:block;margin-bottom:12px;margin-bottom:var(--space-sm);width:100%}.create-tab .step-items{align-items:center;display:flex!important;flex-direction:row!important;gap:4px;justify-content:space-between;width:100%}.create-tab .step-item{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:auto;padding:2px;text-align:center}.create-tab .step-number{font-size:12px;height:32px;margin-bottom:4px;width:32px}.create-tab .step-title{font-size:10px;line-height:1.2}.empty-state{padding:24px 16px;padding:var(--space-xl) var(--space-md)}.empty-state-icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--space-md)}.empty-state h3{font-size:18px;margin-bottom:12px;margin-bottom:var(--space-sm)}.empty-state p{font-size:14px;line-height:1.5}.fab{bottom:96px;bottom:calc(80px + var(--space-md));height:56px;right:16px;right:var(--space-md);width:56px}}@media (max-width:375px){.hero-title{font-size:22px}.tab-button{font-size:12px;min-height:52px}.tab-icon{font-size:16px}.community-meditation-card,.meditation-card,.meditation-card.expanded{padding:12px;padding:var(--space-sm)}.meditation-image-container{height:160px}.meditation-thumbnail{height:140px}.meditation-action-button{min-width:70px;padding:8px 12px}.action-btn{font-size:12px;min-height:40px;min-width:90px;padding:8px 12px}.meditation-title{font-size:16px}.meditation-type-label{font-size:11px;padding:3px 8px}.image-action-button{font-size:14px;height:36px;width:36px}.create-tab .step-number{font-size:11px;height:28px;width:28px}.create-tab .step-title{font-size:9px}}.bottom-navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;background:var(--glass-dark);border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -2px 20px #0003;justify-content:space-around;left:50%;max-width:414px;min-height:70px;padding:12px 16px;padding:var(--space-sm) var(--space-md);padding-bottom:calc(12px + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom));position:fixed;transform:translateX(-50%);width:100%;z-index:999}.bottom-navigation,.nav-tab{align-items:center;display:flex}.nav-tab{background:none;border:none;border-radius:12px;color:#fff9;color:var(--text-tertiary);cursor:pointer;flex-direction:column;font-size:12px;font-weight:500;gap:4px;justify-content:center;min-height:56px;min-width:60px;padding:12px;padding:var(--space-sm);transition:all .3s ease}.nav-tab.active{background:#fff3;background:var(--glass-medium);color:#fff;color:var(--text-primary);transform:translateY(-2px)}.nav-tab:hover:not(.active){background:#ffffff1a;background:var(--glass-light);color:#fffc;color:var(--text-secondary)}.nav-tab-icon{font-size:22px;margin-bottom:2px;transition:transform .3s ease}.nav-tab.active .nav-tab-icon{transform:scale(1.1)}.nav-tab-label{font-size:11px;font-weight:600;letter-spacing:.3px;line-height:1}.nav-tab-badge{align-items:center;background:#ef4444;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:2px 6px;position:absolute;right:8px;top:4px}@media (max-width:768px){.bottom-navigation{min-height:64px;padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.nav-tab{min-height:52px;min-width:55px;padding:6px 8px}.nav-tab-icon{font-size:20px}.nav-tab-label{font-size:10px}}@media (max-width:375px){.bottom-navigation{min-height:60px;padding:8px;padding:var(--space-xs)}.nav-tab{min-height:48px;min-width:50px;padding:4px 6px}.nav-tab-icon{font-size:18px}.nav-tab-label{font-size:9px}}@media (hover:none){.community-meditation-card:hover,.filter-chip:hover,.meditation-card:hover,.play-button:hover,.tab-button:hover{transform:none}.community-meditation-card:active,.meditation-card:active{transform:scale(.98)}}.background-slider,.meditation-type-slider,.voice-slider{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:none!important}.background-card,.meditation-type-card,.voice-card{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important}.step-item,.step-item.clickable:hover,.step-items{background:none!important}.audio-generation-progress{animation:slideDown .5s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;background:var(--glass-medium);border-bottom:1px solid #ffffff1a;left:0;padding:20px;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.progress-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:500px;padding:12px 0;padding:var(--space-sm) 0;text-align:center}.progress-spinner{animation:spin 1s linear infinite;border:3px solid #fff3;border-top:3px solid #fff;border:3px solid var(--glass-medium);border-radius:50%;border-top-color:var(--text-primary);height:32px;width:32px}@media (max-width:768px){.audio-generation-progress{padding:16px;padding:var(--space-md)}.progress-spinner{border-width:2px;height:28px;width:28px}}.step-item.step-pending .step-number{background:#ffffff26!important}.meditation-card.expert{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 2px 12px #0000000f;margin-bottom:12px;margin-bottom:var(--space-sm);padding:16px;padding:var(--space-md);transition:all .2s ease}.meditation-card.expert:hover{background:#fff3;background:var(--glass-medium);border-color:#ffffff26;box-shadow:0 4px 20px #0000001a;transform:translateY(-1px)}.meditation-content.expert{display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--space-xs);min-width:0}.meditation-main-info{align-items:baseline;display:flex;gap:16px;gap:var(--space-md);justify-content:space-between}.meditation-title.expert{color:#fff;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;line-height:1.3;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meditation-duration.expert{background:#4a5c8a;background:var(--color-night-light);border-radius:8px;color:#fff;color:var(--text-primary);flex-shrink:0;font-size:14px;font-weight:500;padding:2px 8px}.meditation-metadata{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;gap:var(--space-xs);line-height:1.4}.meditation-metadata,.meta-item{color:#fffc;color:var(--text-secondary)}.meta-item.shared{color:#10b981;font-weight:500}.meta-separator{color:#fff9;color:var(--text-tertiary);font-weight:300}@media (max-width:768px){.meditation-card.expert{margin-bottom:8px;padding:12px;padding:var(--space-sm)}.meditation-main-info{gap:12px;gap:var(--space-sm)}.meditation-title.expert{font-size:15px}.meditation-duration.expert{font-size:12px;padding:1px 6px}.meditation-metadata{font-size:12px}}.meditation-card-header{align-items:flex-start;display:flex;gap:20px;gap:var(--space-lg);margin-bottom:20px;margin-bottom:var(--space-lg)}.meditation-image-container.modern{flex-shrink:0;position:relative}.meditation-image.modern{border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #0003;height:80px;object-fit:cover;width:100px}.duration-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;position:absolute;right:4px;top:4px}.image-actions.modern{bottom:-6px;opacity:0;position:absolute;right:-6px;transition:opacity .3s ease}.meditation-card.modern:hover .image-actions.modern{opacity:1}.image-action-button.modern{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;font-size:14px;height:28px;width:28px}.image-action-button.modern,.upload-overlay.modern{align-items:center;display:flex;justify-content:center}.upload-overlay.modern{background:#000000b3;border-radius:12px;bottom:0;left:0;position:absolute;right:0;top:0}.meditation-content.modern{flex:1 1;min-width:0}.meditation-header-info{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md);margin-bottom:16px;margin-bottom:var(--space-md)}.meditation-title.modern{color:#fff;color:var(--text-primary);flex:1 1;font-size:18px;font-weight:700;line-height:1.3;margin:0;min-width:0}.meditation-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4a5c8a,#2d3561);background:linear-gradient(135deg,var(--color-night-light),var(--color-night-medium));border:1px solid #fff3;border-radius:20px;box-shadow:0 2px 8px #4a5c8a4d;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:none}.meditation-details{align-items:center;display:flex;flex-wrap:wrap;gap:20px;gap:var(--space-lg)}.detail-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:8px;gap:var(--space-xs);padding:6px 10px}.detail-item.shared{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b9814d;color:#fff}.detail-text{color:#fff;color:var(--text-primary);font-size:13px}.detail-item.shared .detail-text{color:#fff}@media (max-width:768px){.meditation-card.modern{padding:16px;padding:var(--space-md)}.meditation-card-header{gap:16px;gap:var(--space-md);margin-bottom:16px;margin-bottom:var(--space-md)}.meditation-image.modern{height:64px;width:80px}.meditation-title.modern{font-size:16px}.meditation-details,.meditation-header-info{gap:12px;gap:var(--space-sm)}.detail-item{padding:4px 8px}.detail-text{font-size:12px}.meditation-type-badge{font-size:11px;padding:3px 8px}}.step-item.step-current .step-number{background:#6366f1cc!important;border:1px solid #6366f199!important;box-shadow:none!important}.step-item.step-completed .step-number{background:#10b981cc!important;border:1px solid #10b98199!important;box-shadow:none!important}body{background:linear-gradient(135deg,#0f1419,#1a2332 30%,#2d3561 60%,#4a5c8a)!important;background:var(--gradient-background)!important;background-attachment:fixed!important}.filter-slider{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:8px;gap:var(--space-xs);margin-bottom:20px;margin-bottom:var(--space-lg);overflow-x:auto;padding:12px 0;padding:var(--space-sm) 0;scrollbar-width:none}.filter-slider::-webkit-scrollbar{display:none}.filter-slide-card{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--card-color);border:1px solid #ffffff40;border-radius:10px;box-shadow:0 1px 3px #00000014;color:#374151e6;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;justify-content:center;min-height:32px;overflow:hidden;padding:6px 10px;position:relative;text-shadow:none;transition:all .15s ease;white-space:nowrap}.filter-slide-card:before{background:var(--card-color);bottom:0;content:"";left:0;opacity:.9;position:absolute;right:0;top:0;transition:opacity .2s ease}.filter-slide-card:hover:before{opacity:1}.filter-slide-card:hover{border-color:#fff6;box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.filter-slide-card.active{border-color:#ffffff80;box-shadow:0 2px 12px #00000026;font-weight:600;transform:scale(1.05)}.filter-slide-content{align-items:center;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.filter-slide-label{font-size:13px;font-weight:600;line-height:1.2;text-transform:capitalize}.filter-slide-count{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff9;border:1px solid #fff6;border-radius:10px;box-shadow:inset 0 1px 2px #fff3;color:#374151cc;font-size:10px;font-weight:500;opacity:.75;padding:3px 7px}@media (max-width:768px){.filter-slider{gap:8px;gap:var(--space-xs);margin:0 -var(--space-sm) var(--space-md) -var(--space-sm);padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.filter-slide-card{border-radius:8px;font-size:11px;min-height:36px;padding:6px 10px}.filter-slide-label{font-size:12px}.filter-slide-count{font-size:10px}}@media (hover:none){.filter-slide-card:hover{transform:none}.filter-slide-card:hover:before{opacity:.9}.filter-slide-card:active{transform:scale(.98);transition:transform .1s ease}}.camera-interface{align-items:center;background:#000000e6;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.camera-video{border-radius:16px;box-shadow:0 8px 32px #00000080;height:auto;margin-bottom:20px;margin-bottom:var(--space-lg);max-width:400px;object-fit:cover;width:100%}.camera-controls{gap:20px;gap:var(--space-lg)}.camera-controls,.capture-btn{align-items:center;display:flex;justify-content:center}.capture-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50%;box-shadow:0 4px 16px #10b9814d;color:#fff;cursor:pointer;font-size:20px;height:60px;min-height:44px;min-width:44px;transition:all .3s ease;width:60px}.capture-btn:hover{box-shadow:0 6px 20px #10b98166;transform:scale(1.1)}.capture-btn:active{transform:scale(.95)}.cancel-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 16px #ef44444d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;padding:12px 20px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.cancel-btn:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.cancel-btn:active{transform:scale(.98)}@media (max-width:768px){.camera-interface{padding:16px;padding:var(--space-md)}.camera-video{border-radius:12px;max-width:100%}.camera-controls{gap:16px;gap:var(--space-md);margin-top:20px;margin-top:var(--space-lg)}.capture-btn{font-size:18px;height:56px;width:56px}.cancel-btn{font-size:13px;padding:8px 16px;padding:var(--space-xs) var(--space-md)}}.community-meditation-card{backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;background:linear-gradient(135deg,#fff3,#ffffff1a)!important;border:2px solid #ffffff4d!important;border-radius:30px!important;box-shadow:0 15px 50px #0003!important;margin-bottom:25px!important;overflow:hidden!important;padding:30px!important;position:relative!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.community-meditation-card:before{animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}.community-meditation-card:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a)!important;border-color:#fff6!important;box-shadow:0 20px 60px #00000040!important;transform:translateY(-12px) scale(1.03)!important}.community-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md)}.community-card-meta{flex-direction:column}.community-author,.community-card-meta{display:flex;gap:8px;gap:var(--space-xs)}.community-author{align-items:center;color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.community-author:before{content:"👤";font-size:12px}.community-type{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 12px #667eea66;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.8px;padding:6px 16px;text-transform:none}.community-stats{align-items:center;display:flex;gap:12px;gap:var(--space-sm)}.like-count,.play-count{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0000004d;border:1px solid #ffffff26;border-radius:15px;box-shadow:0 2px 8px #0003;color:#ffffffe6;font-size:12px;font-weight:600;padding:6px 12px}.community-card-content{margin-bottom:20px;margin-bottom:var(--space-lg)}.community-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f8f9fa 50%,#e9ecef);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800;line-height:1.2;margin-bottom:12px;text-shadow:0 2px 4px #0000001a}.community-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fffc;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:16px;margin-bottom:var(--space-md);overflow:hidden}.community-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-sm)}.community-card-actions .play-button{align-items:center!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:50%!important;box-shadow:0 6px 20px #10b98166!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:56px!important;justify-content:center!important;min-height:44px!important;min-width:44px!important;overflow:hidden!important;position:relative!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;width:56px!important}.play-button:hover{box-shadow:0 8px 25px #10b98199;transform:scale(1.15)}.play-button.playing{animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef44444d}.play-button.playing:hover{box-shadow:0 6px 20px #ef444466}.community-card-actions .like-button{align-items:center!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)!important;border:1px solid #fff3!important;border-radius:16px!important;box-shadow:0 4px 15px #0000001a!important;color:#fff!important;color:var(--text-primary)!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;min-height:44px!important;padding:12px 20px!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.like-button:hover{background:linear-gradient(135deg,#ec4899,#db2777);border-color:#ec489999;box-shadow:0 8px 25px #ec489980;color:#fff;transform:translateY(-3px) scale(1.08)}.community-audio-player-section{margin:20px 0;margin:var(--space-lg) 0}.community-audio-player-section audio{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#0000004d!important;border:1px solid #ffffff26!important;border-radius:12px!important;box-shadow:0 4px 15px #0003!important;height:50px!important;width:100%!important}@media (max-width:768px){.community-meditation-card{background:linear-gradient(135deg,#ffffff26,#ffffff14)!important;border-radius:20px!important;margin-bottom:16px!important;padding:20px!important}.community-card-header{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;margin-bottom:16px!important}.community-card-meta{width:100%!important}.community-author{font-size:13px!important;margin-bottom:6px!important}.community-type{font-size:10px!important;padding:4px 12px!important}.community-stats{align-self:flex-end!important;margin-top:-30px!important}.like-count,.play-count{font-size:11px!important;padding:4px 8px!important}.community-card-content{margin-bottom:16px!important}.community-title{font-size:17px!important;line-height:1.3!important;margin-bottom:10px!important}.community-preview{-webkit-line-clamp:3!important;font-size:13px!important;line-height:1.4!important}.community-audio-player-section{margin:16px 0!important}.community-audio-player-section audio{border-radius:10px!important;height:45px!important}.community-card-actions{gap:12px!important;justify-content:center!important;margin-top:16px!important}.community-card-actions .like-button{border-radius:12px!important;flex:1 1!important;font-size:13px!important;max-width:150px!important;padding:10px 16px!important}.community-meditations{margin:0!important;padding:0!important}.community-tab{padding:16px!important}.community-tab .meditations-grid{gap:16px!important}}.cruks-reminder{align-items:flex-start;background:linear-gradient(135deg,#ffa50026,#ff8c001a);border:1px solid #ffa5004d;border-radius:12px;display:flex;gap:12px;gap:var(--space-sm);margin-top:16px;margin-top:var(--space-md);padding:16px;padding:var(--space-md)}.reminder-icon{flex-shrink:0;font-size:20px;margin-top:2px}.reminder-text{color:#fff;color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.4}.reminder-text strong{color:#f59e0b;font-weight:600}.close-window-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;height:32px;justify-content:center;padding:0;position:absolute;right:20px;right:var(--space-lg);top:20px;top:var(--space-lg);transition:all .3s ease;width:32px}.close-window-btn:hover{background:#ffffff1a;box-shadow:0 4px 15px #0003;color:#ff4757;transform:scale(1.1)}@media (max-width:768px){.close-window-btn{font-size:14px;height:28px;right:12px;right:var(--space-sm);top:12px;top:var(--space-sm);width:28px}}.inbox-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:16px;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg);padding:20px 20px 16px;padding:var(--space-lg) var(--space-lg) var(--space-md) var(--space-lg);position:relative}.inbox-header,.inbox-title{align-items:center;display:flex}.inbox-title{color:#fff;color:var(--text-primary);font-size:24px;font-weight:600;gap:12px;gap:var(--space-sm);margin:0}.inbox-header .close-window-btn{position:relative;right:auto;top:auto}@media (max-width:768px){.inbox-header{margin-bottom:16px;margin-bottom:var(--space-md);padding:16px;padding:var(--space-md)}.inbox-title{font-size:20px}}.meet-title{font-size:32px;margin-bottom:12px;margin-bottom:var(--space-sm)}.meet-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:16px;display:flex;gap:12px;gap:var(--space-sm);margin-bottom:24px;margin-bottom:var(--space-xl);padding:12px;padding:var(--space-sm)}.meet-tab{color:#fffc;color:var(--text-secondary);gap:8px;gap:var(--space-xs);padding:16px;padding:var(--space-md);transition:all .3s ease}.meet-tab.active{background:#fff3;background:var(--glass-medium);color:var(--text-primary);transform:translateY(-2px)}.tab-icon-container{position:relative}.tab-icon{font-size:20px}.tab-badge{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.tab-label{font-size:14px;font-weight:500}.users-grid{grid-gap:20px;grid-gap:var(--space-lg);gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:16px;padding:20px;padding:var(--space-lg);transition:all .3s ease}.user-card:hover{box-shadow:0 8px 32px #0000001a;transform:translateY(-4px)}.user-card-header{display:flex;gap:16px;gap:var(--space-md);margin-bottom:16px;margin-bottom:var(--space-md)}.user-avatar{background:#fff3;background:var(--glass-medium);height:60px;width:60px}.avatar-placeholder{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--text-primary);font-size:24px}.username{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px;margin:0 0 var(--space-xs) 0}.user-details{color:#fffc;color:var(--text-secondary);flex-wrap:wrap;font-size:14px;gap:12px;gap:var(--space-sm)}.user-bio{color:#fff;color:var(--text-primary)}.user-bio,.user-interests .interests{margin-bottom:16px;margin-bottom:var(--space-md)}.user-interests .interests{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-xs)}.interest-tag{background:#fff3;background:var(--glass-medium);color:var(--text-primary);font-size:12px}.user-actions{gap:12px;gap:var(--space-sm);margin-top:16px;margin-top:var(--space-md)}.connect-btn,.view-profile-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;gap:var(--space-xs);justify-content:center;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.connect-btn{background:var(--accent-color);color:#fff}.connect-btn:hover{background:var(--accent-dark);transform:translateY(-2px)}.view-profile-btn{background:#fff3;background:var(--glass-medium);color:#fff;color:var(--text-primary)}.view-profile-btn:hover{background:#ffffff1a;background:var(--glass-light)}@media (max-width:768px){.meet-hub{padding:16px;padding:var(--space-md)}.meet-tabs{gap:8px;gap:var(--space-xs);padding:8px;padding:var(--space-xs)}.meet-tab{padding:12px;padding:var(--space-sm)}.tab-icon{font-size:18px}.tab-label{font-size:12px}.users-grid{gap:16px;gap:var(--space-md);grid-template-columns:1fr}.user-card{padding:16px;padding:var(--space-md)}.user-actions{flex-direction:column}}.chat-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;color:var(--text-primary);height:100vh;position:relative}.chat-window,.chat-window:before{background:linear-gradient(135deg,#0f1419,#1a2332 30%,#2d3561 60%,#4a5c8a);background:var(--gradient-background)}.chat-window:before{bottom:0;content:"";left:0;opacity:.95;position:absolute;right:0;top:0;z-index:-1}.chat-header{min-height:70px;z-index:10}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff26;border-radius:12px;color:#fff;color:var(--text-primary);margin-right:16px;margin-right:var(--space-md);padding:12px;padding:var(--space-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal) var(--easing-smooth)}.back-button:hover{background:#fff3;background:var(--glass-medium);box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.chat-info h3{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0 0 2px}.chat-subtitle{color:#fffc;color:var(--text-secondary);gap:8px;gap:var(--space-xs)}.status-indicator{color:#4ade80;font-size:.8rem}.chat-actions{gap:12px;gap:var(--space-sm)}.meditation-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff26;border-radius:12px;color:var(--text-primary);font-size:1.3rem;padding:12px;padding:var(--space-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal) var(--easing-smooth)}.meditation-button:hover{background:#fff3;background:var(--glass-medium);box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.chat-messages{background:#0000;position:relative}.date-separator{display:flex;justify-content:center;margin:24px 0;margin:var(--space-xl) 0}.date-separator span{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;color:#fffc;color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:8px 16px;padding:var(--space-xs) var(--space-md);text-transform:none}.message{margin-bottom:12px;margin-bottom:var(--space-sm)}.message-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff1a;margin-bottom:4px;margin-right:12px;margin-right:var(--space-sm)}.message-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);font-size:.9rem;text-shadow:0 1px 2px #0000004d}.message-content{max-width:75%}.own-message .message-content{align-items:flex-end}.message-sender{color:#fffc;color:var(--text-secondary);margin-bottom:4px;padding-left:12px;padding-left:var(--space-sm)}.message-bubble{border-radius:24px;box-shadow:0 4px 16px #0000001a;padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--easing-smooth)}.message-bubble:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.own-message .message-bubble{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border-radius:24px 24px 8px 24px;box-shadow:0 4px 16px #667eea33}.other-message .message-bubble{border-radius:24px 24px 24px 8px}.message-bubble p{word-wrap:break-word;color:inherit;font-size:.95rem}.own-message .message-bubble p{color:#fff;text-shadow:0 1px 2px #0000001a}.message-time{display:block;font-weight:400;margin-top:8px;margin-top:var(--space-xs);opacity:.6}.typing-indicator{animation:typingSlideIn .2s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:24px 24px 24px 8px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:12px 20px;padding:var(--space-sm) var(--space-lg)}@keyframes typingSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.typing-dots{margin-right:12px;margin-right:var(--space-sm)}.typing-dots span{background:#fffc;background:var(--text-secondary)}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-text{color:#fffc;color:var(--text-secondary)}.chat-input{background:#fff3;background:var(--glass-medium);border-top:1px solid #ffffff1a;bottom:0;padding:20px;padding:var(--space-lg);position:-webkit-sticky;position:sticky;z-index:10}.input-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff26;border-radius:28px;gap:12px;gap:var(--space-sm);padding:8px;padding:var(--space-xs);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal) var(--easing-smooth)}.input-container:focus-within{background:#fff3;background:var(--glass-medium);border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff1a}.input-container textarea{border-radius:20px;color:#fff;color:var(--text-primary);font-size:.95rem;min-height:44px;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--easing-smooth)}.input-container textarea::placeholder{color:#fff9;color:var(--text-tertiary);font-style:italic}.input-container textarea:focus{background:#ffffff0d}.send-button{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);box-shadow:0 4px 12px #0003;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal) var(--easing-smooth)}.send-button:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:scale(1.1)}.send-button:disabled{box-shadow:0 2px 6px #0000001a}.chat-loading{color:#fffc;color:var(--text-secondary);flex:1 1;padding:40px;padding:var(--space-3xl)}.chat-loading .loading-spinner{margin-bottom:20px;margin-bottom:var(--space-lg)}.chat-loading .loading-spinner .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-top:3px solid #fff;border:3px solid var(--glass-light);border-radius:50%;border-top-color:var(--text-primary);height:40px;width:40px}.chat-loading p{color:#fffc;color:var(--text-secondary);font-size:.9rem}@media (max-width:768px){.chat-header{min-height:64px}.chat-header,.chat-input,.chat-messages{padding:16px;padding:var(--space-md)}.input-container textarea{-webkit-tap-highlight-color:transparent;font-size:1rem}.message-bubble,.message-content{max-width:85%}}.typing-dots span{background:#666}.typing-text{color:#666;font-size:.8rem}.chat-input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid #0000001a;padding:1rem}.input-container{background:#ffffffe6;border:1px solid #0000001a;border-radius:20px;gap:.5rem;padding:.5rem}.input-container textarea{max-height:100px;min-height:20px;padding:.5rem}.send-button{height:40px;transition:all .2s;width:40px}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d}.send-button:disabled{opacity:.5}.conversation-item{transition:all .2s}.conversation-item:hover{background:#667eea0d;transform:translateY(-1px)}.online-indicator{background:#4caf50;height:12px;width:12px}.meditation-indicator{background:#fff;border:1px solid #0000001a;border-radius:50%;bottom:-2px;font-size:12px;padding:2px;position:absolute;right:-2px}.socket-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000001a;border-radius:15px;font-size:.8rem;padding:.5rem 1rem;position:fixed;right:10px;top:10px;z-index:1000}.socket-status.connected{color:#4caf50}.socket-status.disconnected{color:#f44336}.socket-status.connecting{color:#ff9800}@media (max-width:768px){.chat-header,.chat-messages{padding:.8rem}.message-content{max-width:85%}.chat-input{padding:.8rem}}:root{--meet-primary:linear-gradient(135deg,#667eea,#764ba2);--meet-secondary:linear-gradient(135deg,#ff9a9e,#fecfef);--meet-success:linear-gradient(135deg,#a8edea,#fed6e3);--meet-warning:linear-gradient(135deg,#ffecd2,#fcb69f);--meet-surface:#fffffff2;--meet-surface-alt:#fffc;--meet-text:#2d3748;--meet-text-light:#718096;--meet-border:#ffffff4d;--meet-shadow:0 4px 20px #667eea26;--meet-shadow-hover:0 8px 30px #667eea40;--meet-radius:20px;--meet-radius-sm:12px;--meet-spacing:1rem;--meet-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}.meet-subtitle{color:#ffffffe6;font-size:1rem;font-weight:400;margin:0}.meet-tabs{margin-bottom:1.5rem;padding:0 1rem;position:relative;z-index:2}.meet-tabs-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--meet-surface);border:1px solid #ffffff4d;border:1px solid var(--meet-border);border-radius:20px;border-radius:var(--meet-radius);box-shadow:0 4px 20px #667eea26;box-shadow:var(--meet-shadow);display:flex;gap:.25rem;padding:.5rem}.meet-tab{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--meet-radius-sm);color:#718096;color:var(--meet-text-light);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.875rem 1rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.meet-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--meet-primary);box-shadow:0 2px 10px #667eea4d;color:#fff;transform:translateY(-1px)}.meet-tab:not(.active):hover{background:#667eea1a;color:#2d3748;color:var(--meet-text);transform:translateY(-1px)}.meet-tab-icon{font-size:1.1rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.meet-tab.active .meet-tab-icon{transform:scale(1.1)}.meet-tab-badge{align-items:center;animation:pulse 2s infinite;background:#ef4444;border-radius:10px;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:18px;justify-content:center;margin-left:.25rem;min-width:18px;padding:2px 6px}.meet-content{margin:0 auto;max-width:100%;padding:0 1rem 6rem;position:relative;z-index:1}.discover-users{animation:slideUp .6s ease-out}.discover-header{margin-bottom:2rem}.discover-title{color:#2d3748;color:var(--meet-text);font-size:1.5rem;margin:0 0 .5rem}.discover-description{color:#718096;color:var(--meet-text-light);font-size:1rem;margin:0}.discover-filters{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--meet-surface);border:1px solid #ffffff4d;border:1px solid var(--meet-border);border-radius:20px;border-radius:var(--meet-radius);box-shadow:0 4px 20px #667eea26;box-shadow:var(--meet-shadow);margin-bottom:2rem;padding:1.5rem}.filter-row{flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.filter-group{flex:1 1;min-width:140px}.filter-label{color:#2d3748;color:var(--meet-text);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.filter-input{background:#fff;border:2px solid #667eea33;border-radius:12px;border-radius:var(--meet-radius-sm);font-size:1rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition);width:100%}.filter-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.users-grid{grid-gap:1.5rem;animation:fadeIn .8s ease-out .2s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.user-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--meet-surface);border:1px solid #ffffff4d;border:1px solid var(--meet-border);border-radius:20px;border-radius:var(--meet-radius);box-shadow:0 4px 20px #667eea26;box-shadow:var(--meet-shadow);cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.user-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--meet-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.user-card:hover{box-shadow:0 8px 30px #667eea40;box-shadow:var(--meet-shadow-hover);transform:translateY(-8px)}.user-card:hover:before{transform:scaleX(1)}.user-card-header{padding:1.5rem 1.5rem 1rem;position:relative;text-align:center}.user-avatar{box-shadow:0 4px 20px #0000001a;height:80px;margin:0 auto 1rem;position:relative;width:80px}.avatar-placeholder{background:var(--meet-primary);font-size:2rem;font-weight:700}.user-status{border:3px solid #fff;border-radius:50%;bottom:8px;box-shadow:0 2px 8px #0003;height:16px;position:absolute;right:8px;width:16px}.status-online{background:#48bb78}.status-meditation{background:#9f7aea}.status-offline{background:#cbd5e0}.user-name{color:#2d3748;color:var(--meet-text);font-size:1.2rem;font-weight:700;margin:0 0 .25rem}.user-location{align-items:center;color:#718096;color:var(--meet-text-light);display:flex;font-size:.9rem;gap:.25rem;justify-content:center;margin:0 0 .5rem}.user-age{align-items:center;background:#667eea1a;border-radius:20px;color:#667eea;display:inline-flex;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.user-card-body{padding:0 1.5rem 1rem}.user-bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#2d3748;color:var(--meet-text);display:-webkit-box;font-size:.95rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.user-interests{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.interest-tag{background:linear-gradient(135deg,#ff9a9e,#fecfef);background:var(--meet-secondary);border-radius:15px;color:#fff;font-size:.8rem;padding:.25rem .75rem}.user-stats{background:#667eea0d;border-radius:12px;border-radius:var(--meet-radius-sm);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.user-stat{flex:1 1;text-align:center}.stat-value{color:#2d3748;color:var(--meet-text);font-size:1.1rem}.stat-label{color:#718096;color:var(--meet-text-light);font-size:.8rem;margin-top:.25rem}.user-card-actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem}.connect-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--meet-primary);border:none;border-radius:12px;border-radius:var(--meet-radius-sm);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.connect-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.connect-button:active{transform:translateY(0)}.view-profile-button{align-items:center;background:#fffc;background:var(--meet-surface-alt);border:2px solid #667eea33;border-radius:12px;border-radius:var(--meet-radius-sm);color:#2d3748;color:var(--meet-text);cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:.875rem 1rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.view-profile-button:hover{background:#667eea1a;border-color:#667eea;transform:translateY(-2px)}.meet-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-animation{border:4px solid #667eea33;border-top-color:#667eea;height:60px;margin-bottom:1.5rem;width:60px}.loading-text{color:#2d3748;color:var(--meet-text);font-size:1.1rem;font-weight:600}.meet-empty{padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-title{color:#2d3748;color:var(--meet-text);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.empty-description{color:#718096;color:var(--meet-text-light);font-size:1rem;line-height:1.6;margin:0 auto 2rem;max-width:400px}.empty-action{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--meet-primary);border:none;border-radius:12px;border-radius:var(--meet-radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.empty-action:hover{box-shadow:0 8px 30px #667eea40;box-shadow:var(--meet-shadow-hover);transform:translateY(-2px)}@media (max-width:768px){.meet-tabs{padding:0 .75rem}.meet-content{padding:0 .75rem 6rem}.users-grid{gap:1rem;grid-template-columns:1fr}.filter-row{flex-direction:column;gap:.75rem}.discover-filters{padding:1rem}.user-card-header{padding:1rem 1rem .75rem}.user-card-body{padding:0 1rem .75rem}.user-card-actions{flex-direction:column;padding:0 1rem 1rem}.view-profile-button{order:-1}}@media (max-width:480px){.meet-tabs-container{gap:.125rem;padding:.25rem}.meet-tab{font-size:.8rem;min-height:44px;padding:.75rem .5rem}.meet-tab-icon{font-size:1rem}.discover-title{font-size:1.3rem}.user-card{margin-bottom:.5rem}}.connect-button:focus-visible,.filter-input:focus-visible,.meet-tab:focus-visible,.view-profile-button:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.user-card{border:2px solid #2d3748;border:2px solid var(--meet-text)}.meet-tab.active{border:2px solid #fff}}.my-activities-redesigned{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;padding:0}.my-activities-redesigned .my-activities-header{border-bottom:1px solid #ffffff1a;margin-bottom:20px;margin-bottom:var(--space-lg);padding-bottom:12px;padding-bottom:var(--space-sm);text-align:left}.my-activities-redesigned .my-activities-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 4px}.my-activities-redesigned .my-activities-subtitle{color:#fffc;color:var(--text-secondary);font-size:14px;margin:0}.my-activities-redesigned .activities-grouped{margin-top:20px;margin-top:var(--space-lg)}.my-activities-redesigned .activity-date-group{margin-bottom:24px;margin-bottom:var(--space-xl)}.my-activities-redesigned .date-group-title{border-bottom:1px solid #ffffff1a;color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-md);padding-bottom:8px;padding-bottom:var(--space-xs)}.my-activities-redesigned .activities-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.my-activities-redesigned .activity-item{position:relative}.my-activities-redesigned .role-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border-radius:12px;color:#fffc;color:var(--text-secondary);display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px;position:absolute;right:12px;top:12px;z-index:10}.my-activities-redesigned .role-badge.organizer{background:#ffd70033;color:gold}.my-activities-redesigned .role-badge.participant{background:#22c55e33;color:#22c55e}.filter-pills{-webkit-overflow-scrolling:touch;display:flex;gap:8px;margin-bottom:20px;margin-bottom:var(--space-lg);overflow-x:auto;padding-bottom:8px}.filter-pills::-webkit-scrollbar{height:4px}.filter-pills::-webkit-scrollbar-thumb{background:#fff3;background:var(--glass-medium);border-radius:2px}.filter-pill{align-items:center;background:#fff3;background:var(--glass-medium);border:2px solid #0000;border-radius:24px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;min-height:44px;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.filter-pill.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;transform:scale(1.05)}.filter-pill:hover:not(.active){background:#ffffff1a;background:var(--glass-light);border-color:var(--primary-color)}.pill-icon{font-size:16px}.pill-label{font-weight:600}.pill-count{background:#fff3;border-radius:12px;font-size:11px;font-weight:700;padding:2px 8px}.filter-pill.active .pill-count{background:#ffffff4d}.activities-grouped{display:flex;flex-direction:column;gap:24px;gap:var(--space-xl)}.activity-date-group{animation:slideInUp .3s ease-in-out}.date-group-title{border-left:3px solid var(--primary-color);color:#fff;color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 16px;margin:0 0 var(--space-md) 0;padding-left:8px}.activities-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.activity-item{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden;position:relative;transition:all .3s ease}.activity-item:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.role-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;position:absolute;right:12px;top:12px;z-index:10}.role-badge.organizer{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.role-badge.participant{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.role-icon{font-size:12px}.activity-item .activity-actions{border-top:1px solid #fff3;border-top:1px solid var(--glass-medium);display:flex;gap:12px;gap:var(--space-sm);padding:16px;padding:var(--space-md)}.cancel-activity-button,.edit-activity-button,.leave-activity-button{border-radius:10px;display:inline-flex;flex:1 1;font-size:13px;gap:6px;justify-content:center;min-height:44px;padding:10px}.edit-activity-button{background:#fff3;background:var(--glass-medium);color:var(--text-primary)}.cancel-activity-button{background:#fee2e2;color:#dc2626}.leave-activity-button{background:#fff3;background:var(--glass-medium);color:var(--text-primary)}.leave-deadline-passed{background:#fef3c7;border-radius:10px;color:#92400e;font-size:12px;font-weight:500;padding:10px}.activity-item .organizer-stats{background:#0006;border-top:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-around;padding:16px;padding:var(--space-md)}.organizer-stats .stat{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-icon{font-size:16px;opacity:.7}.stat-value{color:var(--text-primary)}.stat-label{font-size:11px}@media (max-width:768px){.my-activities-redesigned{border-radius:16px;margin:12px;margin:var(--space-sm);padding:16px;padding:var(--space-md)}.my-activities-redesigned .my-activities-title{font-size:20px}.filter-pills{padding:0 4px 8px}.filter-pill{font-size:12px;padding:8px 12px}.date-group-title,.pill-icon{font-size:14px}}.activity-category-badge{font-weight:600}.category-emoji{font-size:14px}.category-name{text-transform:capitalize}.activity-status-badge{border-radius:12px;font-size:11px;letter-spacing:.5px;margin-left:auto;padding:4px 10px;text-transform:none}.activity-status-badge.full{background:linear-gradient(135deg,#ef4444,#dc2626)}.activity-status-badge.organizer{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.activity-status-badge.joined{background:linear-gradient(135deg,#10b981,#059669)}.activity-chat-indicator{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px}.activity-card-image{background:linear-gradient(135deg,#667eea,#764ba2);height:180px}.activity-card-overlay{background:linear-gradient(180deg,#0000 0,#000000b3)}.activity-time-until{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border-radius:20px;color:#fff;padding:6px 12px}.activity-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.activity-description{color:#fffc;color:var(--text-secondary)}.activity-details{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr;margin-top:auto}.activity-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border-radius:10px;color:#fff;color:var(--text-primary);gap:6px;padding:8px 10px}.detail-icon{font-size:14px;opacity:.8}.detail-text{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spots-available{color:var(--success-color);font-weight:600}.activity-tags{gap:6px}.activity-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);color:var(--primary-color);font-size:11px;padding:4px 10px}.activity-cost{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;color:#92400e;gap:6px;padding:8px 12px}.activity-card-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;background:var(--glass-medium);border-top:1px solid #ffffff1a;gap:12px;padding:16px}.activity-organizer{gap:10px}.organizer-avatar{border:2px solid #ffffff1a;border:2px solid var(--glass-light);height:36px;width:36px}.organizer-info{gap:2px}.organizer-label{color:var(--text-secondary)}.organizer-name{color:#fff;color:var(--text-primary);font-size:13px;gap:4px}.verified-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:inline-flex;height:16px;justify-content:center;width:16px}.activity-card .activity-actions{display:flex;gap:8px}.join-button,.leave-button,.waitlist-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;min-height:44px;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.join-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.join-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.waitlist-button{color:#fff;color:var(--text-primary)}.leave-button,.waitlist-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium)}.leave-button{color:var(--error-color)}.activity-message{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;font-size:14px;font-weight:600;gap:8px;left:50%;padding:12px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.activity-message.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.activity-message.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.activities-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:20px 0}.activity-list{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:20px;padding:20px;padding:var(--space-lg)}.discover-header{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.discover-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.discover-subtitle{color:#fffc;color:var(--text-secondary);font-size:14px;margin:0}.activity-filters{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;background:var(--glass-medium);border-radius:16px;margin-bottom:24px;margin-bottom:var(--space-xl);padding:16px;padding:var(--space-md)}.filter-toggle{align-items:center;background:#ffffff1a;background:var(--glass-light);border:none;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease;width:100%}.filter-toggle:hover{background:#fff3;background:var(--glass-medium)}.filter-text{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.filter-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:4px 8px}.view-toggle{background:#fff3;background:var(--glass-medium);border-radius:12px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:4px}.view-button{align-items:center;background:#0000;border:none;border-radius:10px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-height:44px;padding:10px;transition:all .3s ease}.view-button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:var(--primary-color)}.view-icon{font-size:16px}@media (max-width:768px){.activities-grid{gap:16px;grid-template-columns:1fr;padding:16px 0}.activity-card{border-radius:16px}.activity-card-image{height:150px}.activity-title{font-size:16px}.activity-description{-webkit-line-clamp:2;font-size:13px}.activity-details{gap:6px;grid-template-columns:1fr}.activity-detail{font-size:12px;padding:6px 8px}.activity-card-footer{align-items:stretch;flex-direction:column;gap:10px}.activity-card .activity-actions,.activity-organizer{justify-content:center}.join-button,.waitlist-button{flex:1 1;justify-content:center}}.chat-window{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.chat-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--meet-surface);border-bottom:1px solid #ffffff4d;border-bottom:1px solid var(--meet-border);box-shadow:0 2px 10px #0000001a;gap:1rem;padding:1rem 1.5rem;position:relative}.back-button{font-size:1.2rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.chat-info{min-width:0}.chat-info h3{color:#2d3748;color:var(--meet-text);font-size:1.2rem;font-weight:700;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-subtitle{color:#718096;color:var(--meet-text-light);font-size:.9rem;gap:.5rem;margin:0}.status-indicator{align-items:center;display:inline-flex;font-weight:500;gap:.25rem}.status-indicator:before{background:#4caf50;border-radius:50%;content:"";height:8px;width:8px}.meditation-button{align-items:center;background:linear-gradient(135deg,#a8edea,#fed6e3);background:var(--meet-success);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition);width:44px}.meditation-button:hover{box-shadow:0 4px 15px #a8edea66;transform:scale(1.05)}.chat-messages{gap:.5rem;padding:1rem;scroll-behavior:smooth}.date-separator{margin:1.5rem 0 1rem;position:relative;text-align:center}.date-separator:before{background:#667eea33;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.date-separator span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--meet-surface);border:1px solid #ffffff4d;border:1px solid var(--meet-border);border-radius:20px;color:#718096;color:var(--meet-text-light);font-size:.8rem;font-weight:600;padding:.5rem 1rem;position:relative}.message{align-items:flex-end;animation:messageSlideIn .3s ease-out;display:flex;margin-bottom:.25rem}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.own-message{justify-content:flex-end;margin-left:15%}.message.other-message{justify-content:flex-start;margin-right:15%}.message-avatar{box-shadow:0 2px 8px #0000001a;height:32px;margin-bottom:.25rem;margin-right:.75rem;overflow:hidden;width:32px}.message-content{display:flex;flex-direction:column;max-width:100%}.message-sender{color:#718096;color:var(--meet-text-light);font-size:.8rem;font-weight:600;margin-bottom:.25rem;padding-left:.75rem}.message-bubble{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--meet-surface);border:1px solid #ffffff4d;border:1px solid var(--meet-border);border-radius:20px 20px 20px 4px;box-shadow:0 2px 12px #00000014;padding:.875rem 1.125rem}.own-message .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--meet-primary);border:none;border-radius:20px 20px 4px 20px;box-shadow:0 2px 12px #667eea40;color:#fff}.message-bubble p{font-size:1rem;line-height:1.4;margin:0}.message-time{margin-top:.5rem}.typing-indicator{align-items:center;animation:slideInUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--meet-surface);border:1px solid #ffffff4d;border:1px solid var(--meet-border);border-radius:20px 20px 20px 4px;margin:.5rem 15% 1rem 0;max-width:-webkit-fit-content;max-width:fit-content;padding:.75rem 1rem}.typing-dots{align-items:center;margin-right:.75rem}.typing-dots span{animation:typingBounce 1.4s ease-in-out infinite;background:#667eea;height:6px;margin:0 1px;width:6px}@keyframes typingBounce{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.typing-text{color:#718096;color:var(--meet-text-light);font-size:.85rem;font-style:italic;font-weight:500}.chat-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--meet-surface);border-top:1px solid #ffffff4d;border-top:1px solid var(--meet-border);box-shadow:0 -2px 20px #0000000d;padding:1rem 1.5rem}.input-container{border:2px solid #0000;border-radius:25px;box-shadow:0 2px 15px #00000014;padding:.75rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.input-container:focus-within{border-color:#667eea;box-shadow:0 2px 20px #667eea26}.input-container textarea{background:#0000;border:none;color:#2d3748;color:var(--meet-text);flex:1 1;font-family:inherit;font-size:1rem;line-height:1.4;max-height:120px;min-height:24px;outline:none;padding:.5rem 0;resize:none}.input-container textarea::placeholder{color:#718096;color:var(--meet-text-light)}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--meet-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition);width:44px}.send-button:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:scale(1.05)}.send-button:disabled{cursor:not-allowed;opacity:.4;transform:none}.send-button:active{transform:scale(.95)}.chat-loading{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center;text-align:center}.chat-list{animation:slideUp .6s ease-out}.chat-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.chat-list-header h2{color:#2d3748;color:var(--meet-text);font-size:1.5rem;font-weight:700;margin:0}.new-chat-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--meet-primary);border:none;border-radius:12px;border-radius:var(--meet-radius-sm);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.new-chat-btn:hover{box-shadow:0 8px 30px #667eea40;box-shadow:var(--meet-shadow-hover);transform:translateY(-2px)}.conversations-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-sm);padding:16px 0;padding:var(--space-md) 0}.conversation-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;gap:var(--space-md);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal) var(--easing-smooth)}.conversation-item:before{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--duration-normal) var(--easing-smooth);width:3px}.conversation-item:hover{background:#fff3;background:var(--glass-medium);box-shadow:0 4px 16px #00000026}.conversation-item:hover:before{transform:scaleY(1)}.conversation-item:active{transform:translateY(0)}.conversation-item.unread{background:#fff3;background:var(--glass-medium);border-color:#667eea4d;box-shadow:0 2px 8px #667eea1a}.conversation-item.unread:before{transform:scaleY(1)}.conversation-avatar,.conversation-item.unread:before{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1)}.conversation-avatar{border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;height:56px;overflow:hidden;position:relative;width:56px}.conversation-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.conversation-header{margin-bottom:4px}.conversation-name{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#fff9;color:var(--text-tertiary);flex-shrink:0;font-size:.75rem;margin-left:12px;margin-left:var(--space-sm);white-space:nowrap}.conversation-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0}.conversation-preview,.last-message{font-size:.85rem;line-height:1.3;overflow:hidden}.last-message{color:#fffc;color:var(--text-secondary);flex:1 1;text-overflow:ellipsis;white-space:nowrap}.message-status{color:#4caf50;font-size:.8rem;margin-right:.25rem}.unread-badge{border-radius:12px;flex-shrink:0;height:20px;margin-left:.5rem;min-width:20px}@media (max-width:768px){.chat-header{padding:1rem}.chat-messages{padding:.75rem}.message.own-message{margin-left:10%}.message.other-message{margin-right:10%}.chat-input{padding:1rem}.input-container{padding:.5rem}.conversation-item{padding:1rem}.conversation-avatar{height:48px;width:48px}}@media (max-width:480px){.chat-header{padding:.75rem}.back-button{height:40px;width:40px}.back-button,.chat-info h3{font-size:1.1rem}.chat-subtitle{font-size:.8rem}.message-bubble{font-size:.95rem;padding:.75rem 1rem}.message.own-message{margin-left:5%}.message.other-message{margin-right:5%}.send-button{font-size:1.1rem;height:40px;width:40px}}.group-list{animation:slideUp .6s ease-out}.group-list-header{margin-bottom:2rem}.group-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--meet-surface);border:1px solid #ffffff4d;border:1px solid var(--meet-border);border-radius:20px;border-radius:var(--meet-radius);box-shadow:0 4px 20px #667eea26;box-shadow:var(--meet-shadow);display:flex;gap:.25rem;margin-bottom:1.5rem;padding:.5rem}.group-tab{background:#0000;border:none;border-radius:12px;border-radius:var(--meet-radius-sm);color:#718096;color:var(--meet-text-light);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.875rem 1rem;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.group-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--meet-primary);box-shadow:0 2px 10px #667eea4d;color:#fff;transform:translateY(-1px)}.group-tab:not(.active):hover{background:#667eea1a;color:#2d3748;color:var(--meet-text);transform:translateY(-1px)}.create-group-btn{align-items:center;background:linear-gradient(135deg,#a8edea,#fed6e3);background:var(--meet-success);border:none;border-radius:12px;border-radius:var(--meet-radius-sm);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition);width:100%}.create-group-btn:hover{box-shadow:0 6px 20px #a8edea66;transform:translateY(-2px)}.btn-icon{font-size:1.1rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.create-group-btn:hover .btn-icon{transform:scale(1.1)}.discover-groups,.groups-content,.my-groups{display:flex;flex-direction:column;gap:1rem}.group-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--meet-surface);border:1px solid #ffffff4d;border:1px solid var(--meet-border);border-radius:20px;border-radius:var(--meet-radius);box-shadow:0 4px 20px #667eea26;box-shadow:var(--meet-shadow);overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.group-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--meet-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.group-card:hover{box-shadow:0 8px 30px #667eea40;box-shadow:var(--meet-shadow-hover);transform:translateY(-4px)}.group-card:hover:before{transform:scaleX(1)}.group-card.my-group:before{background:linear-gradient(135deg,#a8edea,#fed6e3);background:var(--meet-success)}.group-card.discover-group:before{background:linear-gradient(135deg,#ff9a9e,#fecfef);background:var(--meet-secondary)}.group-header{align-items:flex-start;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.group-name{color:#2d3748;color:var(--meet-text);font-size:1.2rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.group-meta{flex-shrink:0;gap:.75rem;margin-left:1rem}.group-meta,.member-count{align-items:center;display:flex}.member-count{color:#718096;color:var(--meet-text-light);font-size:.85rem;font-weight:500;gap:.25rem}.privacy-indicator{filter:grayscale(.3);font-size:1rem}.unread-badge{align-items:center;animation:pulse 2s infinite;background:#ef4444;border-radius:10px;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:.25rem .5rem}.group-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2d3748;color:var(--meet-text);display:-webkit-box;font-size:.95rem;line-height:1.5;margin:0 0 1rem;overflow:hidden;padding:0 1.5rem}.group-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:0 1.5rem}.group-tag{background:#667eea1a;border:1px solid #667eea33;border-radius:15px;color:#667eea;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.group-footer{align-items:center;background:#667eea05;border-top:1px solid #667eea1a;display:flex;justify-content:space-between;padding:1rem 1.5rem 1.5rem}.created-by,.last-activity{color:#718096;color:var(--meet-text-light);font-size:.8rem;font-weight:500}.join-group-btn,.open-group-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--meet-primary);border:none;border-radius:12px;border-radius:var(--meet-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.join-group-btn{background:linear-gradient(135deg,#ff9a9e,#fecfef);background:var(--meet-secondary)}.join-group-btn:hover,.open-group-btn:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.join-group-btn:hover{box-shadow:0 4px 15px #ff9a9e4d}.no-groups{padding:3rem 2rem;text-align:center}.no-groups-icon{font-size:3.5rem;margin-bottom:1.5rem;opacity:.6}.no-groups h3{color:#2d3748;color:var(--meet-text);font-size:1.3rem;font-weight:700;margin:0 0 1rem}.no-groups p{color:#718096;color:var(--meet-text-light);font-size:1rem;line-height:1.5;margin:0 auto;max-width:300px}.groups-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.matching{animation:slideUp .6s ease-out}.matching-header{margin-bottom:2rem;text-align:center}.matching-header h2{color:#2d3748;color:var(--meet-text);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.matching-subtitle{color:#718096;color:var(--meet-text-light);font-size:1rem;margin:0}.matches-list{display:flex;flex-direction:column;gap:2rem}.match-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--meet-surface);border:1px solid #ffffff4d;border:1px solid var(--meet-border);border-radius:20px;border-radius:var(--meet-radius);box-shadow:0 4px 20px #667eea26;box-shadow:var(--meet-shadow);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.match-card:before{background:linear-gradient(90deg,#ff9a9e,#fecfef 50%,#a8edea);content:"";height:4px;left:0;position:absolute;right:0;top:0}.match-card:hover{box-shadow:0 8px 30px #667eea40;box-shadow:var(--meet-shadow-hover);transform:translateY(-6px)}.match-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.match-score{text-align:center}.score-circle{align-items:center;background:conic-gradient(from 0deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:.5rem;position:relative;width:60px}.score-circle:before{background:#fff;border-radius:50%;content:"";inset:3px;position:absolute}.score-number{color:#2d3748;color:var(--meet-text);font-size:1.1rem;font-weight:700;position:relative;z-index:1}.score-label{color:#718096;color:var(--meet-text-light);font-size:.8rem}.dismiss-match{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition);width:32px}.dismiss-match:hover{background:#ef444433;transform:scale(1.1)}.match-reasons{background:#667eea05;border-top:1px solid #667eea1a;padding:1rem 1.5rem}.match-reasons h4{color:#2d3748;color:var(--meet-text);font-size:1rem;font-weight:600;margin:0 0 .75rem}.reasons-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.reason-item{align-items:center;color:#2d3748;color:var(--meet-text);display:flex;font-size:.9rem;gap:.5rem}.reason-icon{color:#4caf50;font-weight:700}.match-actions{display:flex;gap:1rem;padding:1.5rem}.connect-match-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--meet-primary);border:none;border-radius:12px;border-radius:var(--meet-radius-sm);color:#fff;flex:1 1}.connect-match-btn,.view-full-profile-btn{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.view-full-profile-btn{background:#fffc;background:var(--meet-surface-alt);border:2px solid #667eea33;border-radius:12px;border-radius:var(--meet-radius-sm);color:#2d3748;color:var(--meet-text)}.connect-match-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.view-full-profile-btn:hover{background:#667eea1a;border-color:#667eea;transform:translateY(-2px)}.no-matches{padding:4rem 2rem;text-align:center}.no-matches-icon{font-size:4rem;margin-bottom:1.5rem}.no-matches h3{color:#2d3748;color:var(--meet-text);font-size:1.4rem;font-weight:700;margin:0 0 1rem}.no-matches p{color:#718096;color:var(--meet-text-light);font-size:1rem;line-height:1.6;margin:0 auto 2rem;max-width:400px}.improve-profile-btn{align-items:center;background:linear-gradient(135deg,#ffecd2,#fcb69f);background:var(--meet-warning);border:none;border-radius:12px;border-radius:var(--meet-radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:var(--meet-transition)}.improve-profile-btn:hover{box-shadow:0 6px 20px #ffecd266;transform:translateY(-2px)}.matching-tips{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--meet-surface);border:1px solid #ffffff4d;border:1px solid var(--meet-border);border-radius:20px;border-radius:var(--meet-radius);box-shadow:0 4px 20px #667eea26;box-shadow:var(--meet-shadow);margin-top:3rem;padding:2rem}.matching-tips h3{color:#2d3748;color:var(--meet-text);font-size:1.2rem;font-weight:700;margin:0 0 1rem}.tips-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.tips-list li{align-items:center;color:#2d3748;color:var(--meet-text);display:flex;font-size:.95rem;gap:.5rem;line-height:1.4}@media (max-width:768px){.group-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem 1rem 0}.group-meta{align-self:flex-end;margin-left:0}.group-description,.group-tags{padding:0 1rem}.group-footer{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.match-header{padding:1rem 1rem 0}.match-actions{flex-direction:column;padding:1rem}.view-full-profile-btn{order:-1}}@media (max-width:480px){.group-tabs{flex-direction:column;gap:.5rem}.group-tab{padding:.75rem}.create-group-btn{padding:.75rem 1rem}.score-circle{height:50px;width:50px}.score-number{font-size:1rem}.match-reasons{padding:.75rem 1rem}.matching-tips{padding:1.5rem}}.activity-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#ffffff26,#ffffff1a);border:2px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000026,0 2px 8px #0000001a,inset 0 1px 0 #fff3;margin-bottom:20px;min-height:48px;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.activity-card:active{transform:scale(.97)}@media (hover:hover){.activity-card:hover{background:linear-gradient(135deg,#ffffff38,#ffffff29);border-color:#ffffff4d;box-shadow:0 16px 48px #00000040,0 4px 16px #00000026,inset 0 1px 0 #ffffff40,0 0 0 1px #ffffff1a;transform:translateY(-6px)}}.activity-card-header{align-items:center}.activity-category-badge{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:14px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:12px;font-weight:700;gap:6px;padding:6px 12px;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.activity-status-badge{border-radius:14px;box-shadow:0 2px 8px #00000026;text-shadow:0 1px 2px #0006}.activity-status-badge.full{background:#ef44444d;border:1px solid #ef444466;color:#fff;text-shadow:0 1px 2px #ef444499}.activity-status-badge.organizer{background:#22c55e4d;border:1px solid #22c55e66;color:#fff;text-shadow:0 1px 2px #22c55e99}.activity-status-badge.joined{background:#3b82f64d;border:1px solid #3b82f666;color:#fff;text-shadow:0 1px 2px #3b82f699}.activity-card-image{box-shadow:0 2px 8px #0003;height:200px;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.activity-card-image img{height:100%;object-fit:cover;width:100%}.activity-card-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000,#000000b3);bottom:0;display:flex;left:0;padding:12px;position:absolute;right:0;top:0}.activity-time-until{background:#ffffffe6;border-radius:8px;color:#333;font-size:12px;font-weight:600;padding:4px 8px}.activity-card-body{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1a;border-radius:16px;display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.activity-title{font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0;text-shadow:0 2px 4px #00000080,0 1px 2px #0000004d}.activity-description{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:12px;color:#fffffff2;font-size:14px;line-height:1.6;margin:0;padding:12px;text-shadow:0 1px 3px #0006}.activity-details{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin:0;padding:14px}.activity-detail{align-items:center;color:#fffffff2;display:flex;font-size:13px;font-weight:500;gap:10px;text-shadow:0 1px 2px #0000004d}.detail-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));flex-shrink:0;font-size:16px;text-align:center;width:20px}.detail-text{flex:1 1;min-width:0}.spots-available{color:#fffc;font-style:italic;font-weight:400}.activity-tags{margin:0}.activity-tag{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1f,#ffffff14);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fffffff2;font-size:12px;font-weight:600;padding:6px 12px;text-shadow:0 1px 2px #0000004d;transition:all .3s ease;white-space:nowrap}.activity-tag:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1f);transform:translateY(-1px)}.activity-cost{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffd70033,#ffc10726);border:1px solid #ffd7004d;border-radius:12px;box-shadow:0 2px 8px #ffd70033;color:#fffffff2;display:flex;font-size:13px;font-weight:600;gap:8px;margin:0;padding:12px;text-shadow:0 1px 2px #0006}.cost-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:16px}.cost-text{font-weight:600}.activity-card-footer{align-items:center;background:linear-gradient(90deg,#ffffff0d,#ffffff05 50%,#ffffff0d);border-top:2px solid #ffffff26;display:flex;gap:16px;justify-content:space-between;margin-top:16px;padding:16px 0 0}.activity-organizer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1a;border-radius:12px;flex:1 1;gap:12px;min-width:0;padding:12px}.organizer-avatar{border:2px solid #fff3;box-shadow:0 2px 8px #0003;height:32px;object-fit:cover;width:32px}.organizer-info{display:flex;flex-direction:column;gap:4px}.organizer-label{color:#fffc;font-size:12px;line-height:1.2;text-shadow:0 1px 2px #0000004d}.organizer-name{align-items:center;color:#fffffff2;display:flex;font-weight:600;gap:6px;line-height:1.3}.verified-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10b98133;border:1px solid #10b9814d;border-radius:6px;color:#10b981;flex-shrink:0;font-size:12px;font-weight:700;padding:2px 4px;text-shadow:0 1px 2px #0000004d}.activity-actions{flex-shrink:0;gap:10px}.join-button,.view-button,.waitlist-button{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:none;border-radius:12px;box-shadow:0 4px 16px #00000026;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-height:48px;min-width:90px;padding:12px 16px;text-shadow:0 1px 2px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.primary-button{border:1px solid #10b9814d;box-shadow:0 4px 16px #10b9814d,0 2px 8px #0003}.secondary-button{background:linear-gradient(135deg,#ffffff26,#ffffff1a);border:1px solid #ffffff40;box-shadow:0 4px 16px #ffffff1a,0 2px 8px #00000026;color:#fff}@media (hover:hover){.primary-button:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#10b98180;box-shadow:0 8px 24px #10b98166,0 4px 12px #0000004d;transform:translateY(-3px)}.secondary-button:hover{background:linear-gradient(135deg,#ffffff38,#ffffff29);border-color:#ffffff59;box-shadow:0 6px 20px #ffffff26,0 3px 10px #0003;transform:translateY(-2px)}}.primary-button:active,.secondary-button:active{transform:scale(.96) translateY(0)}.button-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:16px}.button-text{font-size:13px}@media (max-width:768px){.activity-card{border-radius:16px;margin-bottom:16px;padding:16px}.activity-card-body{gap:10px;padding:12px}.activity-title{font-size:16px}.activity-description{font-size:13px;padding:10px}.activity-details{gap:6px;padding:12px}.activity-detail{font-size:12px}.activity-card-footer{align-items:stretch;flex-direction:column;gap:12px;padding:12px 0 0}.activity-organizer{margin-bottom:8px}.activity-actions{gap:8px;justify-content:center}.join-button,.view-button,.waitlist-button{flex:1 1;max-width:120px}}@media (max-width:414px){.activity-card{margin-bottom:14px;padding:14px}.activity-card-image{height:180px;margin-bottom:10px}.activity-card-header{gap:4px;margin-bottom:8px}.activity-card-footer{gap:8px;margin-top:8px;padding-top:8px}.activity-actions{gap:4px}.join-button,.view-button,.waitlist-button{min-width:70px;padding:6px 8px}.organizer-avatar{height:24px;width:24px}}.activity-filters,.chat-window,.create-activity,.user-verification{margin:0 auto;max-width:414px;padding:20px;padding:var(--space-lg)}.create-activity-header,.form-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;margin-bottom:24px;margin-bottom:var(--space-xl);padding:24px;padding:var(--space-xl);text-align:center}.create-activity-title,.form-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 12px;margin:0 0 var(--space-sm) 0;text-shadow:0 1px 2px #0000004d}.create-activity-subtitle,.form-subtitle{color:#fffc;font-size:16px;line-height:1.4;margin:0}.create-activity-form,.meet-form{display:flex;flex-direction:column;gap:24px;gap:var(--space-xl)}.form-section{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;padding:20px}.section-title{font-size:18px;gap:12px;margin:0 0 20px;text-shadow:0 1px 2px #0003}.form-group{display:flex;flex-direction:column;gap:8px;gap:var(--space-xs);margin-bottom:16px;margin-bottom:var(--space-md)}.form-group:last-child{margin-bottom:0}.form-label{color:#ffffffe6;font-size:14px;gap:8px;margin-bottom:8px;margin-bottom:var(--space-xs)}.label-icon{flex-shrink:0;font-size:16px}.form-input,.form-select,.form-textarea{background:#fff3;background:var(--glass-medium);border:1px solid #fff3;color:#fff;font-family:inherit;font-size:16px;min-height:48px;padding:12px 16px;transition:all .3s ease}.form-input::placeholder,.form-textarea::placeholder{color:#fff9}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#ffffff1a;background:var(--glass-light);border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='rgba(255,255,255,0.6)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-select option{background:#1a2332;background:var(--color-night-dark);color:#fff;padding:8px}.form-row{grid-gap:16px;grid-gap:var(--space-md)}.form-actions,.form-row{gap:16px;gap:var(--space-md)}.form-actions{border-top:1px solid #ffffff1a;display:flex;justify-content:flex-end;margin-top:24px;margin-top:var(--space-xl);padding-top:20px;padding-top:var(--space-lg)}.form-cancel-btn,.form-submit-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;gap:var(--space-xs);min-width:120px;padding:12px 24px;transition:all .3s ease}.form-submit-btn{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);box-shadow:0 4px 12px #0003;color:#fff}.form-cancel-btn{background:#fff3;background:var(--glass-medium);border:1px solid #fff3;color:#ffffffe6}@media (hover:hover){.form-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.form-cancel-btn:hover:not(:disabled){background:#ffffff1a;background:var(--glass-light);transform:translateY(-2px)}}.form-cancel-btn:active,.form-submit-btn:active{transform:scale(.98)}.form-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444}.form-error,.form-success{font-size:14px;margin-top:8px;margin-top:var(--space-xs);padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.form-success{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981}.form-loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.tag-input-container{align-items:center;background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:12px;flex-wrap:wrap;gap:8px;gap:var(--space-xs);min-height:48px;padding:12px;padding:var(--space-sm)}.tag-input{background:#0000;border:none;color:#fff;font-size:16px;min-width:120px;outline:none;padding:8px;padding:var(--space-xs)}.tag-input::placeholder{color:#fff9}.form-tag{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border-radius:8px;font-size:12px;font-weight:500;gap:8px;gap:var(--space-xs);padding:4px 8px}.form-tag,.tag-remove{align-items:center;color:#fff;display:flex}.tag-remove{background:none;border:none;border-radius:50%;cursor:pointer;font-size:14px;height:16px;justify-content:center;padding:0;transition:all .2s ease;width:16px}.tag-remove:hover{background:#fff3}@media (max-width:414px){.activity-filters,.chat-window,.create-activity,.user-verification{padding:16px;padding:var(--space-md)}.create-activity-header,.form-header{padding:20px;padding:var(--space-lg)}.create-activity-title,.form-title{font-size:22px}.form-section{padding:16px;padding:var(--space-md)}.form-row{grid-template-columns:1fr}.form-actions,.form-row{gap:12px;gap:var(--space-sm)}.form-actions{flex-direction:column}.form-cancel-btn,.form-submit-btn{width:100%}.tag-input-container{padding:8px;padding:var(--space-xs)}.tag-input{min-width:100px}}.activity-calendar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;margin:0 auto;max-width:414px;padding:20px;padding:var(--space-lg)}.activity-calendar .calendar-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md);justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg)}.activity-calendar .calendar-title{color:#fff;font-size:24px;font-weight:700;margin:0;text-shadow:0 1px 2px #0000004d}.activity-calendar .calendar-navigation{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.activity-calendar .nav-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:36px;justify-content:center;transition:all .3s ease;width:36px}.activity-calendar .nav-button:hover{background:#ffffff1a;background:var(--glass-light);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.activity-calendar .nav-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.activity-calendar .current-month{color:#fff;font-size:18px;font-weight:600;min-width:180px;text-align:center;text-shadow:0 1px 2px #0003}.activity-calendar .calendar-grid{margin-bottom:20px;margin-bottom:var(--space-lg)}.activity-calendar .calendar-weekdays{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:12px;margin-bottom:var(--space-sm)}.activity-calendar .weekday-header{color:#fffc;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;padding:var(--space-sm);text-align:center;text-transform:none}.activity-calendar .calendar-days{grid-gap:1px;background:#000c;background:var(--glass-dark);border-radius:12px;box-shadow:0 4px 16px #0000001a;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.activity-calendar .calendar-day{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);cursor:pointer;display:flex;flex-direction:column;min-height:80px;padding:8px;position:relative;transition:all .3s ease}.activity-calendar .calendar-day:hover{background:#ffffff1a;background:var(--glass-light);box-shadow:0 4px 12px #0003;transform:scale(1.02);z-index:2}.activity-calendar .calendar-day.other-month{opacity:.4}.activity-calendar .calendar-day.today{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);box-shadow:0 4px 16px #0000004d;color:#fff;font-weight:700}.activity-calendar .calendar-day.today .day-number{color:#fff;font-weight:700;text-shadow:0 1px 2px #0000004d}.activity-calendar .calendar-day.selected{background:#ffffff1a;background:var(--glass-light);box-shadow:inset 0 0 0 2px #fff6;transform:scale(1.02)}.activity-calendar .calendar-day.has-activities{border-left:4px solid #10b981}.activity-calendar .day-number{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px;text-shadow:0 1px 2px #0003}.activity-calendar .day-activities{display:flex;flex-wrap:wrap;gap:2px;margin-top:auto}.activity-calendar .activity-dot{border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:8px;transition:all .2s ease;width:8px}.activity-calendar .activity-dot:hover{transform:scale(1.3)}.activity-calendar .activity-more{background:#ffffff1a;background:var(--glass-light);border-radius:8px;color:#fffc;font-size:10px;font-weight:600;padding:2px 4px;white-space:nowrap}.activity-calendar .selected-date-activities{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:20px;padding:var(--space-lg)}.activity-calendar .selected-date-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px;margin:0 0 var(--space-md) 0;text-shadow:0 1px 2px #0003}.activity-calendar .no-activities-message{color:#ffffffb3;font-style:italic;margin:0;padding:20px;padding:var(--space-lg);text-align:center}.activity-calendar .date-activities-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-sm)}.activity-calendar .calendar-activity-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:12px;gap:var(--space-sm);padding:16px;padding:var(--space-md);transition:all .3s ease}.activity-calendar .calendar-activity-item:hover{background:#fff3;background:var(--glass-medium);box-shadow:0 4px 12px #0003;transform:translateX(4px)}.activity-calendar .activity-time{background:#fff3;background:var(--glass-medium);border-radius:8px;color:#ffffffe6;font-size:12px;font-weight:600;min-width:50px;padding:4px 8px;text-align:center}.activity-calendar .activity-info{flex:1 1;min-width:0}.activity-calendar .activity-info .activity-title{color:#fff;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 2px}.activity-calendar .activity-location{color:#fffc;font-size:12px;margin:0}.activity-calendar .activity-category-indicator{align-items:center;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.activity-calendar .calendar-legend{border-top:1px solid #ffffff1a;display:flex;gap:20px;gap:var(--space-lg);padding-top:16px;padding-top:var(--space-md)}.activity-calendar .legend-item{align-items:center;color:#fffc;display:flex;font-size:12px;gap:8px;gap:var(--space-xs)}.activity-calendar .legend-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.activity-calendar .today-dot{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1)}.activity-calendar .activity-dot-sample{background:#10b981}.meet-modal-overlay{align-items:center;animation:modalOverlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.meet-modal-content{animation:modalContentSlideIn .3s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#000c;background:var(--glass-dark);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.meet-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 24px 20px;padding:var(--space-xl) var(--space-xl) var(--space-lg) var(--space-xl)}.meet-modal-title{color:#fff;font-size:22px;font-weight:700;margin:0;text-shadow:0 1px 2px #0000004d}.meet-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.meet-modal-close:hover{background:#fff3;background:var(--glass-medium);color:#fff;transform:scale(1.1)}.meet-modal-body{padding:24px;padding:var(--space-xl)}.meet-modal-actions{border-top:1px solid #ffffff1a;display:flex;gap:16px;gap:var(--space-md);justify-content:flex-end;margin-top:24px;margin-top:var(--space-xl);padding-top:20px;padding-top:var(--space-lg)}.meet-modal-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-xs);padding:12px 24px;padding:12px var(--space-xl);transition:all .3s ease}.meet-modal-button.primary{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);box-shadow:0 4px 12px #0003;color:#fff}.meet-modal-button.secondary{background:#fff3;background:var(--glass-medium);border:1px solid #fff3;color:#ffffffe6}@media (hover:hover){.meet-modal-button.primary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.meet-modal-button.secondary:hover{background:#ffffff1a;background:var(--glass-light);color:#fff;transform:translateY(-2px)}}.meet-modal-button:active{transform:scale(.98)}.meet-modal-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.meet-confirm-dialog{text-align:center}.meet-confirm-icon{font-size:48px;margin-bottom:20px;margin-bottom:var(--space-lg)}.meet-confirm-message{color:#ffffffe6;font-size:16px;line-height:1.5;margin-bottom:24px;margin-bottom:var(--space-xl)}@media (max-width:414px){.meet-modal-overlay,.safety-modal-overlay{padding:16px;padding:var(--space-md)}.meet-modal-content,.safety-modal-content{border-radius:20px;max-width:100%}.meet-modal-header,.safety-modal-header{padding:20px 20px 16px;padding:var(--space-lg) var(--space-lg) var(--space-md) var(--space-lg)}.meet-modal-body,.safety-modal-body{padding:20px;padding:var(--space-lg)}.meet-modal-title,.safety-modal-title{font-size:20px}.meet-modal-actions,.report-buttons{flex-direction:column;gap:12px;gap:var(--space-sm)}.cancel-button,.meet-modal-button,.submit-report-button{justify-content:center;width:100%}}.activity-calendar,.activity-filters,.chat-window,.create-activity,.meet-hub,.user-verification{margin:0 auto;max-width:100%;min-height:calc(100vh - 80px);padding:16px;padding:var(--space-md)}.activity-card{border-radius:16px;margin-bottom:12px;padding:12px}.activity-card-image{border-radius:12px;height:160px;margin-bottom:8px}.activity-card-header{gap:4px;margin-bottom:8px}.activity-card-footer{gap:8px;margin-top:8px;padding-top:8px}.activity-actions{gap:4px}.join-button,.view-button,.waitlist-button{font-size:11px;min-width:70px;padding:6px 8px}.organizer-avatar{height:24px;width:24px}.form-row{grid-template-columns:1fr}.form-actions,.form-row{gap:12px;gap:var(--space-sm)}.form-actions{flex-direction:column}.form-cancel-btn,.form-submit-btn{justify-content:center;width:100%}.tag-input-container{padding:8px;padding:var(--space-xs)}.tag-input{min-width:100px}.activity-calendar{padding:16px;padding:var(--space-md)}.activity-calendar .calendar-header{flex-direction:column;gap:12px;gap:var(--space-sm);text-align:center}.activity-calendar .calendar-title{font-size:22px}.activity-calendar .current-month{font-size:16px;min-width:auto}.activity-calendar .calendar-day{min-height:60px;padding:6px}.activity-calendar .day-number{font-size:12px}.activity-calendar .calendar-activity-item{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-xs);padding:12px;padding:var(--space-sm)}.activity-calendar .activity-time{align-self:flex-start;font-size:11px;min-width:auto}.activity-calendar .activity-info .activity-title{font-size:13px}.activity-calendar .activity-location{font-size:11px}.activity-calendar .activity-category-indicator{align-self:flex-end;font-size:12px;height:28px;margin-top:-32px;width:28px}.activity-calendar .calendar-legend{flex-wrap:wrap;gap:16px;gap:var(--space-md);justify-content:center}.view-tabs-container{gap:1px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:2px}.view-tab{flex-direction:column;font-size:11px;gap:2px;min-height:50px;padding:12px;padding:var(--space-sm)}.view-tab-icon{font-size:16px}.view-tab-label{font-size:10px;text-align:center}.meet-tabs{gap:1px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:2px}.meet-tab{flex-direction:column;font-size:11px;gap:2px;min-height:50px;padding:12px;padding:var(--space-sm)}.create-activity-header,.form-header,.meet-header{padding:20px;padding:var(--space-lg);text-align:center}.create-activity-title,.form-title,.meet-title{font-size:22px}.create-activity-subtitle,.form-subtitle,.meet-subtitle{font-size:14px}.form-section{border-radius:12px}.form-section,.meet-modal-overlay,.safety-modal-overlay{padding:16px;padding:var(--space-md)}.meet-modal-content,.safety-modal-content{border-radius:20px;max-width:100%}.meet-modal-header,.safety-modal-header{padding:20px 20px 16px;padding:var(--space-lg) var(--space-lg) var(--space-md) var(--space-lg)}.meet-modal-body,.safety-modal-body{padding:20px;padding:var(--space-lg)}.meet-modal-title,.safety-modal-title{font-size:20px}.meet-modal-actions,.report-buttons{flex-direction:column;gap:12px;gap:var(--space-sm)}.cancel-button,.meet-modal-button,.submit-report-button{justify-content:center;width:100%}.emergency-contact{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--space-sm);padding:16px;padding:var(--space-md)}.contact-number{align-self:stretch;text-align:center}.trust-item{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--space-sm);padding:16px;padding:var(--space-md)}.trust-icon{align-self:center}@media (min-width:415px){.activity-calendar,.activity-filters,.chat-window,.create-activity,.meet-hub,.user-verification{max-width:414px;padding:20px;padding:var(--space-lg)}.activity-card{border-radius:20px;padding:16px}.activity-card-image{border-radius:12px;height:200px;margin-bottom:12px}.activity-card-header{gap:6px;margin-bottom:12px}.activity-card-footer{gap:12px;margin-top:12px;padding-top:12px}.activity-actions{gap:6px}.join-button,.view-button,.waitlist-button{font-size:12px;min-width:80px;padding:8px 12px}.organizer-avatar{height:28px;width:28px}.form-row{grid-template-columns:1fr 1fr}.form-actions,.form-row{gap:16px;gap:var(--space-md)}.form-actions{flex-direction:row;justify-content:flex-end}.form-cancel-btn,.form-submit-btn{min-width:120px;width:auto}.activity-calendar .calendar-header{flex-direction:row;justify-content:space-between;text-align:left}.activity-calendar .calendar-title{font-size:24px}.activity-calendar .current-month{font-size:18px;min-width:180px}.activity-calendar .calendar-day{min-height:80px;padding:8px}.activity-calendar .day-number{font-size:14px}.activity-calendar .calendar-activity-item{align-items:center;flex-direction:row;gap:12px;gap:var(--space-sm);padding:16px;padding:var(--space-md)}.activity-calendar .activity-time{font-size:12px;min-width:50px}.activity-calendar .activity-info .activity-title{font-size:14px}.activity-calendar .activity-location{font-size:12px}.activity-calendar .activity-category-indicator{align-self:auto;font-size:14px;height:32px;margin-top:0;width:32px}.view-tabs-container{gap:2px;padding:4px}.view-tab{align-items:center;flex-direction:row;font-size:13px;gap:8px;gap:var(--space-xs);min-height:60px;padding:16px;padding:var(--space-md)}.view-tab-icon{font-size:18px}.view-tab-label{font-size:12px}.meet-tabs{gap:2px;padding:4px}.meet-tab{align-items:center;flex-direction:row;font-size:13px;gap:8px;gap:var(--space-xs);min-height:60px;padding:16px;padding:var(--space-md)}.meet-tab,.mobile-touch-target{-webkit-tap-highlight-color:rgba(107,70,193,.2);touch-action:manipulation}.mobile-touch-target{font-size:12px;min-height:48px;min-width:48px;padding:12px 16px}.mobile-touch-card{-webkit-tap-highlight-color:rgba(107,70,193,.1);cursor:pointer;touch-action:manipulation;transition:transform .1s ease-out,box-shadow .1s ease-out}.mobile-touch-card:active{box-shadow:0 2px 8px #00000026;transform:scale(.98)}.activity-card{border-radius:16px;box-shadow:0 2px 12px #0000001a;margin-bottom:16px;overflow:hidden}.activity-actions{background:#fffffff2;display:flex;gap:8px;padding:12px}.activity-actions .mobile-touch-target{align-items:center;border:none;border-radius:12px;display:flex;flex:1 1;font-weight:500;gap:6px;justify-content:center}.join-button.mobile-touch-target{background:#6b46c1;background:var(--primary-color,#6b46c1);color:#fff}.view-button.mobile-touch-target,.waitlist-button.mobile-touch-target{background:#6b46c11a;color:#6b46c1;color:var(--primary-color,#6b46c1)}.add-tag-button.mobile-touch-target{background:#6b46c1;background:var(--primary-color,#6b46c1);border:none;border-radius:8px;color:#fff;font-weight:500}.remove-tag.mobile-touch-target{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#dc2626;display:flex;font-weight:700;height:24px;justify-content:center;margin-left:6px;width:24px}.submit-button.mobile-touch-target{align-items:center;background:#6b46c1;background:var(--primary-color,#6b46c1);border:none;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:8px;justify-content:center;width:100%}.safety-modal-close.mobile-touch-target{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#666;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.cancel-button.mobile-touch-target,.submit-report-button.mobile-touch-target{border:none;border-radius:8px;font-weight:500}.cancel-button.mobile-touch-target{background:#6b46c11a;color:#6b46c1;color:var(--primary-color,#6b46c1)}.submit-report-button.mobile-touch-target{background:#dc2626;color:#fff}.filter-button.mobile-touch-target{align-items:center;background:#6b46c11a;border:none;border-radius:12px;color:#6b46c1;color:var(--primary-color,#6b46c1);display:flex;font-weight:500;gap:6px}.view-tab.mobile-touch-target{background:#0000;border:2px solid #6b46c133;border-radius:12px;color:#666;font-weight:500;transition:all .2s ease}.view-tab.mobile-touch-target.active{background:#6b46c1;background:var(--primary-color,#6b46c1);border-color:#6b46c1;border-color:var(--primary-color,#6b46c1);color:#fff}.load-more-button.mobile-touch-target{align-items:center;background:#6b46c11a;border:none;border-radius:12px;color:#6b46c1;color:var(--primary-color,#6b46c1);display:flex;font-weight:500;gap:8px;justify-content:center;margin:16px 0;width:100%}.create-activity-header,.form-header,.meet-header{padding:24px;padding:var(--space-xl)}.create-activity-title,.form-title,.meet-title{font-size:28px}.create-activity-subtitle,.form-subtitle,.meet-subtitle{font-size:16px}.form-section{border-radius:16px;padding:20px;padding:var(--space-lg)}.section-title{font-size:18px}.meet-modal-content,.safety-modal-content{border-radius:24px;max-width:500px}.meet-modal-title,.safety-modal-title{font-size:22px}.meet-modal-actions,.report-buttons{flex-direction:row;gap:16px;gap:var(--space-md);justify-content:flex-end}.cancel-button,.meet-modal-button,.submit-report-button{min-width:120px;width:auto}.emergency-contact{align-items:center;flex-direction:row;gap:16px;gap:var(--space-md);padding:20px;padding:var(--space-lg)}.contact-number{align-self:auto;text-align:center;width:auto}.trust-item{align-items:flex-start;flex-direction:row;gap:16px;gap:var(--space-md);padding:20px;padding:var(--space-lg)}.trust-icon{align-self:flex-start}}@media (min-width:768px){.activity-calendar,.create-activity,.meet-hub{max-width:600px}.activity-card-image{height:240px}.activity-calendar .calendar-day{min-height:100px}.meet-modal-content,.safety-modal-content{max-width:600px}}@media (max-width:414px){.meet-header-actions{gap:8px;gap:var(--space-xs);margin-top:16px;margin-top:var(--space-md)}.create-activity-button,.safety-button,.verification-button{flex:1 1;font-size:12px;justify-content:center;min-width:0;padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.verified-badge-header{font-size:11px;padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.verified-text{font-size:10px}.activity-calendar{padding:16px;padding:var(--space-md)}.activity-calendar .calendar-header{flex-direction:column;gap:12px;gap:var(--space-sm);text-align:center}.activity-calendar .calendar-title{font-size:22px}.activity-calendar .current-month{font-size:16px;min-width:auto}.activity-calendar .calendar-day{min-height:60px;padding:6px}.activity-calendar .day-number{font-size:12px}.activity-calendar .calendar-activity-item{padding:12px;padding:var(--space-sm)}.activity-calendar .activity-time{font-size:11px;min-width:40px}.activity-calendar .activity-info .activity-title{font-size:13px}.activity-calendar .activity-location{font-size:11px}.activity-calendar .activity-category-indicator{font-size:12px;height:28px;width:28px}.activity-calendar .calendar-legend{flex-wrap:wrap;gap:16px;gap:var(--space-md);justify-content:center}}.admin-activities{color:#fff;color:var(--text-primary);margin:0 auto;max-width:414px;min-height:calc(100vh - 80px);padding:20px;padding:var(--space-lg)}.admin-access-denied{align-items:center;display:flex;justify-content:center;min-height:400px}.access-denied-content{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;padding:40px;padding:var(--space-3xl);text-align:center}.access-denied-icon{display:block;font-size:48px;margin-bottom:20px;margin-bottom:var(--space-lg)}.access-denied-content h3{color:#fff;color:var(--text-primary);margin-bottom:16px;margin-bottom:var(--space-md)}.access-denied-content p{color:#fffc;color:var(--text-secondary)}.admin-header{margin-bottom:40px;margin-bottom:var(--space-3xl);text-align:center}.admin-header h2{color:#fff;color:var(--text-primary);font-size:28px;margin-bottom:12px;margin-bottom:var(--space-sm)}.admin-header p{color:#fffc;color:var(--text-secondary);font-size:16px}.admin-stats{grid-gap:16px;grid-gap:var(--space-md);display:grid;grid-template-columns:repeat(2,1fr);margin-top:24px;margin-top:var(--space-xl)}.admin-stats,.stat-card{gap:16px;gap:var(--space-md)}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;display:flex;padding:20px;padding:var(--space-lg);transition:all .3s ease}.stat-card:hover{background:#fff3;background:var(--glass-medium);transform:translateY(-2px)}.stat-icon{font-size:24px}.stat-info{display:flex;flex-direction:column}.stat-number{color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary)}.admin-tabs{background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:12px;gap:var(--space-sm);margin-bottom:24px;margin-bottom:var(--space-xl);padding:12px;padding:var(--space-sm)}.admin-tab{background:#0000;border:none;border-radius:12px;color:#fffc;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:16px;padding:var(--space-md);transition:all .3s ease}.admin-tab.active{border:1px solid #ffffff26}.admin-tab.active,.admin-tab:hover:not(.active){background:#fff3;background:var(--glass-medium);color:#fff;color:var(--text-primary)}.admin-loading{align-items:center;display:flex;flex-direction:column;gap:20px;gap:var(--space-lg);justify-content:center;min-height:300px}.admin-loading p{color:#fffc;color:var(--text-secondary)}.admin-empty{align-items:center;display:flex;flex-direction:column;gap:20px;gap:var(--space-lg);justify-content:center;min-height:300px;text-align:center}.empty-icon{font-size:48px}.admin-empty h3{color:#fff;color:var(--text-primary);margin:0}.admin-empty p{color:#fffc;color:var(--text-secondary);margin:0}.admin-activities-list{display:flex;flex-direction:column;gap:20px;gap:var(--space-lg)}.admin-activity-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;padding:24px;padding:var(--space-xl);transition:all .3s ease}.admin-activity-card:hover{background:#fff3;background:var(--glass-medium);transform:translateY(-2px)}.activity-header{align-items:flex-start;display:flex;gap:16px;gap:var(--space-md);justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg)}.activity-title-section{flex:1 1}.activity-title{font-size:18px;line-height:1.3;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.activity-meta{flex-direction:column}.activity-meta,.activity-organizer{display:flex;gap:8px;gap:var(--space-xs)}.activity-organizer{align-items:center;color:#fffc;color:var(--text-secondary);font-size:14px}.verified-badge{background:#10b981;border-radius:8px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.activity-category{color:#fffc;color:var(--text-secondary);font-size:14px}.activity-status{font-size:14px;font-weight:600;text-transform:capitalize;white-space:nowrap}.activity-description{color:#fff;color:var(--text-primary);font-size:15px;line-height:1.5}.activity-description,.activity-info{margin-bottom:20px;margin-bottom:var(--space-lg)}.activity-info{display:flex;flex-direction:column;gap:12px;gap:var(--space-sm)}.activity-info span{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;gap:var(--space-xs)}.admin-notes,.rejection-reason{background:#fff3;background:var(--glass-medium);border-radius:12px;color:#fff;color:var(--text-primary);font-size:14px;margin-bottom:16px;margin-bottom:var(--space-md);padding:16px;padding:var(--space-md)}.rejection-reason{border-left:4px solid #ef4444}.admin-notes{border-left:4px solid #3b82f6}.activity-timestamps{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:8px;gap:var(--space-xs);padding-top:16px;padding-top:var(--space-md)}.activity-timestamps span{color:#fff9;color:var(--text-tertiary);font-size:12px}.activity-actions{border-top:1px solid #ffffff1a;gap:16px;gap:var(--space-md);margin-top:20px;margin-top:var(--space-lg);padding-top:20px;padding-top:var(--space-lg)}.approve-button,.reject-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;gap:var(--space-xs);justify-content:center;padding:16px;padding:var(--space-md);transition:all .3s ease}.approve-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.approve-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.reject-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.reject-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.admin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:10000}.admin-modal{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:var(--glass-strong);border:1px solid #fff3;border-radius:24px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #ffffff1a;padding:var(--space-xl)}.modal-header h3{color:#fff;color:var(--text-primary);font-size:20px;margin:0}.close-button{background:none;border:none;border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:8px;padding:var(--space-xs);transition:all .3s ease}.close-button:hover{background:#fff3;background:var(--glass-medium);color:#fff;color:var(--text-primary)}.modal-content{padding:24px;padding:var(--space-xl)}.modal-content p{color:#fffc;color:var(--text-secondary);font-size:14px;margin-bottom:16px;margin-bottom:var(--space-md)}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:12px;margin-bottom:var(--space-sm)}.form-group label,.form-group textarea{color:#fff;color:var(--text-primary);font-size:14px}.form-group textarea{background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:12px;font-family:inherit;line-height:1.5;min-height:80px;padding:16px;padding:var(--space-md);resize:vertical;width:100%}.form-group textarea:focus{background:var(--glass-strong);border-color:#ffffff4d;outline:none}.form-group textarea::placeholder{color:#fff9;color:var(--text-tertiary)}.modal-actions{border-top:1px solid #ffffff1a;display:flex;gap:16px;gap:var(--space-md);padding:24px;padding:var(--space-xl)}.cancel-button,.confirm-approve-button,.confirm-reject-button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:16px 20px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.cancel-button{background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;color:#fffc;color:var(--text-secondary)}.cancel-button:hover{background:var(--glass-strong);color:#fff;color:var(--text-primary)}.confirm-approve-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.confirm-approve-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.confirm-reject-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.confirm-reject-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.cancel-button:disabled,.confirm-approve-button:disabled,.confirm-reject-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.admin-stats{gap:12px;gap:var(--space-sm);grid-template-columns:1fr}.admin-tabs{flex-direction:column;gap:8px;gap:var(--space-xs)}.admin-tab{text-align:center}.activity-header{align-items:flex-start}.activity-actions,.activity-header,.modal-actions{flex-direction:column}.admin-modal{margin:16px;margin:var(--space-md);max-width:none}}.journal-container[data-calendar-version="2025.01.17.2"] .calendar-day{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--background-tertiary)!important;border:none!important;box-shadow:none!important}.journal-container .calendar-day,.journal-container div[class*=calendar-day],body .journal-container .calendar-day,body .journal-container div[class*=calendar-day],div.journal-container div.calendar-day{align-items:center!important;aspect-ratio:1!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--background-tertiary)!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;color:var(--text-primary)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;height:45px!important;justify-content:center!important;max-height:45px!important;min-height:45px!important;overflow:hidden!important;position:relative!important;transition:all .2s ease!important;width:100%!important}@media (max-width:768px){.journal-container .calendar-day,.journal-container div[class*=calendar-day],body .journal-container .calendar-day,body .journal-container div[class*=calendar-day],div.journal-container div.calendar-day{border-radius:6px!important;font-size:12px!important;height:38px!important;max-height:38px!important;min-height:38px!important}}.journal-container .calendar-days,body .journal-container .calendar-days,div.journal-container div.calendar-days{grid-gap:2px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important;display:grid!important;gap:2px!important;grid-auto-rows:45px!important;grid-template-columns:repeat(7,1fr)!important;margin:0!important;padding:0!important;width:100%!important}@media (max-width:768px){.journal-container .calendar-days,body .journal-container .calendar-days,div.journal-container div.calendar-days{gap:1px!important;grid-auto-rows:38px!important}}.activity-calendar{max-width:100%;overflow:hidden;width:100%}.calendar-header{align-items:center;background:#fffffff2;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;margin-bottom:8px;padding:16px}.nav-button.mobile-touch-target{align-items:center;background:#6b46c11a;border:none;border-radius:50%;color:#6b46c1;color:var(--primary-color,#6b46c1);display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.current-month{align-items:center;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:8px 12px;transition:background-color .2s ease}.current-month:hover{background:#6b46c10d}.view-mode-indicator{font-size:12px;opacity:.7}.calendar-grid{background:#fff;border-radius:0 0 16px 16px;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none}.calendar-weekdays{background:#6b46c10d;display:grid;grid-template-columns:repeat(7,1fr)}.weekday-header.mobile-calendar-header{color:#6b46c1;color:var(--primary-color,#6b46c1);font-size:12px;font-weight:600;padding:12px 4px;text-align:center;text-transform:none}.calendar-days{grid-gap:1px;background:#f0f0f0;gap:1px}.calendar-days.week-view{grid-template-columns:repeat(7,1fr)}.calendar-day.mobile-calendar-day{align-items:center;aspect-ratio:1;background:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:80px;padding:8px 4px;position:relative;transition:all .2s ease}.calendar-day.mobile-calendar-day:hover{background:#6b46c10d}.calendar-day.mobile-calendar-day.today{background:#6b46c11a}.calendar-day.mobile-calendar-day.selected{background:#6b46c1;background:var(--primary-color,#6b46c1);color:#fff}.calendar-day.mobile-calendar-day.other-month{opacity:.3;pointer-events:none}.day-number.mobile-day-number{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:600;height:24px;justify-content:center;margin-bottom:4px;width:24px}.calendar-day.today .day-number.mobile-day-number{background:#6b46c1;background:var(--primary-color,#6b46c1);color:#fff}.calendar-day.selected .day-number.mobile-day-number{background:#fff;color:#6b46c1;color:var(--primary-color,#6b46c1)}.day-activities.mobile-day-activities{align-items:center;display:flex;flex-direction:column;gap:2px;width:100%}.activity-dot.mobile-activity-dot{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;margin:1px;width:20px}.activity-count-badge{background:#6b46c1cc;border-radius:10px;font-size:10px;font-weight:700;padding:2px 6px}.activity-preview{display:flex;flex-direction:column;gap:2px;width:100%}.activity-preview-item{align-items:center;background:#ffffffe6;border-radius:4px;display:flex;font-size:10px;justify-content:space-between;padding:2px 6px}.activity-time{font-weight:600}.activity-emoji{font-size:12px}.activity-more-preview{color:#666;font-size:10px;font-weight:700;text-align:center}.bottom-sheet-overlay{background:#00000080}.bottom-sheet{animation:slideUp .3s ease-out;background:#fff;border-radius:20px 20px 0 0;overflow:hidden}.bottom-sheet-header{border-bottom:1px solid #f0f0f0;padding:16px}.sheet-handle{background:#ddd;top:8px}.selected-date-title{font-size:18px;margin:0}.close-sheet-button.mobile-touch-target{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#666;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.bottom-sheet-content{max-height:50vh;overflow-y:auto;padding:16px}.no-activities-message{color:#666}.date-activities-list{gap:12px}.calendar-activity-item.mobile-activity-card{-webkit-tap-highlight-color:rgba(107,70,193,.1);align-items:center;background:#fffffff2;border:1px solid #f0f0f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.calendar-activity-item.mobile-activity-card:active{background:#6b46c10d;transform:scale(.98)}.activity-time-badge{background:#6b46c1;background:var(--primary-color,#6b46c1);border-radius:8px;font-size:14px;min-width:60px;padding:6px 12px;text-align:center}.activity-title{margin-bottom:4px}.activity-location,.activity-participants{color:#666;font-size:14px;margin-bottom:2px}.activity-category-indicator{border-radius:50%;font-size:18px}.calendar-controls{background:#fffffff2;border-radius:0 0 16px 16px;margin-top:-1px;padding:16px}.view-toggle{display:flex;gap:8px;margin-bottom:16px}.view-toggle-button.mobile-touch-target{background:#6b46c11a;border:none;border-radius:12px;color:#6b46c1;color:var(--primary-color,#6b46c1);flex:1 1;font-weight:600;padding:12px 16px;transition:all .2s ease}.view-toggle-button.mobile-touch-target.active{background:#6b46c1;background:var(--primary-color,#6b46c1);color:#fff}.calendar-legend{flex-wrap:wrap;gap:12px;justify-content:space-between}.calendar-legend,.legend-item{align-items:center;display:flex}.legend-item{color:#666;font-size:12px;gap:6px}.legend-dot{border-radius:50%;height:12px;width:12px}.today-dot{background:#6b46c1;background:var(--primary-color,#6b46c1)}.activity-dot-sample{background:#667eea}.swipe-hint{color:#999;font-size:11px;font-style:italic}@media (max-width:480px){.calendar-day.mobile-calendar-day{min-height:70px;padding:6px 2px}.day-number.mobile-day-number{font-size:12px;height:20px;width:20px}.activity-dot.mobile-activity-dot{font-size:8px;height:16px;width:16px}.weekday-header.mobile-calendar-header{font-size:10px;padding:8px 2px}.calendar-header{padding:12px}.current-month{font-size:14px}.nav-button.mobile-touch-target{font-size:16px;height:40px;width:40px}}.my-activities{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.my-activities-title{color:#1a202c;margin-bottom:8px}.my-activities-subtitle{color:#64748b;font-size:16px}.my-activities-tabs{background:#fff;box-shadow:0 4px 12px #0000001a;gap:4px;padding:6px}.my-activity-tab{-webkit-tap-highlight-color:rgba(107,70,193,.2);color:#64748b;flex-direction:column;font-weight:500;gap:4px;min-height:60px;padding:12px 16px;touch-action:manipulation}.my-activity-tab:hover{background:#6b46c10d;color:#6b46c1}.my-activity-tab.active{background:linear-gradient(135deg,#6b46c1,#8b5cf6);box-shadow:0 4px 12px #6b46c14d}.my-activity-tab-icon{font-size:20px;margin-bottom:2px}.my-activity-tab-label{font-size:12px;font-weight:600}.my-activity-tab-count{background:#fff3;border-radius:10px;font-size:10px;min-width:18px;opacity:.8;padding:2px 6px;text-align:center}.my-activity-tab.active .my-activity-tab-count{background:#ffffff4d}.my-activity-wrapper{background:#fff;border:1px solid #6b46c11a;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.my-activity-wrapper:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.my-activity-wrapper .activity-card{border:none;border-radius:0;box-shadow:none;margin-bottom:0}.my-activity-actions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}.activity-organizer-actions,.activity-participant-actions{width:100%}.activity-organizer-actions .mobile-touch-target,.activity-participant-actions .mobile-touch-target{-webkit-tap-highlight-color:rgba(107,70,193,.2);align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 16px;touch-action:manipulation;transition:all .3s ease}.edit-activity-button.mobile-touch-target{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.edit-activity-button.mobile-touch-target:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.cancel-activity-button.mobile-touch-target{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.cancel-activity-button.mobile-touch-target:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.leave-activity-button.mobile-touch-target{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.leave-activity-button.mobile-touch-target:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.activity-status-cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:12px;color:#dc2626;font-weight:500;padding:12px 16px}.status-icon{font-size:16px}.organizer-stats{background:#0006;border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:16px;padding:16px 20px}.organizer-stats,.stat{color:#fff;display:flex}.stat{align-items:center;background:#ffffff26;border-radius:12px;box-shadow:0 2px 8px #0003;flex:1 1;flex-direction:column;min-width:80px;padding:12px}.stat-icon{font-size:20px;margin-bottom:4px}.stat-value{color:#fff;font-size:18px;margin-bottom:2px}.stat-label{color:#fffc;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:none}.my-activities-loading{padding:60px 20px}.loading-animation{border:4px solid #e2e8f0;border-top-color:#6b46c1;margin-bottom:16px}.loading-text{color:#64748b}.no-activities{padding:60px 20px}.no-activities-icon{margin-bottom:16px;opacity:.5}.no-activities-title{color:#1a202c;margin-bottom:8px}.no-activities-description{color:#64748b;line-height:1.5}@media (max-width:480px){.my-activities{padding:16px}.my-activities-title{font-size:20px}.my-activity-tab{min-height:50px;padding:10px 8px}.my-activity-tab-icon{font-size:16px}.my-activity-tab-label{font-size:10px}.my-activity-actions{gap:8px;padding:12px 16px}.activity-organizer-actions .mobile-touch-target,.activity-participant-actions .mobile-touch-target{font-size:12px;min-width:100px;padding:10px 12px}.organizer-stats{gap:12px;padding:12px 16px}.stat{min-width:60px;padding:8px}.stat-value{font-size:16px}}.privacy-policy-page,.terms-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding-bottom:40px}.privacy-content,.terms-content{background:#2d3561;background:var(--color-night-medium);border:1px solid #4a5c8a;border:1px solid var(--color-night-light);border-radius:16px;box-shadow:0 10px 40px #0000004d;margin:20px auto 0;max-width:900px;padding:20px}.privacy-title,.terms-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:10px;text-align:center}.privacy-updated,.terms-updated{border-bottom:2px solid #ffffff1a;color:#fffc;color:var(--text-secondary);font-size:14px;margin-bottom:30px;padding-bottom:20px;text-align:center}.privacy-section,.terms-section{background:#4a5c8a;background:var(--color-night-light);border:1px solid #ffffff1a;border-radius:12px;margin-bottom:35px;padding:20px}.privacy-section h2,.terms-section h2{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:22px;font-weight:600;margin-bottom:15px}.privacy-section h2:before,.terms-section h2:before{color:#667eea;content:"▸";font-size:24px;margin-right:10px}.privacy-section p,.terms-section p{color:#fffc;color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:15px}.privacy-section ul,.terms-section ul{list-style:none;margin:15px 0;padding-left:0}.privacy-section li,.terms-section li{color:#fffc;color:var(--text-secondary);font-size:15px;line-height:1.8;margin-bottom:10px;padding-left:30px;position:relative}.privacy-section li:before,.terms-section li:before{color:#667eea;content:"✓";font-size:16px;font-weight:700;left:0;position:absolute}.terms-warning{background:#ffebee;border-left:4px solid #d32f2f;border-radius:8px;color:#d32f2f!important;font-size:16px!important;font-weight:600;padding:10px 15px}.privacy-footer,.terms-footer{border-top:2px solid #eee;margin-top:40px;padding-top:30px;text-align:center}.privacy-agreement,.terms-agreement{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea4d;border-radius:12px;color:#333;font-size:16px;font-weight:500;padding:20px}@media (prefers-color-scheme:dark){.privacy-content,.terms-content{background:#1e1e28f2}.privacy-title,.terms-title{color:#fff}.privacy-updated,.terms-updated{border-bottom-color:#444;color:#aaa}.privacy-section,.terms-section{background:#282832cc;border-left-color:#764ba2}.privacy-section h2,.terms-section h2{color:#fff}.privacy-section li,.privacy-section p,.terms-section li,.terms-section p{color:#ccc}.terms-warning{background:#d32f2f1a;color:#ff6b6b!important}.privacy-footer,.terms-footer{border-top-color:#444}.privacy-agreement,.terms-agreement{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea80;color:#fff}}@media (max-width:768px){.privacy-content,.terms-content{border-radius:12px;margin:10px;padding:15px}.privacy-title,.terms-title{font-size:24px}.privacy-section,.terms-section{margin-bottom:20px;padding:15px}.privacy-section h2,.terms-section h2{font-size:18px}.privacy-section li,.privacy-section p,.terms-section li,.terms-section p{font-size:14px}}.app-footer{background:linear-gradient(135deg,#667eeaf2,#764ba2f2);border-top:1px solid #fff3;margin-top:40px;padding:20px}.footer-content{margin:0 auto;max-width:1200px;text-align:center}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:15px}.footer-link{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;text-decoration:none;transition:all .3s ease}.footer-link:hover{background:#fff3;transform:translateY(-2px)}.footer-separator{color:#ffffff80;font-size:12px}.footer-copyright{color:#ffffffe6;font-size:13px;margin-top:10px}.footer-copyright p{margin:0}@media (max-width:768px){.footer-links{gap:10px}.footer-link{font-size:13px}.footer-separator{display:none}}.profile-navigation{background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:16px;flex-direction:column;gap:8px;gap:var(--space-xs);margin:24px 0;margin:var(--space-xl) 0;padding:20px;padding:var(--space-lg)}.profile-nav-item,.profile-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.profile-nav-item{align-items:center;background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:500;gap:16px;gap:var(--space-md);justify-content:flex-start;min-height:56px;padding:16px 20px;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all .3s ease}.profile-nav-item:hover{background:#ffffff1a;background:var(--glass-light);border-color:#fff3;box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.profile-nav-item:active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.profile-nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea80;box-shadow:0 4px 16px #667eea4d;color:#fff}.profile-nav-item.active:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:flex-start;width:32px}.nav-label{font-size:16px;font-weight:500}.meet-hub{background:linear-gradient(135deg,#0f1419,#1a2332 30%,#2d3561 60%,#4a5c8a);background:var(--gradient-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);margin:0;max-width:100%;min-height:calc(100vh - 80px);padding:0}.meet-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border-bottom:1px solid #ffffff1a;margin-bottom:0;padding:20px 16px}.meet-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.meet-title{color:#fff;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 8px #0000004d}.meet-subtitle{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:0}.activity-calendar,.meet-hub .activity-calendar{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#0f172a,#1e293b)!important;border:1px solid #3b82f61a!important;border-radius:24px!important;box-shadow:0 20px 60px #0006,inset 0 1px 0 #ffffff0d!important;margin:0 auto!important;max-width:800px!important;overflow:hidden!important;padding:24px!important;padding:var(--space-xl)!important;position:relative!important}.activity-calendar:before,.meet-hub .activity-calendar:before{background-image:radial-gradient(2px 2px at 20px 30px,#ffffff1a,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff14,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff0f,#0000),radial-gradient(1px 1px at 130px 80px,#ffffff0d,#0000),radial-gradient(2px 2px at 160px 30px,#ffffff1a,#0000);background-repeat:repeat;background-size:200px 100px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.activity-calendar .calendar-header,.meet-hub .calendar-header{align-items:center;border-bottom:2px solid #3b82f61a;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-xl);padding-bottom:20px;padding-bottom:var(--space-lg);position:relative;z-index:2}.activity-calendar .calendar-title,.meet-hub .calendar-title{color:#e2e8f0!important;font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 8px #3b82f64d!important}.calendar-navigation{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.activity-calendar .nav-button,.meet-hub .nav-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f61a!important;border:1px solid #3b82f633!important;border-radius:12px;color:#e2e8f0!important;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:2}.activity-calendar .nav-button:hover,.meet-hub .nav-button:hover{background:#3b82f633!important;border-color:#3b82f666!important;box-shadow:0 8px 24px #3b82f64d;transform:scale(1.05)}.activity-calendar .current-month,.meet-hub .current-month{color:#e2e8f0!important;font-size:18px;font-weight:600;min-width:180px;position:relative;text-align:center;z-index:2}.view-mode-indicator{margin-left:8px;margin-left:var(--space-xs);opacity:.8}.activity-calendar .calendar-grid,.meet-hub .calendar-grid{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#1e293b4d!important;border:1px solid #3b82f61a!important;border-radius:16px!important;margin-bottom:24px;margin-bottom:var(--space-xl);padding:20px!important;padding:var(--space-lg)!important;position:relative!important;z-index:2!important}.activity-calendar .calendar-weekdays,.meet-hub .calendar-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:16px;margin-bottom:var(--space-md)}.activity-calendar .weekday-header,.meet-hub .weekday-header{background:#0000!important;border:none!important;color:#e2e8f099!important;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px;padding:var(--space-sm);text-align:center;text-transform:none}.activity-calendar .calendar-days,.calendar-days,.meet-hub .calendar-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.activity-calendar .calendar-day,.meet-hub .calendar-day{align-items:center;aspect-ratio:1;background:#1e293b66!important;border:2px solid #3b82f633!important;border-radius:12px!important;color:#e2e8f0cc!important;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:50px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.activity-calendar .calendar-day:hover,.meet-hub .calendar-day:hover{background:#3b82f633!important;border-color:#3b82f666!important;box-shadow:0 8px 24px #3b82f64d;transform:scale(1.05)}.activity-calendar .calendar-day.other-month,.meet-hub .calendar-day.other-month{background:#0000!important;border-color:#3b82f61a!important;color:#e2e8f04d!important}.activity-calendar .calendar-day.today,.meet-hub .calendar-day.today{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-color:#3b82f6cc!important;box-shadow:0 8px 32px #3b82f666;color:#fff!important;font-weight:700}.activity-calendar .calendar-day.today .day-number,.meet-hub .calendar-day.today .day-number{color:#fff!important;font-weight:700}.activity-calendar .calendar-day.selected,.meet-hub .calendar-day.selected{background:linear-gradient(135deg,#00d2ff,#3a7bd5)!important;border-color:#00d2ffcc!important;box-shadow:0 4px 16px #00d2ff80;color:#fff!important;font-weight:700}.activity-calendar .calendar-day.has-activities,.meet-hub .calendar-day.has-activities{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border-color:#fbbf2499!important;color:#1f2937!important;font-weight:700}.activity-calendar .calendar-day.has-activities:hover,.meet-hub .calendar-day.has-activities:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24)!important;box-shadow:0 8px 32px #fbbf2466;transform:scale(1.05)}.activity-calendar .calendar-day .day-number,.meet-hub .calendar-day .day-number{color:inherit;font-size:16px;font-weight:600}.day-activities{flex:1 1;flex-wrap:wrap;gap:2px}.activity-dot,.day-activities{align-items:center;display:flex;justify-content:center}.activity-dot{border-radius:50%;color:#fff;font-size:6px;font-weight:600;height:8px;text-shadow:0 1px 1px #00000080;width:8px}.activity-count-badge{background:#000c;background:var(--glass-dark);border-radius:6px;color:#fff;color:var(--text-primary);font-size:8px;font-weight:600;margin-top:2px;padding:2px 4px}.bottom-sheet-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.bottom-sheet{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#000c;background:var(--glass-dark);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:24px 24px 0 0;box-shadow:0 -20px 40px #0000004d;max-height:70vh;max-width:414px;overflow-y:auto;width:100%}.bottom-sheet-header{align-items:center;border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-medium);display:flex;justify-content:space-between;padding:20px;padding:var(--space-lg);position:relative}.sheet-handle{background:#fff3;background:var(--glass-medium);border-radius:2px;height:4px;left:50%;position:absolute;top:12px;top:var(--space-sm);transform:translateX(-50%);width:40px}.selected-date-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:12px 0 0;margin:var(--space-sm) 0 0 0}.close-sheet-button{align-items:center;background:#fff3;background:var(--glass-medium);border:none;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.close-sheet-button:hover{background:#ffffff1a;background:var(--glass-light);transform:scale(1.1)}.bottom-sheet-content{padding:20px;padding:var(--space-lg)}.no-activities-state{color:#fffc;color:var(--text-secondary);padding:40px 20px;padding:var(--space-3xl) var(--space-lg);text-align:center}.no-activities-icon{font-size:48px;opacity:.8}.no-activities-message{font-size:16px;line-height:1.5}.date-activities-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.calendar-activity-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:16px;cursor:pointer;display:flex;gap:16px;gap:var(--space-md);padding:20px;padding:var(--space-lg);transition:all .3s ease}.calendar-activity-item:hover{background:#fff3;background:var(--glass-medium);border-color:#ffffff4d;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.activity-time-badge{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border-radius:12px;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.activity-info{flex:1 1}.activity-title{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-xs)}.activity-location{color:#fffc;color:var(--text-secondary);font-size:14px;margin-bottom:2px}.activity-participants{color:#fff9;color:var(--text-tertiary);font-size:12px}.activity-category-indicator{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:40px;justify-content:center;text-shadow:0 1px 2px #0000004d;width:40px}.activity-calendar+.calendar-controls,.calendar-controls,.meet-hub .calendar-controls{display:none!important}@media (max-width:480px){.meet-hub{max-width:100%!important;padding:12px!important;padding:var(--space-sm)!important}.meet-header{margin-bottom:16px;margin-bottom:var(--space-md);padding:16px 0;padding:var(--space-md) 0}.meet-title{font-size:24px}.meet-subtitle{font-size:14px}.activity-calendar,.meet-hub .activity-calendar{border-radius:16px!important;margin:0!important;max-width:100%!important;padding:16px!important;padding:var(--space-md)!important}.activity-calendar .calendar-header,.meet-hub .calendar-header{flex-direction:column;gap:12px;gap:var(--space-sm);margin-bottom:16px;margin-bottom:var(--space-md);padding-bottom:16px;padding-bottom:var(--space-md)}.activity-calendar .calendar-title,.meet-hub .calendar-title{font-size:20px;order:2}.activity-calendar .calendar-navigation,.meet-hub .calendar-navigation{justify-content:center;order:1}.activity-calendar .current-month,.meet-hub .current-month{font-size:16px;min-width:auto}.activity-calendar .calendar-grid,.meet-hub .calendar-grid{padding:12px!important;padding:var(--space-sm)!important}.activity-calendar .calendar-weekdays,.meet-hub .calendar-weekdays{gap:2px;margin-bottom:8px;margin-bottom:var(--space-xs)}.activity-calendar .weekday-header,.meet-hub .weekday-header{font-size:12px;font-weight:600;padding:8px;padding:var(--space-xs)}.activity-calendar .calendar-days,.meet-hub .calendar-days{gap:2px}.activity-calendar .calendar-day,.meet-hub .calendar-day{border-width:1px!important;font-size:14px!important;font-weight:600!important;min-height:44px!important}.activity-calendar .calendar-day .day-number,.meet-hub .calendar-day .day-number{font-size:14px;font-weight:600}.activity-calendar .nav-button,.meet-hub .nav-button{font-size:18px;height:36px;width:36px}}@media (max-width:375px){.activity-calendar,.activity-calendar .calendar-grid,.meet-hub .activity-calendar,.meet-hub .calendar-grid{padding:8px!important;padding:var(--space-xs)!important}.activity-calendar .calendar-day,.meet-hub .calendar-day{font-size:13px!important;min-height:40px!important}.meet-title{font-size:22px}}@media (max-width:768px){.profile-navigation{padding:16px;padding:var(--space-md)}.profile-nav-item{min-height:48px;padding:12px 16px;padding:var(--space-sm) var(--space-md)}.nav-icon{font-size:18px;height:28px;width:28px}.nav-label{font-size:15px}}.page-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-light);border-bottom:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;margin:0 0 20px;margin:0 0 var(--space-lg) 0;padding:16px 20px;padding:var(--space-md) var(--space-lg);position:-webkit-sticky;position:sticky;top:0;z-index:100}.page-header,.page-header-left{align-items:center;display:flex}.page-header-left{gap:12px;gap:var(--space-sm)}.hamburger-menu-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.hamburger-menu-button:hover{background:#ffffff1a;background:var(--glass-light);box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.hamburger-icon{display:flex;flex-direction:column;gap:3px;height:14px;width:18px}.hamburger-icon span{border-radius:1px;display:block;height:2px;transition:all .3s ease;width:100%}.hamburger-icon span,.hamburger-menu-button:hover .hamburger-icon span{background:#fff;background:var(--text-primary)}.page-header-center{flex:1 1;text-align:center}.page-header-title{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 2px}.page-header-subtitle{color:#fffc;color:var(--text-secondary);font-size:12px;margin:0}.page-header-right{align-items:center;display:flex;gap:12px;gap:var(--space-sm)}.profile-slide-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1419f2;box-sizing:border-box;height:100vh;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:300px;z-index:2147483646}.profile-slide-panel.open{transform:translateX(0)}.profile-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:2147483645}.profile-overlay.open{opacity:1}.leave-button.warning-button.mobile-touch-target{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.leave-button.warning-button.mobile-touch-target:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.leave-deadline-passed-card{align-items:center;background:#9ca3af1a;border:1px solid #9ca3af33;border-radius:12px;color:#fffc;color:var(--text-secondary);display:flex;font-size:11px;gap:6px;line-height:1.2;padding:8px 12px}.leave-deadline-passed-card .deadline-icon{flex-shrink:0;font-size:14px}.leave-deadline-passed-card .deadline-text{font-weight:500}.activity-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.activity-actions .mobile-touch-target{flex:1 1;min-width:100px}@media (max-width:414px){.leave-deadline-passed-card{font-size:10px;padding:6px 10px}.leave-deadline-passed-card .deadline-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.button-spinner{animation:spin 1s linear infinite;display:inline-block}.mobile-touch-target:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.mobile-touch-target:disabled:hover{box-shadow:none!important;transform:none!important}.join-button.mobile-touch-target:disabled,.leave-button.mobile-touch-target:disabled,.waitlist-button.mobile-touch-target:disabled{background:#fff3;background:var(--glass-medium);color:#fffc;color:var(--text-secondary)}.join-button.mobile-touch-target:disabled .button-spinner{color:#6b46c1;color:var(--primary-color,#6b46c1)}.leave-button.mobile-touch-target:disabled .button-spinner{color:#f59e0b}.activity-chat-indicator{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 8px;text-transform:none;transition:all .3s ease}.activity-chat-indicator:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.activity-chat-indicator .chat-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:12px}.activity-chat-indicator .chat-text{font-weight:700}.activity-card-header{flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:32px}.activity-status-badges{gap:6px}@media (max-width:414px){.activity-chat-indicator{font-size:10px;padding:3px 6px}.activity-chat-indicator .chat-text{display:none}.activity-chat-indicator .chat-icon{font-size:14px}}.success-message-overlay{animation:slideDownFadeIn .3s ease-out forwards;left:50%;pointer-events:none;position:fixed;top:80px;transform:translateX(-50%);z-index:9999}.success-message{align-items:center;animation:successPulse .6s ease-out;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 24px #10b9814d;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;max-width:320px;padding:12px 20px}.success-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:18px}.success-text{flex:1 1;text-shadow:0 1px 2px #0000001a}.activity-card-message{align-items:center;animation:messageSlideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;bottom:10px;box-shadow:0 2px 8px #0003;display:flex;font-size:13px;font-weight:500;gap:8px;left:10px;padding:8px 12px;position:absolute;right:10px;z-index:10}.activity-card-message.success{background:linear-gradient(135deg,#10b981e6,#059669e6);border:1px solid #10b9814d;color:#fff}.activity-card-message.error{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border:1px solid #ef44444d;color:#fff}.activity-card-message .message-icon{align-items:center;display:flex;font-size:14px}.activity-card-message .message-text{flex:1 1;text-shadow:0 1px 2px #0003}@keyframes messageSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:414px){.success-message-overlay{left:16px;right:16px;top:60px;transform:none}.success-message{font-size:13px;max-width:none;padding:10px 16px;width:100%}}.chat-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:20px;margin:20px 0;margin:var(--space-lg) 0;padding:20px;padding:var(--space-lg)}.chat-list-loading{color:#fffc;color:var(--text-secondary);padding:40px;padding:var(--space-3xl);text-align:center}.conversations-container{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.conversation-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;background:var(--glass-medium);border:2px solid #0000;border-radius:16px;cursor:pointer;padding:20px;padding:var(--space-lg);transition:all .3s ease}.conversation-item:hover{background:#ffffff1a;background:var(--glass-light);border-color:#fff3;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.conversation-item:active{transform:scale(.98)}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-sm)}.conversation-title{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600}.conversation-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:none}.conversation-type-badge.activity{background:linear-gradient(135deg,#10b981,#059669)}.conversation-type-badge.direct{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.conversation-preview{color:#fffc;color:var(--text-secondary);font-size:14px;line-height:1.4;margin-bottom:12px;margin-bottom:var(--space-sm)}.conversation-meta{align-items:center;color:#fff9;color:var(--text-tertiary);display:flex;font-size:12px;justify-content:space-between}.conversation-time{font-weight:500}.unread-indicator{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.chat-window{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:20px;display:flex;flex-direction:column;height:calc(100vh - 140px);overflow:hidden}.chat-header{background:#fff3;background:var(--glass-medium);border-bottom:1px solid #ffffff1a;gap:16px;gap:var(--space-md);padding:20px;padding:var(--space-lg)}.chat-back-button,.chat-header{align-items:center;display:flex}.chat-back-button{background:#ffffff1a;background:var(--glass-light);border:none;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.chat-back-button:hover{background:#000c;background:var(--glass-dark);transform:scale(1.1)}.chat-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--space-md);overflow-y:auto;padding:20px;padding:var(--space-lg)}.message-group{margin-bottom:20px;margin-bottom:var(--space-lg)}.message-date{color:#fff9;color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;margin-bottom:var(--space-md);text-align:center;text-transform:none}.message-item{display:flex;gap:12px;gap:var(--space-sm);margin-bottom:12px;margin-bottom:var(--space-sm);max-width:85%}.message-item.own{align-self:flex-end;flex-direction:row-reverse;max-width:85%}.message-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.message-bubble{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;border-radius:18px;max-width:100%;padding:12px 16px}.message-item.own .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.message-content{color:#fff;color:var(--text-primary);font-size:16px;line-height:1.5}.message-item.own .message-content{color:#fff}.message-time{color:#fff9;color:var(--text-tertiary);font-size:11px;margin-top:4px;text-align:right}.message-item.own .message-time{color:#ffffffb3;text-align:left}.chat-input-container{background:#fff3;background:var(--glass-medium);border-top:1px solid #ffffff1a;padding:20px;padding:var(--space-lg)}.chat-input-form{align-items:flex-end;display:flex;gap:12px;gap:var(--space-sm)}.chat-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border-radius:24px;color:#fff;color:var(--text-primary);flex:1 1;font-size:16px;max-height:120px;min-height:44px;padding:12px 16px;resize:none;transition:all .3s ease}.chat-input:focus{background:#fff3;background:var(--glass-medium);border-color:#fff6;outline:none}.chat-input::placeholder{color:#fff9;color:var(--text-tertiary)}.chat-send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.chat-send-button:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:scale(1.1)}.chat-send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.chat-window{border-radius:16px;height:calc(100vh - 100px);margin:16px;margin:var(--space-md)}.chat-header,.chat-input-container,.chat-messages{padding:16px;padding:var(--space-md)}.message-item,.message-item.own{max-width:90%}.message-bubble{border-radius:16px;font-size:15px;padding:10px 14px}.message-content{font-size:15px}.conversation-item{padding:16px;padding:var(--space-md)}.conversation-title{font-size:16px}.chat-list{border-radius:16px;margin:16px;margin:var(--space-md);padding:16px;padding:var(--space-md)}}.my-activities{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:20px;margin:20px 0;margin:var(--space-lg) 0;min-height:calc(100vh - 200px);padding:20px;padding:var(--space-lg)}.my-activities-header{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.my-activities-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.my-activities-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;background:var(--glass-medium);border-radius:16px;margin-bottom:24px;margin-bottom:var(--space-xl);overflow-x:auto;padding:8px;padding:var(--space-xs)}.my-activities-tabs,.my-activity-tab{display:flex;gap:8px;gap:var(--space-xs)}.my-activity-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#fffc;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;justify-content:center;min-height:48px;padding:16px;padding:var(--space-md);transition:all .3s ease;white-space:nowrap}.my-activity-tab.active{background:#ffffff1a;background:var(--glass-light);box-shadow:0 4px 12px #00000026;color:#fff;color:var(--text-primary);transform:scale(1.02)}.my-activity-tab:hover:not(.active){background:#ffffff0d;color:#fff;color:var(--text-primary)}.tab-icon{font-size:16px}.tab-label{font-weight:600}.tab-count{background:#fff3;background:var(--glass-medium);border-radius:12px;color:#fffc;color:var(--text-secondary);font-size:12px;font-weight:700;min-width:20px;padding:2px 8px}.my-activity-tab.active .tab-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.my-activities-content{min-height:300px}.my-activities-loading{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:20px;color:#fffc;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:48px;padding:var(--space-4xl)}.loading-animation{animation:spin 1s linear infinite;border:3px solid #fff3;border-top:3px solid #fff;border:3px solid var(--glass-medium);border-radius:50%;border-top-color:var(--text-primary);height:40px;margin-bottom:20px;margin-bottom:var(--space-lg);width:40px}.loading-text{color:#fffc;color:var(--text-secondary);font-size:16px;font-weight:500}.no-activities{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;background:var(--glass-medium);border:2px dashed #fff3;border-radius:16px;padding:48px;padding:var(--space-4xl);text-align:center}.no-activities-icon{font-size:64px;margin-bottom:20px;margin-bottom:var(--space-lg);opacity:.6}.no-activities-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:12px;margin-bottom:var(--space-sm)}.no-activities-description{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 auto;max-width:300px}.my-activities .activity-card{background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;margin-bottom:20px;margin-bottom:var(--space-lg);transition:all .3s ease}.my-activities .activity-card:hover{background:#ffffff1a;background:var(--glass-light);border-color:#fff3;box-shadow:0 12px 32px #0000004d;transform:translateY(-4px)}.activity-organizer-actions,.activity-participant-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-sm)}.cancel-activity-button,.edit-activity-button,.leave-activity-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-xs);min-height:36px;padding:12px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.edit-activity-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.cancel-activity-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.leave-activity-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.cancel-activity-button:hover,.edit-activity-button:hover,.leave-activity-button:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.button-icon{font-size:14px}.leave-deadline-passed{align-items:center;background:#9ca3af33;border-radius:12px;color:#fff9;color:var(--text-tertiary);display:flex;font-size:13px;gap:8px;gap:var(--space-xs);padding:12px 16px;padding:var(--space-sm) var(--space-md)}.deadline-icon{font-size:14px}.deadline-text{font-weight:500}.activity-status-cancelled{align-items:center;background:#ef444433;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;font-size:12px;font-weight:600;gap:8px;gap:var(--space-xs);margin-top:12px;margin-top:var(--space-sm);padding:8px 12px;padding:var(--space-xs) var(--space-sm)}.cancellation-reason{font-style:italic;opacity:.8}@media (max-width:768px){.my-activities{border-radius:16px;margin:16px;margin:var(--space-md);padding:16px;padding:var(--space-md)}.my-activities-title{font-size:20px}.my-activities-tabs{gap:8px;gap:var(--space-xs);padding:8px;padding:var(--space-xs)}.my-activity-tab{font-size:13px;min-height:44px;padding:12px;padding:var(--space-sm)}.tab-icon{font-size:14px}.tab-label{display:none}.tab-count{font-size:11px;padding:1px 6px}.no-activities{padding:32px;padding:var(--space-2xl)}.no-activities-icon{font-size:48px}.no-activities-title{font-size:18px}.no-activities-description{font-size:14px}.activity-organizer-actions,.activity-participant-actions{flex-direction:column;gap:8px;gap:var(--space-xs)}.cancel-activity-button,.edit-activity-button,.leave-activity-button{font-size:13px;justify-content:center;padding:12px;padding:var(--space-sm)}.leave-deadline-passed{font-size:12px;padding:12px;padding:var(--space-sm)}}@media (max-width:414px){.my-activity-tab{flex-direction:column;gap:4px;min-height:56px;padding:8px}.tab-icon{font-size:16px}.tab-count{margin-top:2px}}.create-activity-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1000}.create-activity-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:20px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.create-activity-modal-header{align-items:center;background:#fff3;background:var(--glass-medium);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px;padding:var(--space-lg)}.create-activity-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.close-modal-button{align-items:center;background:#ffffff1a;background:var(--glass-light);border:none;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-modal-button:hover{background:#000c;background:var(--glass-dark);transform:scale(1.1)}.create-activity-modal-body{flex:1 1;overflow-y:auto;padding:20px;padding:var(--space-lg)}@media (max-width:768px){.create-activity-modal-overlay{padding:12px;padding:var(--space-sm)}.create-activity-modal-content{border-radius:16px;max-height:95vh}.create-activity-modal-header{padding:16px;padding:var(--space-md)}.create-activity-modal-header h2{font-size:20px}.close-modal-button{font-size:18px;height:36px;width:36px}.create-activity-modal-body{padding:16px;padding:var(--space-md)}}.participating-activities{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:20px;margin:20px 0;margin:var(--space-lg) 0;min-height:calc(100vh - 200px);padding:20px;padding:var(--space-lg)}.participating-header{margin-bottom:24px;margin-bottom:var(--space-xl);text-align:center}.participating-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.participating-subtitle{color:#fffc;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 auto;max-width:400px}.participating-sections{margin-top:24px;margin-top:var(--space-xl)}.section-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;background:var(--glass-medium);border-radius:16px;margin-bottom:24px;margin-bottom:var(--space-xl);overflow-x:auto;padding:8px;padding:var(--space-xs)}.section-tab,.section-tabs{display:flex;gap:8px;gap:var(--space-xs)}.section-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#fffc;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;justify-content:center;min-height:48px;padding:16px;padding:var(--space-md);position:relative;transition:all .3s ease;white-space:nowrap}.section-tab.active{background:#ffffff1a;background:var(--glass-light);box-shadow:0 4px 12px #00000026;color:#fff;color:var(--text-primary);transform:scale(1.02)}.section-tab:hover:not(.active){background:#ffffff0d;color:#fff;color:var(--text-primary)}.section-tab .tab-icon{font-size:16px}.section-tab .tab-label{font-weight:600}.section-tab .tab-count{background:#fff3;background:var(--glass-medium);border-radius:12px;color:#fffc;color:var(--text-secondary);font-size:12px;font-weight:700;min-width:20px;padding:2px 8px}.section-tab.active .tab-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.section-tab .tab-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.section-content{min-height:300px}.activities-section,.chats-section{animation:fadeIn .3s ease-in-out}.chats-section .chats-header{margin-bottom:20px;margin-bottom:var(--space-lg);text-align:center}.chats-section .chats-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px;margin:0 0 var(--space-sm) 0}.chats-section .chats-subtitle{color:#fffc;color:var(--text-secondary);font-size:14px;margin:0}.participating-activities-loading{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border:1px solid var(--glass-medium);border-radius:20px;color:#fffc;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:48px;padding:var(--space-4xl)}@media (max-width:768px){.participating-activities{border-radius:16px;margin:16px;margin:var(--space-md);padding:16px;padding:var(--space-md)}.participating-title{font-size:20px}.participating-subtitle{font-size:13px}.section-tabs{gap:8px;gap:var(--space-xs);padding:8px;padding:var(--space-xs)}.section-tab{font-size:13px;min-height:44px;padding:12px;padding:var(--space-sm)}.section-tab .tab-icon{font-size:14px}.section-tab .tab-label{display:none}.section-tab .tab-count{font-size:11px;padding:1px 6px}.section-tab .tab-badge{font-size:10px;height:18px;width:18px}}.typing-text{flex-direction:column;gap:.125rem}.enhanced-chat-window{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.enhanced-chat-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 2px 20px #0000001a;display:flex;gap:1rem;min-height:80px;padding:1rem 1.25rem}.back-button{align-items:center;background:#667eea1a;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.back-button:hover{background:#667eea33;transform:scale(1.05)}.back-button:active{transform:scale(.95)}.chat-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.chat-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:1.2rem}.online-indicator{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 2px 8px #10b9814d;height:14px;position:absolute;right:2px;width:14px}.chat-details h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.chat-subtitle{color:#6b7280;font-size:.85rem;margin-top:2px}.status-text{color:#10b981;font-weight:500}.chat-actions{align-items:center}.header-action-btn{align-items:center;background:#667eea1a;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.header-action-btn:hover{background:#667eea33;transform:scale(1.05)}.enhanced-chat-messages{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem 1.25rem;scroll-behavior:smooth}.enhanced-chat-messages::-webkit-scrollbar{width:4px}.enhanced-chat-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.enhanced-chat-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.enhanced-chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff80}.enhanced-date-separator{align-items:center;display:flex;justify-content:center;margin:1.5rem 0 1rem;position:relative}.enhanced-date-separator:before{background:#fff3;content:"";flex:1 1;height:1px;margin-right:1rem}.enhanced-date-separator:after{background:#fff3;content:"";flex:1 1;height:1px;margin-left:1rem}.enhanced-date-separator span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:16px;box-shadow:0 2px 10px #0000001a;color:#6b7280;font-size:.8rem;font-weight:500;padding:.5rem 1rem}.enhanced-message{display:flex;gap:.75rem;margin-bottom:1rem;max-width:90%}.enhanced-message.own-message{align-self:flex-end;flex-direction:row-reverse;margin-left:auto}.enhanced-message.own-message .enhanced-message-content{align-items:flex-end}.enhanced-message-avatar{align-items:center;align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.enhanced-message-avatar img{height:100%;object-fit:cover;width:100%}.enhanced-message-avatar .avatar-placeholder{color:#fff;font-size:.8rem;font-weight:600}.enhanced-message-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.message-sender-name{color:#fffc;font-size:.8rem;font-weight:600;margin-bottom:.25rem}.message-reply-preview{display:flex;gap:.5rem;margin-bottom:.5rem;opacity:.8}.reply-line{background:#fff6;border-radius:2px;flex-shrink:0;width:3px}.reply-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:.125rem;padding:.5rem}.reply-sender{color:#ffffffe6;font-size:.7rem;font-weight:600}.reply-text{color:#ffffffb3;font-size:.8rem}.enhanced-message-bubble{word-wrap:break-word;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px 20px 20px 4px;box-shadow:0 4px 20px #00000026;cursor:pointer;max-width:100%;padding:.875rem 1.125rem;position:relative;transition:all .2s ease}.enhanced-message-bubble:hover{box-shadow:0 6px 25px #0003;transform:translateY(-1px)}.own-message .enhanced-message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px 20px 4px 20px;box-shadow:0 4px 20px #667eea4d;color:#fff}.message-text{color:#1f2937;font-size:1rem;line-height:1.4;margin:0}.own-message .message-text{color:#fff}.message-meta{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.message-time{color:#6b7280;font-size:.7rem;font-weight:500;opacity:.7}.own-message .message-time{color:#fffc}.message-status{opacity:.7}.message-status svg{color:#fffc}.message-reactions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.reaction-bubble{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem;transition:all .2s ease}.reaction-bubble:hover{background:#ffffff4d;transform:scale(1.05)}.reaction-bubble.own-reaction{background:#fff6;border-color:#ffffff4d}.reaction-emoji{font-size:.9rem}.reaction-count{color:#ffffffe6;font-size:.7rem;font-weight:600}.message-actions{display:flex;gap:.5rem;justify-content:flex-start;margin-top:.5rem}.own-message .message-actions{justify-content:flex-end}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff1a;border-radius:16px;color:#ffffffe6;font-size:.8rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s ease}.action-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.action-btn svg{height:14px;width:14px}.reaction-picker{animation:scaleIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0003;display:flex;gap:.5rem;margin-top:.5rem;padding:.75rem}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.reaction-option{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.reaction-option:hover{background:#667eea1a;transform:scale(1.2)}.enhanced-typing-indicator{align-items:center;animation:fadeInUp .3s ease-out;display:flex;gap:.75rem;margin-bottom:1rem;max-width:90%}.typing-avatars{display:flex;height:32px;position:relative;width:40px}.typing-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 10px #0000001a;display:flex;flex-shrink:0;height:32px;justify-content:center;position:absolute;transition:all .3s ease;width:32px}.typing-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.typing-avatar .avatar-placeholder{color:#fff;font-size:.8rem;font-weight:600}.typing-dots{display:flex;gap:3px}.typing-dots span{animation:typing 1.4s infinite;background:#fff9;border-radius:50%;height:4px;width:4px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.typing-text{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:18px;box-shadow:0 4px 20px #00000026;display:flex;min-height:44px;padding:.75rem 1rem}.typing-message{color:#6b7280;font-size:.85rem;font-style:italic;font-weight:500}.typing-name{color:#667eea;font-size:.8rem;font-weight:600}.typing-action{color:#6b7280;font-size:.85rem;font-style:italic}.enhanced-chat-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #0000001a;box-shadow:0 -4px 20px #0000001a;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.reply-preview{align-items:center;animation:slideDown .2s ease-out;background:#667eea1a;border:1px solid #667eea33;border-radius:12px;display:flex;justify-content:space-between;padding:.75rem}.reply-preview-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.reply-preview-sender{color:#667eea;font-size:.8rem;font-weight:600}.reply-preview-text{color:#6b7280;font-size:.85rem}.reply-preview-close{align-items:center;background:#667eea1a;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.reply-preview-close:hover{background:#667eea33}.attachment-preview{align-items:center;animation:slideDown .2s ease-out;background:#667eea1a;border:1px solid #667eea33;border-radius:12px;display:flex;justify-content:space-between;padding:.75rem}.preview-image{border-radius:8px;height:60px;object-fit:cover;width:60px}.preview-file{align-items:center;color:#667eea;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.input-container{align-items:flex-end;background:#fff;border:2px solid #667eea1a;border-radius:24px;display:flex;gap:.75rem;padding:.5rem .75rem;transition:all .2s ease}.input-container:focus-within{border-color:#667eea4d;box-shadow:0 0 0 4px #667eea1a}.attach-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.attach-button:hover{background:#667eea1a;transform:scale(1.1)}.message-input-wrapper{display:flex;flex:1 1}.enhanced-message-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.4;max-height:120px;min-height:20px;outline:none;resize:none}.enhanced-message-input::placeholder{color:#9ca3af}.enhanced-send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.enhanced-send-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:scale(1.05)}.enhanced-send-button:active:not(:disabled){transform:scale(.95)}.enhanced-send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.send-loading{align-items:center;display:flex;justify-content:center}.loading-dot{animation:loadingDot 1s infinite;background:#fff;border-radius:50%;height:6px;width:6px}@keyframes loadingDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.enhanced-chat-loading{align-items:center;color:#fff;display:flex;flex:1 1;justify-content:center}.enhanced-chat-loading .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:1rem;width:40px}.chat-file-upload-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.chat-file-upload-modal{animation:slideInUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.chat-file-upload-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.chat-file-upload-header h3{font-size:1.25rem;font-weight:600;margin:0}.close-upload-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-upload-btn:hover{background:#ffffff4d;transform:scale(1.1)}.upload-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem}.upload-error svg{color:#dc2626;flex-shrink:0}.file-drop-zone{background:#f9fafb;border:2px dashed #d1d5db;border-radius:16px;cursor:pointer;margin:1.5rem;padding:3rem 2rem;text-align:center;transition:all .3s ease}.file-drop-zone:hover{background:#f0f4ff;border-color:#667eea;transform:translateY(-2px)}.file-drop-zone.drag-active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;border-style:solid}.drop-zone-icon{color:#9ca3af;margin-bottom:1rem}.file-drop-zone h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.file-drop-zone p{color:#6b7280;font-size:.9rem;margin:0 0 1.5rem}.supported-types p{color:#9ca3af;font-size:.8rem;font-weight:500;margin:0 0 .5rem}.type-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.type-chip{background:#667eea1a;border:1px solid #667eea33;border-radius:12px;color:#667eea;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.size-limit{color:#9ca3af;font-size:.75rem;margin:0}.upload-progress{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-spinner{align-items:center;display:flex;justify-content:center;position:relative}.progress-text{color:#667eea;font-size:.75rem;font-weight:600;position:absolute}.upload-progress p{color:#667eea;font-weight:500;margin:0}.quick-actions{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem}.quick-actions h4{color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:none}.quick-action-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.quick-action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:500;gap:.5rem;padding:1rem;transition:all .2s ease}.quick-action-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea;transform:translateY(-2px)}.quick-action-btn:active{transform:translateY(-1px)}.quick-action-btn svg{color:inherit}.camera-btn:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98133;color:#10b981}.gallery-btn:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33;color:#f59e0b}.document-btn:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf633;color:#8b5cf6}.message-file-attachment{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-top:.5rem;padding:1rem}.file-attachment-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.file-icon{align-items:center;background:#fff3;border-radius:8px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.file-info{flex:1 1;min-width:0}.file-name{color:#ffffffe6;font-size:.9rem;font-weight:600;margin-bottom:.25rem;word-break:break-word}.file-size{color:#fff9;font-size:.8rem}.file-download-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.file-download-btn:hover{background:#ffffff4d;transform:scale(1.05)}.image-attachment{border-radius:12px;cursor:pointer;margin-top:.5rem;max-width:300px;overflow:hidden;transition:all .2s ease}.image-attachment:hover{box-shadow:0 8px 25px #0003;transform:scale(1.02)}.image-attachment img{display:block;height:auto;width:100%}.own-message .message-file-attachment{background:#fff3;border-color:#ffffff4d}.own-message .file-name{color:#fff}.own-message .file-size{color:#fffc}@media (max-width:768px){.enhanced-chat-header{min-height:70px;padding:.875rem 1rem}.chat-avatar{height:40px;width:40px}.header-action-btn{height:36px;width:36px}.enhanced-chat-messages{padding:.875rem 1rem}.enhanced-message{max-width:95%}.enhanced-message-bubble{font-size:.95rem;padding:.75rem 1rem}.enhanced-chat-input{padding:.875rem 1rem}.input-container{padding:.5rem}.enhanced-send-button{height:36px;width:36px}}@media (max-width:480px){.enhanced-chat-header{padding:.75rem .875rem}.chat-details h3{font-size:1rem}.enhanced-chat-messages{padding:.75rem .875rem}.enhanced-message-bubble{font-size:.9rem;padding:.625rem .875rem}.enhanced-chat-input{padding:.75rem .875rem}}.channel-controls-dialog{animation:slideInUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.channel-controls-content{max-height:calc(90vh - 80px);overflow-y:auto}.controls-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease}.tab-btn:hover{background:#667eea1a;color:#667eea}.tab-btn.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.tab-content{padding:1.5rem}.channel-settings-panel h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1.5rem}.settings-group{display:flex;flex-direction:column;gap:1.5rem}.setting-item{border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem}.setting-item:hover{border-color:#667eea;box-shadow:0 2px 10px #667eea1a}.setting-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem}.setting-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.setting-description{color:#6b7280;font-size:.8rem;line-height:1.4;margin:.75rem 0 0}.sub-setting{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:1rem}.sub-setting label{align-items:center;color:#374151;display:flex;font-size:.85rem;font-weight:500;gap:.5rem}.sub-setting input[type=number]{border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;padding:.5rem;text-align:center;width:80px}.sub-setting input[type=number]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.user-management-panel h4{align-items:center;color:#374151;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin:0 0 1.5rem}.users-list{display:flex;flex-direction:column;gap:1rem}.user-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .2s ease}.user-item:hover{border-color:#667eea;box-shadow:0 2px 10px #667eea1a}.user-info{flex:1 1;gap:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-avatar span{color:#fff;font-size:1rem;font-weight:600}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name{color:#374151;font-size:.95rem;font-weight:600}.user-badges{display:flex;gap:.5rem}.badge{border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:none}.badge.organizer{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge.moderator{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.user-actions{display:flex;gap:.5rem}.user-actions .action-btn{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;color:#667eea;cursor:pointer;display:flex;height:32px;justify-content:center;padding:.5rem;transition:all .2s ease;width:32px}.user-actions .action-btn:hover:not(:disabled){background:#667eea33;transform:scale(1.05)}.user-actions .action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.user-actions .mute-btn{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.user-actions .mute-btn:hover:not(:disabled){background:#f59e0b33}.user-actions .kick-btn{background:#ef44441a;border-color:#ef444433;color:#ef4444}.user-actions .kick-btn:hover:not(:disabled){background:#ef444433}.user-permissions-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:4000}.user-permissions-dialog{animation:slideInUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:400px;overflow:hidden;width:100%}.permissions-list{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.permission-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;padding:.75rem;transition:all .2s ease}.permission-item:hover{background:#667eea0d;border-color:#667eea}.permission-item label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;width:100%}.permission-item input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:16px;width:16px}@media (max-width:768px){.channel-controls-dialog{max-height:95vh;max-width:none;width:calc(100% - 1rem)}.controls-tabs{flex-direction:column}.tab-btn{border-bottom:none;border-right:3px solid #0000}.tab-btn.active{border-bottom:none;border-right-color:#667eea}.tab-content{padding:1rem}.user-item{align-items:flex-start;flex-direction:column;gap:1rem}.user-actions{align-self:stretch;justify-content:flex-end}.user-permissions-dialog{max-width:none;width:calc(100% - 1rem)}.permissions-list{padding:1rem}}@media (max-width:480px){.setting-item{padding:1rem}.user-item{padding:.875rem 1rem}.user-avatar{height:36px;width:36px}.user-actions .action-btn{height:28px;width:28px}}.notification-settings-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:3000}.notification-settings-dialog{animation:slideInUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.notification-settings-content{max-height:calc(90vh - 80px);overflow-y:auto;padding:1.5rem}.settings-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h4{font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.setting-item,.settings-section h4{align-items:center;color:#374151;display:flex}.setting-item{cursor:pointer;font-size:.9rem;font-weight:500;gap:.75rem;padding:.875rem 0;transition:all .2s ease}.setting-item:hover{color:#667eea}.setting-item input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.quiet-hours-settings{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:1rem}.time-input-group{align-items:center;display:flex;gap:1rem}.time-input-group label{color:#374151;display:flex;flex:1 1;flex-direction:column;font-size:.85rem;font-weight:500;gap:.5rem}.time-input-group input[type=time]{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.5rem;transition:all .2s ease}.time-input-group input[type=time]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.notification-status{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:2rem;padding:1rem}.status-denied,.status-granted,.status-pending{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:.75rem}.status-granted{color:#10b981}.status-denied{color:#ef4444}.status-pending{color:#f59e0b;flex-wrap:wrap}.request-permission-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;margin-left:auto;padding:.5rem 1rem;transition:all .2s ease}.request-permission-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.notification-toast{animation:slideInFromRight .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #667eea1a;border-radius:16px;box-shadow:0 10px 40px #0003;cursor:pointer;max-width:350px;padding:1rem 1.25rem;position:fixed;right:1rem;top:1rem;transition:all .2s ease;width:calc(100vw - 2rem);z-index:4000}.notification-toast:hover{box-shadow:0 15px 50px #0000004d;transform:translateY(-2px)}.notification-toast.closing{animation:slideOutToRight .2s ease-in forwards}.toast-header{justify-content:space-between;margin-bottom:.5rem}.toast-header,.toast-title{align-items:center;display:flex}.toast-title{color:#374151;font-size:.9rem;font-weight:600;gap:.5rem}.toast-close-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:.25rem;transition:all .2s ease}.toast-close-btn:hover{background:#f3f4f6;color:#6b7280}.toast-body{color:#6b7280;font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.toast-actions{display:flex;gap:.5rem;justify-content:flex-end}.toast-action-btn{background:#667eea1a;border:1px solid #667eea33;border-radius:6px;color:#667eea;cursor:pointer;font-size:.8rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.toast-action-btn:hover{background:#667eea33;transform:scale(1.02)}.toast-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.toast-action-btn.primary:hover{box-shadow:0 4px 12px #667eea4d;transform:scale(1.02) translateY(-1px)}.notification-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.notification-badge.large{font-size:.75rem;height:24px;right:-6px;top:-6px;width:24px}.notification-toggle-btn{align-items:center;background:#667eea1a;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.notification-toggle-btn:hover{background:#667eea33;transform:scale(1.05)}.notification-toggle-btn.disabled{cursor:not-allowed;opacity:.5;transform:none}.notification-toggle-btn.muted{color:#9ca3af}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.notification-settings-dialog{max-height:95vh;max-width:none;width:calc(100% - 1rem)}.notification-settings-content{padding:1rem}.notification-toast{max-width:none;right:.5rem;top:.5rem;width:calc(100vw - 1rem)}.time-input-group{flex-direction:column;gap:.75rem}.toast-actions{flex-direction:column;gap:.375rem}.toast-action-btn{text-align:center;width:100%}}@media (max-width:480px){.notification-settings-content{padding:.875rem}.settings-section{margin-bottom:1.5rem;padding-bottom:1rem}.setting-item{font-size:.85rem;padding:.75rem 0}.notification-toast{padding:.875rem 1rem}.toast-title{font-size:.85rem}.toast-body{font-size:.8rem}}.notification-permission-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 10px #f59e0b33;color:#fff;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.permission-banner-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.permission-banner-text{flex:1 1}.permission-banner-title{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.permission-banner-description{font-size:.8rem;opacity:.9}.permission-banner-actions{display:flex;gap:.5rem}.permission-banner-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.permission-banner-btn:hover{background:#ffffff4d}.permission-banner-btn.primary{background:#ffffffe6;color:#f59e0b}.permission-banner-btn.primary:hover{background:#fff;transform:translateY(-1px)}.message.coach .message-text{-webkit-text-fill-color:#000!important;color:#000!important}.message.coach .message-content{background:#fffffff2!important;border-radius:12px!important;margin:4px 0!important;padding:8px 12px!important}.message.user .message-text{-webkit-text-fill-color:#000!important;color:#000!important}.ai-coach-chat-container .message{display:flex;flex-direction:column;margin:8px 0}.ai-coach-chat-container .message.coach{align-items:flex-start}.ai-coach-chat-container .message.user{align-items:flex-end}.container .meditation-text-preview,.container .preview-text,.container .text-preview,.container .text-preview-scrollable,.create-content .meditation-text-preview,.create-content .preview-text,.create-content .text-preview,.create-content .text-preview-scrollable{-webkit-text-fill-color:#000!important;background:#fffffffa!important;border:1px solid #0000001a!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;color:#000!important;margin:12px 0!important;padding:16px!important}.container .meditation-text-input,.create-content .meditation-text-input,.meditation-text-input,textarea.meditation-text-input{background:#000000b3!important;border:1px solid #ffffff4d!important;box-shadow:0 2px 8px #0000004d!important;color:#fff!important}.meditation-text-input::placeholder,textarea.meditation-text-input::placeholder{color:#fff9!important}body .container textarea.meditation-text-input,body .create-content textarea.meditation-text-input,body textarea.meditation-text-input,html body textarea.meditation-text-input{-webkit-text-fill-color:#fff!important;background:#000c!important;border:1px solid #fff6!important;box-shadow:0 4px 12px #0006!important;color:#fff!important}body .container textarea.meditation-text-input::placeholder,body .create-content textarea.meditation-text-input::placeholder,body textarea.meditation-text-input::placeholder,html body textarea.meditation-text-input::placeholder{color:#ffffffb3!important;opacity:1!important}body .container textarea.meditation-text-input:active,body .container textarea.meditation-text-input:focus,body .container textarea.meditation-text-input:hover,body .create-content textarea.meditation-text-input:active,body .create-content textarea.meditation-text-input:focus,body .create-content textarea.meditation-text-input:hover,body textarea.meditation-text-input:active,body textarea.meditation-text-input:focus,body textarea.meditation-text-input:hover,html body textarea.meditation-text-input:active,html body textarea.meditation-text-input:focus,html body textarea.meditation-text-input:hover{-webkit-text-fill-color:#fff!important;background:#000c!important;border:1px solid #fff9!important;box-shadow:0 4px 12px #0006!important;color:#fff!important;outline:none!important}body .container textarea.meditation-text-input::selection,body .create-content textarea.meditation-text-input::selection,body textarea.meditation-text-input::selection,html body textarea.meditation-text-input::selection{background:#ffffff4d!important;color:#fff!important}body .container textarea.meditation-text-input,body .container textarea.meditation-text-input:active,body .container textarea.meditation-text-input:focus,body .container textarea.meditation-text-input:hover,body .container textarea.meditation-text-input[style],body .create-content textarea.meditation-text-input,body .create-content textarea.meditation-text-input:active,body .create-content textarea.meditation-text-input:focus,body .create-content textarea.meditation-text-input:hover,body .create-content textarea.meditation-text-input[style],body textarea.meditation-text-input,body textarea.meditation-text-input:active,body textarea.meditation-text-input:focus,body textarea.meditation-text-input:hover,body textarea.meditation-text-input[style],html body textarea.meditation-text-input,html body textarea.meditation-text-input:active,html body textarea.meditation-text-input:focus,html body textarea.meditation-text-input:hover,html body textarea.meditation-text-input[style]{-webkit-text-fill-color:#fff!important;-moz-text-fill-color:#fff!important;fill:#fff!important;background-color:#000000d9!important;background:#000000d9!important;border:1px solid #ffffff80!important;box-shadow:0 4px 12px #0006!important;caret-color:#fff!important;color:#fff!important;outline:none!important}body .container textarea.meditation-text-input:after,body .container textarea.meditation-text-input:before,body .create-content textarea.meditation-text-input:after,body .create-content textarea.meditation-text-input:before,body textarea.meditation-text-input:after,body textarea.meditation-text-input:before{-webkit-text-fill-color:#fff!important;color:#fff!important}body .container textarea.meditation-text-input::placeholder,body .create-content textarea.meditation-text-input::placeholder,body textarea.meditation-text-input::placeholder{color:#ffffffb3!important;opacity:1!important}@media (max-width:768px){.journal-tab,.journal-tab .journal-entries{box-sizing:border-box;max-width:calc(100vw - 32px);overflow-x:hidden;width:100%}.journal-tab .journal-entries *{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-wrap:break-word}.audio-entry-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;margin-bottom:16px;max-width:calc(100vw - 32px);overflow:hidden;padding:16px;width:100%}.audio-entry-card *{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-wrap:break-word}.journal-tabs-container{box-sizing:border-box;margin-bottom:16px;max-width:calc(100vw - 32px);overflow-x:auto;width:100%}.journal-tabs{display:flex;gap:8px;min-width:-webkit-max-content;min-width:max-content;padding:0 16px}.journal-tab-button{background:#ffffff1a;background:var(--glass-light);border:1px solid #fff3;border-radius:20px;color:#fffc;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:14px;min-width:80px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.journal-tab-button.active{background:linear-gradient(135deg,#ff6b6b,#feca57 50%,#48dbfb);background:var(--gradient-card-1);border-color:#0000;color:#fff}.entry-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;margin-bottom:16px;max-width:calc(100vw - 32px);overflow:hidden;padding:16px;width:100%}.entry-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;max-width:100%}.entry-title{color:#fff;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-meta{color:#fffc;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.entry-content{word-wrap:break-word;color:#fff;color:var(--text-primary);font-size:14px;line-height:1.5;margin-bottom:12px;overflow-wrap:break-word}.entry-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.entry-action-button{border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;flex:1 1;font-size:12px;max-width:calc(50% - 4px);min-width:80px;padding:8px 12px;transition:all .2s}.entry-action-button.primary{background:var(--primary-color);color:#fff}.entry-action-button.secondary{background:#fff3;background:var(--glass-medium);border:1px solid #ffffff1a;color:#fff;color:var(--text-primary)}.entry-action-button:hover{opacity:.9;transform:translateY(-1px)}.audio-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.audio-play-button{align-items:center;background:#fff3;background:var(--glass-medium);border:none;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.audio-play-button:hover{background:#ffffff1a;background:var(--glass-light);transform:scale(1.1)}.audio-duration{margin-left:8px}.audio-duration,.mood-indicator{color:#fffc;color:var(--text-secondary);font-size:12px}.mood-indicator{align-items:center;background:#fff3;background:var(--glass-medium);border-radius:12px;display:inline-flex;font-weight:500;gap:4px;padding:4px 8px}.mood-indicator.positive{background:#22c55e33;color:#22c55e}.mood-indicator.negative{background:#ef444433;color:#ef4444}.mood-indicator.neutral{background:#9ca3af33;color:#9ca3af}.community-hub-spotify{box-sizing:border-box;margin:0 auto;max-width:calc(100vw - 32px);overflow-x:hidden;padding:16px;width:100%}.filter-section{margin-bottom:16px!important;max-width:100%;overflow-x:hidden}.filter-pills{-ms-overflow-style:none;display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:flex-start;overflow-x:auto;padding:0!important;scrollbar-width:none}}@media (max-width:768px){.filter-pills::-webkit-scrollbar{display:none}.filter-pill{border-radius:16px!important;box-sizing:border-box;flex-shrink:0!important;font-size:12px!important;max-width:calc(50% - 3px);min-width:auto!important;overflow:hidden;padding:6px 12px!important;text-overflow:ellipsis;white-space:nowrap!important}.community-meditations-list{box-sizing:border-box;max-width:calc(100vw - 32px);overflow-x:hidden;width:100%}.meditation-card-with-player{box-sizing:border-box!important;margin-bottom:12px!important;max-width:100%!important;overflow:hidden!important;padding:12px!important;width:100%!important}.meditation-card-with-player>div:first-child{align-items:center!important;box-sizing:border-box;display:flex!important;gap:12px!important;margin-bottom:12px!important;width:100%}.meditation-thumbnail{border-radius:6px!important;flex-shrink:0!important;height:60px!important;overflow:hidden!important;width:60px!important}.meditation-thumbnail img{height:100%!important;object-fit:cover!important;width:100%!important}.meditation-card-with-player>div:first-child>div:nth-child(2){flex:1 1!important;max-width:calc(100% - 120px)!important;min-width:0!important;overflow:hidden!important}.meditation-card-with-player>div:first-child>div:nth-child(2)>div:first-child>div{font-size:14px!important;font-weight:600!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.meditation-card-with-player>div:first-child>div:nth-child(2)>div:nth-child(2),.meditation-card-with-player>div:first-child>div:nth-child(2)>div:nth-child(3){font-size:11px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.meditation-card-with-player button{flex-shrink:0!important;font-size:14px!important;height:36px!important;min-width:36px!important;padding:6px!important;width:36px!important}.meditation-card-with-player audio{box-sizing:border-box!important;height:35px!important;max-width:100%!important;width:100%!important}.error-banner{border-radius:6px!important;flex-wrap:wrap;font-size:14px!important;gap:6px!important;margin:8px 0!important;padding:8px 12px!important}.empty-state{padding:32px 16px!important;text-align:center}.empty-state h3{font-size:18px!important;margin-bottom:8px!important}.empty-state p{font-size:14px!important}.generation-status{border-radius:8px!important;margin:16px 0!important;padding:16px!important}.loading-spinner{font-size:14px!important}}.status-invite-only{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:1px solid #8b5cf680;border-radius:20px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;white-space:nowrap}.status-invite-only:hover{box-shadow:0 4px 12px #8b5cf666;transform:scale(1.05)}.clickable-agreement{color:#4a9eff;cursor:pointer;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;transition:color .3s ease,text-shadow .3s ease}.clickable-agreement:hover{color:#66b3ff;text-shadow:0 0 8px #4a9eff80}.clickable-agreement:active{color:#3385ff;transform:scale(.98)}.package-token-amount,.package-token-amount div,.package-token-amount span,[class*=package-token-amount],[class=package-token-amount],div.package-token-amount{background-color:initial!important;color:#ff6b00!important;display:block!important;font-size:32px!important;font-weight:900!important;letter-spacing:-.5px!important;margin-bottom:12px!important;text-align:center!important;text-shadow:0 2px 4px #ff6b0080!important;width:100%!important}#root .package-token-amount,* .package-token-amount,body .package-token-amount,html body .package-token-amount{color:#ff6b00!important}.package-token-amount *,.package-token-amount div,.package-token-amount p,.package-token-amount span,.package-token-amount strong{color:#ff6b00!important;font-size:inherit!important;font-weight:900!important}[data-orange-tokens=true],[data-orange-tokens=true] *,[data-orange-tokens=true] span,div[data-orange-tokens=true],div[data-orange-tokens=true] *{color:#ff6b00!important;font-size:32px!important;font-weight:900!important}.education-level-multiselect{width:100%}.education-levels-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:10px}.education-level-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-light);border:2px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:space-between;overflow:hidden;padding:12px 16px;position:relative;text-align:left;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.education-level-pill:hover{background:#fff3;background:var(--glass-medium);border-color:#fff3;transform:translateY(-1px)}.education-level-pill.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff}.education-level-pill .pill-check{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:18px;justify-content:center;width:18px}.education-help-text{color:#fffc;color:var(--text-secondary);font-size:12px;font-style:italic;margin-top:8px}@media (max-width:768px){.education-levels-grid{gap:8px;grid-template-columns:1fr}.education-level-pill{font-size:14px;padding:14px 16px}}.interests-registration-container{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;margin-top:8px;padding:16px}.interests-counter{background:#ffffff1a;border-radius:8px;color:#fffc;color:var(--text-secondary,#fffc);font-size:14px;margin-bottom:16px;padding:8px;text-align:center}.interests-categories-auth{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-height:300px;overflow-y:auto}.interest-category-auth{background:#ffffff14;border-radius:8px;padding:12px}.category-header-auth{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.category-icon-auth{font-size:16px}.category-name-auth{text-transform:capitalize}.category-items-auth{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.interest-item-auth{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 8px;transition:all .2s ease}.interest-item-auth:hover{background:#ffffff1a;border-color:#ffffff4d}.interest-item-auth input[type=checkbox]{cursor:pointer;margin:0}.interest-item-auth input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.interest-item-auth:has(input[type=checkbox]:disabled){cursor:not-allowed;opacity:.5}.interest-label-auth{color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:12px;text-transform:capitalize}@media (max-width:768px){.interests-categories-auth{grid-template-columns:1fr;max-height:250px}.category-items-auth{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.interest-item-auth{font-size:11px;padding:5px 6px}.interest-label-auth{font-size:11px}}.recovery-highlights-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617e6!important;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;margin-bottom:var(--space-lg);padding:20px;padding:var(--space-lg)}.recovery-highlights-section h2{color:#fff!important;font-size:22px;font-weight:700;margin-bottom:20px;margin-bottom:var(--space-lg);text-align:center}.recovery-summary{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg);padding:16px;padding:var(--space-md)}.recovery-stats{text-align:center}.stat-value{color:#fff!important;display:block;font-size:32px;font-weight:800;line-height:1}.stat-label{color:#ffffffb3!important;font-size:12px;font-weight:500}.recovery-trend{text-align:center}.trend-indicator{border-radius:20px;color:#fff!important;font-size:14px;font-weight:600;padding:8px 16px}.trend-indicator.improving{background:#22c55e4d;border:1px solid #22c55e80}.trend-indicator.stable{background:#3b82f64d;border:1px solid #3b82f680}.trend-indicator.declining{background:#ef44444d;border:1px solid #ef444480}.trend-indicator.mixed{background:#f59e0b4d;border:1px solid #f59e0b80}.recovery-insights{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md)}.integration-card,.progress-card,.recovery-insights-card{background:#ffffff0d!important;border:1px solid #ffffff1a;border-radius:12px;padding:16px;padding:var(--space-md)}.integration-card h3,.progress-card h3,.recovery-insights-card h3{color:#fff!important;font-size:16px;font-weight:600;margin-bottom:12px;margin-bottom:var(--space-sm)}.progress-card ul,.recovery-insights-card ul{color:#ffffffe6!important;margin:0;padding-left:16px;padding-left:var(--space-md)}.progress-card li,.recovery-insights-card li{color:#ffffffe6!important;line-height:1.5;margin-bottom:8px;margin-bottom:var(--space-xs)}.integration-card p{color:#ffffffe6!important;line-height:1.5;margin:0}@media (max-width:414px){.recovery-summary{flex-direction:column;gap:16px;gap:var(--space-md);text-align:center}.recovery-insights{grid-template-columns:1fr}}.confirm-dialog-overlay{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background-color:#000000b3!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.confirm-dialog{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#020617f2!important;border:1px solid #47556966!important;border-radius:16px!important;box-shadow:0 20px 40px #0009!important;max-width:500px!important;padding:32px!important;width:90%!important}.confirm-title{color:#fff!important;font-size:20px!important;font-weight:600!important;margin:0 0 16px!important}.confirm-message{color:#94a3b8e6!important;font-size:16px!important;line-height:1.6!important;margin-bottom:24px!important;text-align:center!important}.confirm-buttons{display:flex!important;gap:16px!important;justify-content:flex-end!important}.confirm-btn{align-items:center!important;border:none!important;border-radius:12px!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:.5rem!important;min-width:120px!important;padding:12px 24px!important;transition:all .3s ease!important}.confirm-yes{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 16px #10b9814d!important}.confirm-yes:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 20px #10b98166!important;transform:translateY(-2px)!important}.confirm-no{background:#334155e6!important;border:1px solid #47556980!important;box-shadow:0 4px 16px #0003!important}.confirm-no:hover{background:#475569e6!important;border-color:#64748bb3!important;box-shadow:0 6px 20px #0000004d!important;transform:translateY(-2px)!important}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;background:var(--glass-medium,#fffffff2);border-radius:20px;box-shadow:0 10px 40px #0000004d;color:#fff;color:var(--text-primary,#333);max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:24px}.modal-header h2{font-size:24px;font-weight:600;margin:0}.modal-close-button{background:none;border:none;border-radius:4px;color:#fff;color:var(--text-primary,#333);cursor:pointer;font-size:24px;padding:4px;transition:background .2s}.modal-close-button:hover{background:#ffffff1a}.modal-body{padding:24px}@media (max-width:768px){.modal-content{margin:10px;max-width:calc(100% - 20px)}.modal-body,.modal-header{padding:16px}}.inbox-modern{background:linear-gradient(135deg,#0f1419,#1a2332 30%,#2d3561 60%,#4a5c8a);background:var(--gradient-background);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.inbox-header-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#0f1419fa,#1a2332f2);border-bottom:1px solid #ffffff1a;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.inbox-header-content{align-items:center;display:flex;justify-content:space-between;min-height:56px;padding:12px 16px}.inbox-back-btn{background:none;border:none;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;margin:-8px;padding:8px;transition:all .2s ease}.inbox-back-btn:active{background:#ffffff1a;transform:scale(.95)}.inbox-title-modern{color:#fff;color:var(--text-primary);flex:1 1;font-size:20px;font-weight:600;letter-spacing:-.3px;margin:0;text-align:center}.inbox-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;min-width:32px;padding:6px 12px;text-align:center}.badge-count{color:#fff;font-size:14px;font-weight:700}.inbox-filters-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f141999;border-bottom:1px solid #ffffff14;padding:12px}.filter-chips{-webkit-overflow-scrolling:touch;display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;cursor:pointer;display:flex;flex:1 1;gap:4px;justify-content:center;min-width:80px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.filter-chip:active{transform:scale(.95)}.filter-chip.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d}.chip-label{font-size:13px}.chip-count{background:#0003;border-radius:10px;color:#ffffffe6;font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.filter-chip.active .chip-count{background:#fff3;color:#fff}.mark-all-btn-modern{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:12px;color:#10b981;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s ease;width:100%}.mark-all-btn-modern:active{background:#10b98140;transform:scale(.98)}.notifications-list-modern{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:12px}.notifications-list-modern::-webkit-scrollbar{width:4px}.notifications-list-modern::-webkit-scrollbar-track{background:#ffffff0d}.notifications-list-modern::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.notification-card-modern{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:16px;position:relative;transition:all .2s ease}.notification-card-modern:active{background:#ffffff1f;transform:scale(.98)}.notification-card-modern.unread{background:#667eea1f;border-color:#667eea4d}.notification-card-modern.clickable{cursor:pointer}.notification-card-modern.clickable:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.notification-indicator{left:6px;position:absolute;top:16px}.indicator-dot{background:#0000;border-radius:50%;height:8px;transition:all .2s ease;width:8px}.indicator-dot.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea80}.notification-icon{flex-shrink:0}.icon-circle{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}.icon-circle.activity{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#3b82f64d;color:#60a5fa}.icon-circle.meditation{background:linear-gradient(135deg,#a855f733,#8b5cf633);border-color:#a855f74d;color:#c084fc}.notification-body{flex:1 1;min-width:0}.notification-header-modern{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.notification-title-modern{color:#fff;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;line-height:1.3;margin:0}.notification-time{color:#fff9;color:var(--text-tertiary);flex-shrink:0;font-size:12px;white-space:nowrap}.notification-message-modern{color:#fffc;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.notification-note-modern{align-items:flex-start;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:8px}.notification-note-modern span{color:#fbbf24;flex:1 1;font-size:13px;line-height:1.4}.notification-meta-modern{display:flex;flex-wrap:wrap;gap:8px}.meta-tag{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;color:#fffc;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 10px}.meta-tag.activity{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.meta-tag.meditation{background:#a855f726;border-color:#a855f74d;color:#c084fc}.meta-tag.language{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.notification-actions-modern{align-items:center;display:flex;flex-shrink:0}.action-btn-modern{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn-modern:active{transform:scale(.9)}.action-btn-modern.delete{background:#ef44441a;border-color:#ef444433;color:#f87171}.inbox-empty-modern{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-illustration{margin-bottom:24px;opacity:.8}.empty-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.empty-subtitle{color:#fff9;color:var(--text-tertiary);font-size:14px;margin:0;max-width:280px}.notification-card-modern{animation:slideInUp .3s ease backwards}.notification-card-modern:first-child{animation-delay:.05s}.notification-card-modern:nth-child(2){animation-delay:.1s}.notification-card-modern:nth-child(3){animation-delay:.15s}.notification-card-modern:nth-child(4){animation-delay:.2s}.notification-card-modern:nth-child(5){animation-delay:.25s}@media (min-width:768px){.inbox-modern{border-radius:24px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:768px;overflow:hidden;position:relative}.inbox-filters-modern,.inbox-header-content{padding:20px 32px}.notifications-list-modern{padding:24px 32px}.notification-card-modern{padding:20px}.notification-card-modern:hover{background:#ffffff1f;transform:translateX(4px)}}@media (prefers-color-scheme:dark){.inbox-modern{background:linear-gradient(135deg,#0a0a0a,#1a1a2e)}.inbox-header-modern{background:linear-gradient(180deg,#0a0a0afa,#1a1a2ef2)}}.journal-modern{background:linear-gradient(135deg,#0f1419,#1a2332 30%,#2d3561 60%,#4a5c8a);background:var(--gradient-background);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.journal-header-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#0f1419fa,#1a2332f2);border-bottom:1px solid #ffffff1a;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.journal-header-content{align-items:center;display:flex;justify-content:space-between;min-height:56px;padding:12px 16px}.journal-back-btn{background:none;border:none;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;margin:-8px;padding:8px;transition:all .2s ease}.journal-back-btn:active{background:#ffffff1a;transform:scale(.95)}.journal-title-modern{color:#fff;color:var(--text-primary);flex:1 1;font-size:20px;font-weight:600;letter-spacing:-.3px;margin:0;text-align:center}.journal-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;min-width:32px;padding:6px 12px;text-align:center}.journal-badge-green{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px #10b9814d}.journal-filters-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f141999;border-bottom:1px solid #ffffff14;padding:12px}.journal-filter-chips{flex-wrap:wrap;padding:4px 0}.journal-filter-chip,.journal-filter-chips{display:flex;gap:8px;justify-content:center}.journal-filter-chip{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;cursor:pointer;flex:1 1;font-size:14px;min-height:48px;min-width:0;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.journal-filter-chip:active{transform:scale(.95)}.journal-filter-chip.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d}.chip-icon{font-size:20px;line-height:1}.chip-label{color:#fff;color:var(--text-primary);font-weight:500;line-height:1.2;text-align:center}.journal-filter-chip.active .chip-label{color:#fff;font-weight:600}.journal-content-modern{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:12px}.journal-content-modern::-webkit-scrollbar{width:4px}.journal-content-modern::-webkit-scrollbar-track{background:#ffffff0d}.journal-content-modern::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.entry-card-modern{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s ease}.entry-card-modern:active{background:#ffffff1f;transform:scale(.98)}.entry-header-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.entry-date-modern{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.entry-mood-modern{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;font-size:12px;gap:6px;padding:4px 8px}.entry-content-modern{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fffc;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:12px;overflow:hidden}.entry-actions-modern{display:flex;gap:8px;justify-content:flex-end}.entry-action-btn{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.entry-action-btn:active{background:#ffffff26;transform:scale(.95)}.quick-write-card-modern{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;margin-bottom:20px;padding:20px}.quick-write-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.quick-write-title{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.write-btn-modern{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.write-btn-modern:active{transform:scale(.98)}.journal-empty-modern{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.empty-illustration-journal{margin-bottom:24px;opacity:.8}.empty-title-journal{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.empty-subtitle-journal{color:#fff9;color:var(--text-tertiary);font-size:14px;margin:0;max-width:280px}.mood-card-modern{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s ease}.mood-card-modern:active{background:#ffffff26;transform:scale(.98)}.mood-emoji{font-size:24px;text-align:center;width:40px}.mood-info{flex:1 1}.mood-name{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.mood-description{color:#fffc;color:var(--text-secondary);font-size:12px;margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.entry-card-modern,.mood-card-modern,.quick-write-card-modern{animation:slideInUp .3s ease backwards}.entry-card-modern:first-child{animation-delay:.05s}.entry-card-modern:nth-child(2){animation-delay:.1s}.entry-card-modern:nth-child(3){animation-delay:.15s}.entry-card-modern:nth-child(4){animation-delay:.2s}.entry-card-modern:nth-child(5){animation-delay:.25s}@media (min-width:768px){.journal-modern{border-radius:24px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:768px;overflow:hidden;position:relative}.journal-filters-modern,.journal-header-content{padding:20px 32px}.journal-filter-chips{gap:12px;grid-template-columns:repeat(5,1fr)}.journal-filter-chip{min-height:72px;padding:16px 12px}.journal-content-modern{padding:24px 32px}.entry-card-modern:hover{background:#ffffff1f;transform:translateX(4px)}.mood-card-modern:hover{background:#ffffff26;transform:translateX(4px)}}@media (max-width:768px){.journal-modern{min-height:100vh;overflow-y:auto;position:relative}.journal-header-content{min-height:60px;padding:16px 20px}.journal-title-modern{font-size:18px;letter-spacing:-.2px}.journal-filters-modern{background:#0f1419cc;padding:16px}.journal-filter-chips{gap:12px;padding:8px 0}.journal-filter-chip{border-radius:20px;flex:1 1;font-size:15px;max-width:calc(50% - 6px);min-height:52px;min-width:calc(50% - 6px);padding:14px 18px}.chip-icon{font-size:18px}.chip-label{font-weight:500;letter-spacing:.3px}.journal-content-modern{line-height:1.6;margin:0 auto;max-width:100%;padding:20px 16px}}@media (min-width:769px){.journal-content-modern{margin:0 auto;max-width:800px;padding:24px 32px}.journal-filter-chips{margin:0 auto;max-width:600px}.journal-filter-chip{flex:none;min-width:110px}}.journal-content-modern{color:#fff;color:var(--text-primary);font-size:16px;line-height:1.7}.journal-content-modern h1,.journal-content-modern h2,.journal-content-modern h3{color:#fff;color:var(--text-primary);line-height:1.3;margin-bottom:16px}.journal-content-modern p{line-height:1.7;margin-bottom:16px}.form-header-with-back{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a}.form-header-with-back .journal-back-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:8px;transition:all .2s ease}.form-header-with-back .journal-back-btn:hover{background:#ffffff26;color:#333;transform:translateX(-2px)}.form-header-with-back .journal-back-btn:active{background:#fff3;transform:scale(.95)}.form-date-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.form-date-title:hover{color:#000!important;-webkit-text-decoration-color:#ffc107!important;text-decoration-color:#ffc107!important}.filter-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;margin-bottom:20px;padding:16px 20px;transition:all .3s ease}.filter-section:hover{background:#ffffff14;border-color:#ffffff1f}.filter-row{align-items:center;display:flex;flex-wrap:nowrap;gap:1px;justify-content:center}.month-filter,.mood-dropdown{position:relative}.month-select,.mood-select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ffffff26;border-radius:22px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;max-width:160px;min-height:40px;min-width:140px;outline:none;padding:10px 32px 10px 18px;transition:all .2s ease;white-space:nowrap}.month-select:hover,.mood-select:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 2px 8px #00000026;transform:scale(1.02)}.month-select:focus,.mood-select:focus{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff1a;transform:scale(1.02)}.month-select option,.mood-select option{background:#0f1419f2;border:none;color:#fff;color:var(--text-primary);padding:8px}@media (max-width:768px){.filter-section{margin-bottom:16px;padding:14px 16px}.filter-row{flex-direction:column;gap:10px}.month-filter,.mood-dropdown{flex:none;width:100%}.month-select,.mood-select{background-position:right 14px center;background-size:18px;font-size:15px;min-height:48px;padding:14px 44px 14px 16px}}.month-select:active,.mood-select:active{background:#ffffff1f;transform:scale(.98)}.journal-cards-slider{-ms-overflow-style:none;display:flex;gap:16px;overflow-x:auto;padding:0 20px 20px;position:relative;scroll-behavior:smooth;scrollbar-width:none}.journal-cards-slider::-webkit-scrollbar{display:none}.journal-cards-slider:after,.journal-cards-slider:before{bottom:20px;content:"";pointer-events:none;position:absolute;top:0;width:20px;z-index:2}.journal-cards-slider:before{background:linear-gradient(90deg,#0f1419cc,#0000);left:0}.journal-cards-slider:after{background:linear-gradient(270deg,#0f1419cc,#0000);right:0}.journal-entry-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1f,#ffffff14);border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px #00000026,inset 0 1px 0 #ffffff1a;cursor:pointer;display:flex;flex-direction:column;height:260px;max-width:280px;min-width:280px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.journal-entry-card:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1f);border-color:#ffffff40;box-shadow:0 12px 48px #00000040,inset 0 1px 0 #fff3;transform:translateY(-4px) scale(1.02)}.card-header{border-bottom:1px solid #ffffff14;padding:16px 16px 8px}.card-date{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600;opacity:.9}.card-mood-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-size:18px;padding:6px 8px;transition:all .3s ease}.card-mood-badge:hover{background:#fff3;transform:scale(1.1)}.card-content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:12px 16px}.card-title{-webkit-line-clamp:2;color:var(--text-primary);line-height:1.3}.card-preview,.card-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-preview{-webkit-line-clamp:3;color:#fffc;color:var(--text-secondary);flex:1 1;font-size:13px;line-height:1.4;opacity:.85}.card-meta{align-items:center;border-top:1px solid #ffffff0f;display:flex;justify-content:center;padding-top:8px}.card-stats{color:#fff9;color:var(--text-tertiary);font-size:11px;gap:12px}.card-stat{align-items:center;display:flex;gap:4px;opacity:.7}.card-action{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;font-size:14px;padding:6px 8px;transition:all .3s ease}.card-action:hover{background:#fff3;transform:scale(1.05)}@media (max-width:768px){.journal-cards-slider{gap:12px;padding:0 16px 16px}.journal-entry-card{height:240px;max-width:260px;min-width:260px}.card-header{padding:14px 14px 8px}.card-content{padding:10px 14px}.card-title{font-size:15px}.card-preview{-webkit-line-clamp:2;font-size:12px}.filter-row{align-items:center;flex-direction:column;gap:8px}.month-select,.mood-select{border-radius:20px;font-size:13px;max-width:90%;min-height:40px;padding:8px 32px 8px 16px;width:180px}}@media (max-width:480px){.filter-row{align-items:center;flex-direction:column;gap:6px}.month-select,.mood-select{border-radius:18px;font-size:12px;max-width:85%;min-height:36px;padding:6px 30px 6px 14px;width:160px}}@media (max-width:320px){.filter-row{align-items:center;flex-direction:column;gap:4px}.month-select,.mood-select{border-radius:15px;font-size:11px;max-width:150px;min-height:30px;min-width:120px;padding:6px 24px 6px 12px}.journal-entry-card{height:220px;max-width:240px;min-width:240px}}@media (min-width:769px){.journal-cards-slider{scroll-snap-type:x mandatory}.journal-entry-card{scroll-snap-align:start}}@media (prefers-color-scheme:dark){.journal-modern{background:linear-gradient(135deg,#0a0a0a,#1a1a2e)}.journal-header-modern{background:linear-gradient(180deg,#0a0a0afa,#1a1a2ef2)}.filter-section{background:#ffffff08;border-color:#ffffff0d}.filter-section:hover{background:#ffffff0f;border-color:#ffffff14}.month-select,.mood-select{background:#ffffff14;border-color:#ffffff26}.month-select:hover,.mood-select:hover{background:#ffffff1f;border-color:#ffffff40}.journal-entry-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#ffffff1a}.journal-entry-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#ffffff2e}}.ai-coach-chat-overlay{align-items:center!important;background:#000000d9!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;overflow:hidden;padding:0;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.ai-coach-chat-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#000c;background:var(--glass-dark);border:none;box-shadow:none;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}@media (max-width:768px){.ai-coach-chat-overlay{padding:0!important}.ai-coach-chat-container{border-radius:0}.ai-coach-chat-container .enhanced-insights-dashboard{padding:16px;padding:var(--space-md)}}@media (min-width:769px){.ai-coach-chat-overlay{padding:20px!important}.ai-coach-chat-container{border:1px solid #ffffff1a!important;border-radius:24px!important;box-shadow:0 20px 60px #00000080!important;height:90vh!important;max-height:90vh!important;max-width:1200px!important;width:90vw!important}.ai-coach-chat-container .enhanced-insights-dashboard{max-width:100%;overflow-x:hidden;padding:20px;padding:var(--space-lg)}.ai-coach-chat-container .insights-menu{margin:0 auto;max-width:700px!important}.ai-coach-chat-container .enhanced-insights-dashboard,.ai-coach-chat-container .insights-content{overflow-x:hidden!important}.ai-coach-chat-container .enhanced-insights-dashboard,.ai-coach-chat-container .enhanced-insights-results,.ai-coach-chat-container .insights-content,.ai-coach-chat-container .insights-header,.ai-coach-chat-container .pdf-title-section{box-sizing:border-box!important;max-width:100%!important;padding:16px!important;padding:var(--space-md)!important;width:100%!important}.ai-coach-chat-container .pdf-title-section h1{word-wrap:break-word!important;font-size:22px!important}.ai-coach-chat-container .action-plan-card,.ai-coach-chat-container .insights-section,.ai-coach-chat-container .key-insight-card,.ai-coach-chat-container .progress-summary-card{box-sizing:border-box!important;margin:16px 0!important;margin:var(--space-md) 0!important;max-width:100%!important;overflow-x:hidden!important;padding:16px!important;padding:var(--space-md)!important;width:100%!important}.ai-coach-chat-container .enhanced-insights-dashboard div,.ai-coach-chat-container .enhanced-insights-dashboard h1,.ai-coach-chat-container .enhanced-insights-dashboard h2,.ai-coach-chat-container .enhanced-insights-dashboard h3,.ai-coach-chat-container .enhanced-insights-dashboard p{word-wrap:break-word!important;max-width:100%!important;overflow-wrap:break-word!important}.ai-coach-chat-container .enhanced-insights-dashboard>div[style*="position: sticky"]{bottom:0!important;box-sizing:border-box!important;left:0!important;max-width:100%!important;position:-webkit-sticky!important;position:sticky!important;right:0!important;width:100%!important}}@media (max-width:768px){.ai-coach-chat-container .insights-content{padding:12px;padding:var(--space-sm)}}textarea{resize:none!important}#journal-textarea-main,.entry-textarea,.expanded-writing-textarea,.journal-textarea,.quick-write-textarea{-webkit-text-fill-color:#000!important;background:linear-gradient(135deg,#fff8dcfa,#fefae0 50%,#f8fafffa)!important;border:2px solid #ffc10780!important;border-radius:16px!important;box-shadow:0 6px 25px #ffc10733,inset 0 1px 0 #ffffffe6!important;caret-color:#000!important;color:#000!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:16px!important;line-height:1.6!important;padding:20px!important;resize:none!important}.entry-textarea::placeholder,.expanded-writing-textarea::placeholder,.journal-textarea::placeholder,.quick-write-textarea::placeholder{-webkit-text-fill-color:#0009!important;color:#0009!important}#journal-textarea-main:focus,.entry-textarea:focus,.expanded-writing-textarea:focus,.journal-textarea:focus,.quick-write-textarea:focus{-webkit-text-fill-color:#000!important;background:linear-gradient(135deg,#fff59dfa,#fffbeb 50%,#f0f8fffa)!important;border-color:#f59e0b!important;box-shadow:0 8px 30px #f59e0b4d,inset 0 1px 0 #fffffff2!important;caret-color:#000!important;color:#000!important;outline:2px solid #f59e0b!important;outline-offset:2px!important}*{color:var(--text-primary)!important}[style*="background-color: #fff"],[style*="background-color: #ffffff"],[style*="background-color: rgba(255, 255, 255"],[style*="background-color: white"],[style*="background: #fff"],[style*="background: #ffffff"],[style*="background: rgb(255, 255, 255"],[style*="background: rgba(255, 255, 255"],[style*="background: white"]{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea:not(.meditation-text-input){-webkit-text-fill-color:#1a2332!important;background:#ffffffe6!important;border:1px solid #0003!important;color:#1a2332!important;resize:none!important}textarea.meditation-text-input{-webkit-text-fill-color:#fff!important;-moz-text-fill-color:#fff!important;background:#000000d9!important;border:1px solid #ffffff80!important;caret-color:#fff!important;color:#fff!important;resize:none!important}select option{-webkit-text-fill-color:#1a2332!important;background:#fffffffa!important;color:#1a2332!important}input::placeholder,textarea::placeholder{color:#1a233299!important}.content-input,.text-input{background:#fffffff2!important;border:1px solid #0003!important;color:#1a2332!important}.modal-body input,.modal-body textarea,.share-form input,.share-form textarea,.upload-input,.upload-textarea{background:#ffffffe6!important;border:1px solid #0003!important;color:#1a2332!important;resize:none!important}.auth-container .auth-form input,.auth-container .auth-form select,.auth-container .auth-form textarea,.auth-container .form-input,.auth-form .form-input,.auth-form select,input.form-input,select.form-input{-webkit-text-fill-color:#1a2332!important;background:#fffffff2!important;border:1px solid #0003!important;color:#1a2332!important}.auth-container .auth-form select option,.auth-form select option,select.form-input option{-webkit-text-fill-color:#1a2332!important;background:#fffffffa!important;color:#1a2332!important}.auth-container .auth-form input::placeholder,.auth-container .auth-form textarea::placeholder,.auth-container .form-input::placeholder,.auth-form .form-input::placeholder,input.form-input::placeholder{-webkit-text-fill-color:#1a233299!important;color:#1a233299!important}.auth-container .auth-form input:focus,.auth-container .auth-form select:focus,.auth-container .auth-form textarea:focus,.auth-container .form-input:focus,.auth-form .form-input:focus,.auth-form select:focus,input.form-input:focus,select.form-input:focus{-webkit-text-fill-color:#1a2332!important;background:#fffffffa!important;border-color:var(--gradient-card-1)!important;color:#1a2332!important}.auth-container .language-selector,.language-selector{background:#fffffff2!important;border:1px solid #0000001a!important;color:#1a2332!important}.auth-container .language-button,.language-button{-webkit-text-fill-color:#1a2332!important;background:#ffffffe6!important;border:1px solid #0003!important;color:#1a2332!important}.auth-container .language-button:hover,.language-button:hover{-webkit-text-fill-color:#1a2332!important;background:#fffffff2!important;color:#1a2332!important}.auth-container .language-options,.language-options{background:#fffffffa!important;border:1px solid #0000001a!important}.auth-container .language-option,.auth-container .language-option:hover,.language-option,.language-option:hover{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.auth-container .language-option:hover,.language-option:hover{background:#0000000d!important}.auth-container .language-option.selected,.language-option.selected{-webkit-text-fill-color:#1a2332!important;background:#0000001a!important;color:#1a2332!important}.auth-container .language-label,.language-label{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.profile-language-selector{background:#fffffff2!important;border:1px solid #0000001a!important}.profile-language-label,.profile-select-button{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.profile-select-button{background:#ffffffe6!important;border:1px solid #0003!important}.profile-select-button:hover{-webkit-text-fill-color:#1a2332!important;background:#fffffff2!important;color:#1a2332!important}.profile-select-options{background:#fffffffa!important;border:1px solid #0000001a!important}.profile-select-option,.profile-select-option:hover{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.profile-select-option:hover{background:#0000000d!important}.profile-select-option.selected{-webkit-text-fill-color:#1a2332!important;background:#0000001a!important;color:#1a2332!important}input[type=checkbox],input[type=radio]{accent-color:var(--gradient-card-1)!important}.checkbox-label,.choice-label,.radio-label,input[type=checkbox]+label,input[type=radio]+label,label[for*=checkbox],label[for*=radio]{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.btn-group button,.choice-btn,.option-btn,.toggle-btn,.toggle-button{-webkit-text-fill-color:#1a2332!important;background:#ffffffe6!important;border:1px solid #0003!important;color:#1a2332!important}.btn-group button:hover,.choice-btn:hover,.option-btn:hover,.toggle-btn:hover,.toggle-button:hover{-webkit-text-fill-color:#1a2332!important;background:#fffffff2!important;color:#1a2332!important}.btn-group button.active,.choice-btn.active,.option-btn.active,.toggle-btn.active,.toggle-button.active{-webkit-text-fill-color:#1a2332!important;background:#0000001a!important;color:#1a2332!important}.choice-menu,.dropdown-menu,.select-menu{background:#fffffffa!important;border:1px solid #0000001a!important}.choice-item,.choice-item:hover,.dropdown-item,.dropdown-item:hover,.select-item,.select-item:hover{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.choice-item:hover,.dropdown-item:hover,.select-item:hover{background:#0000000d!important}.choice-tags,.multi-select,.tag-input{background:#ffffffe6!important;border:1px solid #0003!important}.choice-tag,.multi-select .tag,.tag-input .tag{-webkit-text-fill-color:#1a2332!important;background:#0000001a!important;color:#1a2332!important}.segment-group,.segmented-control{background:#ffffffe6!important;border:1px solid #0003!important}.segment,.segment-option,.segment-option.active,.segment.active{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.segment-option.active,.segment.active{background:#0000001a!important}[aria-selected=true],[aria-selected],[role=option],[role=option]:hover{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}[aria-selected=true],[role=option]:hover{background:#0000000d!important}.card[style*="background: rgba(255, 255, 255"], .card[style*="background: white"], .insight-chart-container, .insight-metrics, .insight-neutral, .insight-recommendation, .insights-section, .mood-patterns, .simple-progress-dashboard, .stat-item{background:#fffffff2!important;border:1px solid #0000001a!important;color:#1a2332!important}.addiction-form-overlay,.admin-modal-overlay,.ai-coach-chat-overlay,.city-picker-modal-overlay,.confirm-dialog-overlay,.emergency-contacts-overlay,.entry-modal-overlay,.journal-form-overlay,.modal-overlay,.profile-overlay,.share-dialog-overlay,.trigger-alert-overlay,.upload-modal-overlay{background:#0009!important}.admin-modal,.city-picker-modal,.confirm-dialog,.date-picker-modal,.dialog-content,.emergency-contacts-modal,.entry-modal,.modal-body,.modal-content,.modal-footer,.modal-header,.moderation-modal,.share-dialog,.upload-modal{-webkit-text-fill-color:#1a2332!important;background:#dce1ebfa!important;border:1px solid #4b556366!important;color:#1a2332!important}.modal-header,.modal-header .modal-title,.modal-header h2,.modal-header h3,.share-dialog-header{-webkit-text-fill-color:#1a2332!important;background:#0000!important;color:#1a2332!important}.confirm-dialog .confirm-close,.modal-close,.modal-header button{-webkit-text-fill-color:#1a2332!important;background:#fffc!important;border:1px solid #4b556366!important;color:#1a2332!important}.modal-close:hover,.modal-header button:hover{background:#ffffffe6!important}.confirm-dialog div,.confirm-dialog h1,.confirm-dialog h2,.confirm-dialog h3,.confirm-dialog p,.confirm-dialog span,.confirm-message,.modal-close:hover,.modal-content div,.modal-content h1,.modal-content h2,.modal-content h3,.modal-content h4,.modal-content h5,.modal-content h6,.modal-content label,.modal-content p,.modal-content span,.modal-header button:hover,.share-dialog div,.share-dialog h1,.share-dialog h2,.share-dialog h3,.share-dialog p,.share-dialog span{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.journal-share-modal,.journal-share-modal .modal-body,.journal-share-modal .modal-footer,.journal-share-modal .modal-header{-webkit-text-fill-color:#1a2332!important;background:#dce1ebfa!important;color:#1a2332!important}.city-picker-modal .city-item,.city-picker-modal .city-list{-webkit-text-fill-color:#1a2332!important;background:#dce1ebf2!important;color:#1a2332!important}.city-picker-modal .city-item:hover{-webkit-text-fill-color:#1a2332!important;background:#c8d2e1f2!important;color:#1a2332!important}.admin-activity-modal,.admin-modal-overlay .admin-modal,.ai-coach-chat-overlay .ai-coach-modal,.contact-item,.date-picker-modal,.date-picker-modal .calendar-day,.date-picker-modal .calendar-grid,.emergency-contact-form,.emergency-contacts-overlay .emergency-contacts-modal,.moderation-modal,.profile-modal,.profile-overlay .modal-content,.trigger-alert-content,.trigger-alert-overlay .trigger-alert{-webkit-text-fill-color:#1a2332!important;background:#dce1ebfa!important;color:#1a2332!important}.city-picker-modal input,.confirm-dialog input,.emergency-contacts-modal input,.modal-content input,.modal-content select,.modal-content textarea,.share-dialog input{-webkit-text-fill-color:#1a2332!important;background:#fffffff2!important;border:2px solid #4b556366!important;color:#1a2332!important}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{-webkit-text-fill-color:#1a2332!important;background:#fffffffa!important;border-color:var(--primary-color)!important;color:#1a2332!important}.confirm-buttons button,.emergency-contacts-modal button,.modal-content button,.modal-footer button,.share-dialog button{-webkit-text-fill-color:#1a2332!important;background:#ffffffe6!important;border:1px solid #4b556366!important;color:#1a2332!important}.confirm-buttons button:hover,.modal-content button:hover,.modal-footer button:hover,.share-dialog button:hover{-webkit-text-fill-color:#1a2332!important;background:#fffffff2!important;color:#1a2332!important}.confirm-yes{background:#10b981!important}.confirm-yes,.confirm-yes:hover{-webkit-text-fill-color:#fff!important;color:#fff!important}.confirm-yes:hover{background:#059669!important}.confirm-no{background:#6b7280!important}.confirm-no,.confirm-no:hover{-webkit-text-fill-color:#fff!important;color:#fff!important}.confirm-no:hover{background:#4b5563!important}.correction-overlay,.grammar-popup,.spelling-overlay,.spelling-suggestion-popup{-webkit-text-fill-color:#1a2332!important;background:#dce1ebfa!important;border:1px solid #4b556366!important;color:#1a2332!important}.grammar-popup .correction-item,.spelling-suggestion-popup .suggestion-item{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.grammar-popup .correction-item:hover,.spelling-suggestion-popup .suggestion-item:hover{-webkit-text-fill-color:#1a2332!important;background:#c8d2e1f2!important;color:#1a2332!important}.background-upload-modal,.file-upload-modal,.upload-modal{background:#dce1ebfa!important}.background-upload-modal,.file-upload-modal,.upload-modal,.upload-modal h1,.upload-modal h2,.upload-modal h3,.upload-modal label,.upload-modal p,.upload-modal span{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.activity-details-modal,.activity-modal,.admin-activity-modal,.alert-dialog,.notification-modal,.payment-modal,.pi-payment-modal,.safety-modal,.system-modal{-webkit-text-fill-color:#1a2332!important;background:#dce1ebfa!important;color:#1a2332!important}.alert-dialog,.notification-modal,.system-modal{border:1px solid #4b556366!important}.alert-dialog h1,.alert-dialog h2,.alert-dialog h3,.alert-dialog p,.alert-dialog span,.dropdown-modal,.options-modal,.select-modal{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.dropdown-modal,.options-modal,.select-modal{background:#dce1ebfa!important;border:1px solid #4b556366!important}.dropdown-modal .option,.options-modal .option,.select-modal .option{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.dropdown-modal .option:hover,.options-modal .option:hover,.select-modal .option:hover{-webkit-text-fill-color:#1a2332!important;background:#c8d2e1f2!important;color:#1a2332!important}.calendar-modal,.date-modal,.time-picker-modal{background:#dce1ebfa!important}.calendar-day,.calendar-modal,.calendar-modal .day,.date-modal,.date-modal .day,.time-picker-modal{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.calendar-day:hover,.calendar-modal .day:hover,.date-modal .day:hover{-webkit-text-fill-color:#1a2332!important;background:#c8d2e1f2!important;color:#1a2332!important}.calendar-day.selected,.calendar-modal .day.selected,.date-modal .day.selected{-webkit-text-fill-color:#fff!important;background:var(--primary-color)!important;color:#fff!important}.notification-toast,.popup-notification,.toast{border:1px solid #4b556366!important}.loading-modal,.notification-toast,.popup-notification,.progress-modal,.spinner-modal,.toast{-webkit-text-fill-color:#1a2332!important;background:#dce1ebfa!important;color:#1a2332!important}.loading-modal p,.progress-modal p,.spinner-modal p{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.chat-input-area,.chat-message-bubble[style*="background: rgba(255"],.enhanced-chat-header,.enhanced-chat-input,.enhanced-message-input,.file-attachment-display,.input-container,.message-input-wrapper{background:#fffffff2!important;border:1px solid #0000001a!important;color:#1a2332!important}.enhanced-chat-input,.enhanced-message-input,.input-container,.message-input-wrapper{-webkit-text-fill-color:#1a2332!important}.enhanced-message-input{color:#1a2332!important}.enhanced-message-input::placeholder{-webkit-text-fill-color:#1a233299!important;color:#1a233299!important}.enhanced-chat-input:focus,.enhanced-message-input:focus,.input-container:focus-within{-webkit-text-fill-color:#1a2332!important;background:#fffffffa!important;border-color:var(--gradient-card-1)!important;color:#1a2332!important}.chat-input,.comment-input,.meet-input,.message-input,.reply-input,[class*=chat-input],[class*=meet-input],[class*=message-input]{-webkit-text-fill-color:#1a2332!important;background:#fffffff2!important;border:1px solid #0000001a!important;color:#1a2332!important}.chat-input:focus,.comment-input:focus,.meet-input:focus,.message-input:focus,.reply-input:focus,[class*=chat-input]:focus,[class*=meet-input]:focus,[class*=message-input]:focus{-webkit-text-fill-color:#1a2332!important;background:#fffffffa!important;color:#1a2332!important}.user-actions-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.user-actions-row .action-btn{font-size:.85rem;min-width:auto;padding:.4rem .8rem;white-space:nowrap}.user-actions-row .delete-btn{-webkit-text-fill-color:#fff!important;background-color:#dc2626!important;border:1px solid #b91c1c!important;color:#fff!important}.user-actions-row .delete-btn:hover{-webkit-text-fill-color:#fff!important;background-color:#b91c1c!important;color:#fff!important;transform:translateY(-1px)}.user-actions-row .view-btn{-webkit-text-fill-color:#fff!important;background-color:#2563eb!important;border:1px solid #1d4ed8!important;color:#fff!important}.user-actions-row .view-btn:hover{-webkit-text-fill-color:#fff!important;background-color:#1d4ed8!important;color:#fff!important;transform:translateY(-1px)}.chat-input::placeholder,.comment-input::placeholder,.meet-input::placeholder,.message-input::placeholder,.reply-input::placeholder,[class*=chat-input]::placeholder,[class*=meet-input]::placeholder,[class*=message-input]::placeholder{-webkit-text-fill-color:#1a233299!important;color:#1a233299!important}.input[class*=Input_input],.select[class*=Select_select]{background:#ffffffe6!important;border:1px solid #0003!important;color:#1a2332!important}.meditation-text-display,.preview-text,.text-preview,.text-preview-scrollable{background:#fffffff2!important;border-left:3px solid var(--gradient-card-1)!important;color:#1a2332!important}.calendar-day-content,.calendar-entry-preview{background:#ffffffe6!important;color:#1a2332!important}.dropdown-option,.select-option,option{background:#fffffff2!important;color:#1a2332!important}.panel-language-dropdown,.profile-select-options{background:#fffffff2!important}.panel-language-option,.profile-select-option{color:#1a2332!important}.panel-language-option:hover,.profile-select-option:hover{background:#0000001a!important;color:#1a2332!important}.content-area,.description-content,.entry-content,.message-content,.text-content{background:#fffffff2!important;border-radius:var(--radius-md)!important;color:#1a2332!important;padding:var(--space-md)!important}.search-bar input,.search-input{background:#ffffffe6!important;border:1px solid #0003!important;color:#1a2332!important}.search-input::placeholder{color:#1a233299!important}.admin-content textarea,.moderation-section textarea{background:#fffffff2!important;border:1px solid #0003!important;color:#1a2332!important}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#1a2332!important;-webkit-box-shadow:inset 0 0 0 1000px #ffffffe6!important}input:focus,textarea:not(.expanded-writing-textarea):not(.quick-write-textarea):not(.entry-textarea):not(.journal-textarea):focus{background:#fffffffa!important;border-color:var(--gradient-card-1)!important;color:#1a2332!important;outline:2px solid var(--gradient-card-1)!important;outline-offset:2px!important}.expanded-writing-textarea.voice-active,.quick-write-textarea.voice-active{-webkit-text-fill-color:#000!important;background:#fff!important;border-color:#10b981!important;box-shadow:0 0 0 2px #10b9814d!important;caret-color:#000!important;color:#000!important}.expanded-writing-textarea.processing,.quick-write-textarea.processing{-webkit-text-fill-color:#000!important;background:#fffffffa!important;caret-color:#000!important;color:#000!important;opacity:.8}.form-group input,.form-group textarea,.upload-form input,.upload-form textarea{background:#fffffff2!important;border:1px solid #0003!important;color:#1a2332!important}.code-block,.pre-formatted,code,pre{background:#fffffff2!important;border:1px solid #0000001a!important;border-radius:var(--radius-sm)!important;color:#1a2332!important;padding:var(--space-sm)!important}.activity-filters input,.activity-filters select,.activity-filters textarea,.cost-input,.create-activity .form-input,.create-activity .form-select,.create-activity .form-textarea,.create-activity input[type=date],.create-activity input[type=number],.create-activity input[type=text],.create-activity input[type=time],.create-activity select,.create-activity textarea,.create-activity-wizard .form-input,.create-activity-wizard .form-select,.create-activity-wizard .form-textarea,.create-activity-wizard input[type=date],.create-activity-wizard input[type=email],.create-activity-wizard input[type=number],.create-activity-wizard input[type=password],.create-activity-wizard input[type=search],.create-activity-wizard input[type=text],.create-activity-wizard input[type=time],.create-activity-wizard select,.create-activity-wizard textarea,.location-autocomplete input,.meet-hub .form-input,.meet-hub .form-select,.meet-hub .form-textarea,.meet-hub input[type=date],.meet-hub input[type=email],.meet-hub input[type=number],.meet-hub input[type=password],.meet-hub input[type=search],.meet-hub input[type=text],.meet-hub input[type=time],.meet-hub select,.meet-hub textarea,.meet-search-input,.tag-input{-webkit-text-fill-color:#1a2332!important;background:#dce1ebf2!important;border:2px solid #4b556366!important;color:#1a2332!important}.activity-filters input:focus,.activity-filters select:focus,.activity-filters textarea:focus,.cost-input:focus,.create-activity .form-input:focus,.create-activity .form-select:focus,.create-activity .form-textarea:focus,.create-activity input:focus,.create-activity select:focus,.create-activity textarea:focus,.create-activity-wizard .form-input:focus,.create-activity-wizard .form-select:focus,.create-activity-wizard .form-textarea:focus,.create-activity-wizard input[type=date]:focus,.create-activity-wizard input[type=email]:focus,.create-activity-wizard input[type=number]:focus,.create-activity-wizard input[type=password]:focus,.create-activity-wizard input[type=search]:focus,.create-activity-wizard input[type=text]:focus,.create-activity-wizard input[type=time]:focus,.create-activity-wizard select:focus,.create-activity-wizard textarea:focus,.location-autocomplete input:focus,.meet-hub .form-input:focus,.meet-hub .form-select:focus,.meet-hub .form-textarea:focus,.meet-hub input:focus,.meet-hub select:focus,.meet-hub textarea:focus,.meet-search-input:focus,.tag-input:focus{-webkit-text-fill-color:#1a2332!important;background:#dce1ebfa!important;border-color:#10b98199!important;box-shadow:0 0 0 3px #10b9811a!important;color:#1a2332!important}.create-activity-wizard .form-input.error,.create-activity-wizard .form-select.error,.create-activity-wizard .form-textarea.error,.create-activity-wizard input.error,.create-activity-wizard select.error,.create-activity-wizard textarea.error{-webkit-text-fill-color:#1a2332!important;background:#dce1ebf2!important;border-color:#ef444499!important;color:#1a2332!important}.activity-filters input::placeholder,.activity-filters textarea::placeholder,.cost-input::placeholder,.create-activity .form-input::placeholder,.create-activity .form-textarea::placeholder,.create-activity input::placeholder,.create-activity textarea::placeholder,.create-activity-wizard .form-input::placeholder,.create-activity-wizard .form-textarea::placeholder,.create-activity-wizard input::placeholder,.create-activity-wizard textarea::placeholder,.location-autocomplete input::placeholder,.meet-hub .form-input::placeholder,.meet-hub .form-textarea::placeholder,.meet-hub input::placeholder,.meet-hub textarea::placeholder,.meet-search-input::placeholder,.tag-input::placeholder{-webkit-text-fill-color:#1a233299!important;color:#1a233299!important}.create-activity-wizard .form-input:focus::placeholder,.create-activity-wizard .form-textarea:focus::placeholder,.create-activity-wizard input:focus::placeholder,.create-activity-wizard textarea:focus::placeholder{-webkit-text-fill-color:#1a233266!important;color:#1a233266!important}.activity-filters input:-webkit-autofill,.activity-filters input:-webkit-autofill:focus,.activity-filters input:-webkit-autofill:hover,.create-activity input:-webkit-autofill,.create-activity input:-webkit-autofill:focus,.create-activity input:-webkit-autofill:hover,.create-activity-wizard input:-webkit-autofill,.create-activity-wizard input:-webkit-autofill:focus,.create-activity-wizard input:-webkit-autofill:hover,.location-autocomplete input:-webkit-autofill,.location-autocomplete input:-webkit-autofill:focus,.location-autocomplete input:-webkit-autofill:hover,.meet-hub input:-webkit-autofill,.meet-hub input:-webkit-autofill:focus,.meet-hub input:-webkit-autofill:hover{-webkit-text-fill-color:#1a2332!important;-webkit-box-shadow:inset 0 0 0 1000px #dce1ebf2!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.activity-filters select option,.create-activity select option,.create-activity-wizard select option,.meet-hub select option{-webkit-text-fill-color:#1a2332!important;background:#dce1ebfa!important;color:#1a2332!important}.alert-dialog,.confirm-dialog,.modal-content,.popup-dialog{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#dce1ebfa!important;border:1px solid #4b556366!important}.alert-dialog p,.alert-dialog span,.confirm-dialog .modal-header h3,.confirm-dialog div,.confirm-dialog h3,.confirm-dialog p,.confirm-dialog span,.confirm-message,.modal-body,.modal-body div,.modal-body h3,.modal-body p,.modal-body span,.modal-content div,.modal-content h3,.modal-content p,.modal-content span,.popup-dialog p,.popup-dialog span{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.alert-btn,.confirm-btn,.confirm-no,.confirm-yes,.modal-btn{-webkit-text-fill-color:#fff!important;color:#fff!important}.admin-dashboard-new .modal-content{background:#dce1ebfa!important;border:1px solid #4b556366!important}.admin-dashboard-new .modal-body,.admin-dashboard-new .modal-content div,.admin-dashboard-new .modal-content h3,.admin-dashboard-new .modal-content p,.admin-dashboard-new .modal-content span{-webkit-text-fill-color:#1a2332!important;color:#1a2332!important}.content,.description,.label,.message,.name,.subtitle,.text,.title,button,div,h1,h2,h3,h4,h5,h6,input,label,p,select,span,textarea{color:#fff!important}.activity-card{background:linear-gradient(135deg,#101828e6,#1f2937d9)!important;border:2px solid #4b556399!important;box-shadow:0 12px 40px #0009,0 4px 16px #0006,inset 0 1px 0 #ffffff1a!important}.activity-card:hover{background:linear-gradient(135deg,#101828f2,#1f2937e6)!important;border-color:#4b5563cc!important;box-shadow:0 16px 48px #000000b3,0 6px 20px #00000080,inset 0 1px 0 #ffffff26!important}.activity-title{background:linear-gradient(135deg,#374151cc,#1f293799)!important;border:1px solid #4b556366!important;border-radius:10px!important;color:#fff!important;font-weight:700!important;margin-bottom:10px!important;padding:10px 14px!important;text-shadow:0 2px 4px #000c!important}.activity-description{background:linear-gradient(135deg,#1f2937b3,#11182780)!important;border:1px solid #4b55634d!important;border-radius:12px!important;padding:14px!important;text-shadow:0 1px 3px #000000b3!important}.activity-details{background:linear-gradient(135deg,#1f293799,#11182766)!important;border:1px solid #4b556366!important;border-radius:12px!important;padding:16px!important}.activity-detail{color:#fffffff2!important;text-shadow:0 1px 3px #0009!important}.detail-text{font-weight:500!important}.detail-text,.organizer-label,.organizer-name{color:#fffffff2!important;text-shadow:0 1px 2px #0009!important}.activity-organizer{background:linear-gradient(135deg,#37415199,#1f293766)!important;border:1px solid #4b55634d!important;border-radius:12px!important;padding:12px!important}.activity-status-badge{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:14px!important;font-weight:700!important;padding:6px 12px!important;text-shadow:0 1px 2px #000c!important}.activity-status-badge.joined{background:linear-gradient(135deg,#2563ebe6,#1d4ed8cc)!important;border:1px solid #3b82f6cc!important;box-shadow:0 4px 12px #2563eb66!important;color:#fff!important}.activity-status-badge.organizer{background:linear-gradient(135deg,#15803de6,#166534cc)!important;border:1px solid #22c55ecc!important;box-shadow:0 4px 12px #15803d66!important;color:#fff!important}.activity-status-badge.full{background:linear-gradient(135deg,#dc2626e6,#b91c1ccc)!important;border:1px solid #ef4444cc!important;box-shadow:0 4px 12px #dc262666!important;color:#fff!important}.activity-category-badge{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#374151e6,#1f2937cc)!important;border:1px solid #4b556399!important;border-radius:12px!important;font-weight:700!important;padding:8px 12px!important}.activity-category-badge,.category-name{text-shadow:0 1px 2px #000000b3!important}.category-name{color:#fff!important}.activity-tag{background:linear-gradient(135deg,#374151cc,#1f293799)!important;border:1px solid #4b556366!important;border-radius:10px!important;color:#fffffff2!important;padding:6px 10px!important;text-shadow:0 1px 2px #000000b3!important}.join-button,.primary-button{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 16px #10b98166!important;color:#fff!important;font-weight:700!important;text-shadow:0 1px 2px #0009!important}.secondary-button,.view-button,.waitlist-button{background:linear-gradient(135deg,#374151e6,#1f2937cc)!important;border:1px solid #4b556399!important;box-shadow:0 4px 12px #0000004d!important;color:#fff!important;font-weight:600!important;text-shadow:0 1px 2px #0009!important}.leave-button,.warning-button{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 16px #ef444466!important;color:#fff!important;font-weight:700!important;text-shadow:0 1px 2px #0009!important}.activity-card-message{background:linear-gradient(135deg,#1f2937e6,#111827cc)!important;border:1px solid #4b556366!important;border-radius:10px!important;color:#fff!important;padding:12px!important;text-shadow:0 1px 2px #000000b3!important}.activity-meta,.activity-name,.meditation-date,.meditation-duration,.meditation-language,.meditation-text,.meditation-type,.participants-count{color:#fff!important;text-shadow:0 1px 2px #0006!important}.access-denied h2,.access-denied p,.admin-header h2,.admin-header p,.alert-message,.auth-subtitle,.auth-title,.btn,.button,.calendar-day,.clickable,.community-subtitle,.community-title,.confirm-message,.detail-section h5,.entry-content,.entry-date,.form-label,.journal-subtitle,.journal-title,.language-button,.language-option,.loading-text,.location-text,.meditation-description,.meditation-header h4,.modal-body .description,.modal-body h4,.modal-header h2,.modal-header h3,.mood-label,.page-subtitle,.page-title,.panel-language-option,.panel-language-title,.panel-member-since,.panel-menu-label,.panel-username,.preview-duration,.preview-language,.preview-text,.preview-type,.profile-email,.profile-name,.profile-status,.share-form label,.upload-error,.upload-error-display,.weekday-header,[role=button],button,input,select,textarea{color:#fff!important}input::placeholder,textarea::placeholder{color:#fff9!important}.badge,.card,.card-body,.card-footer,.card-header,.card-subtitle,.card-text,.card-title,.chip,.error-message,.info-message,.status,.success-message,.table-cell,.table-header,.tag,.warning-message,a,li,ol,table,td,th,ul{color:#fff!important}.field-error,.form-error,.validation-error{color:#fca5a5!important}.form-success,.validation-success{color:#86efac!important}.admin-content,.admin-content *,.admin-dashboard,.admin-dashboard *,.calendar-header,.calendar-header *,.community-hub,.community-hub *,.credit-stat,.credit-stat *,.journal-calendar-modern,.journal-calendar-modern *,.meditation-preview,.meditation-preview *,.profile-container,.profile-container *,.profile-header,.profile-header *,.profile-stats,.profile-stats *,.stat-card,.stat-card *,.stat-info,.stat-info *,.upload-modal,.upload-modal *,.upload-section,.upload-section *{color:#fff!important}.print-styles *{color:#000!important}@media print{*{color:#000!important}}@media screen{.high-contrast *{color:#fff!important;text-shadow:1px 1px 2px #000c!important}}.like-button.liked{color:#fca5a5!important}.like-count,.play-count{color:#ffffffe6!important}.profile-select-option,.profile-select-option *{color:#fff!important}.background-description,.meditation-type-description{color:#ffffffe6!important}.admin-tab,.community-tab,.meet-tab{color:#fffc!important}.admin-tab.active,.community-tab.active,.meet-tab.active{color:#fff!important}input[type=email],input[type=password],input[type=search],input[type=text],textarea{-webkit-text-fill-color:#fff!important;color:#fff!important}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px var(--glass-medium) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}option{background:var(--glass-dark)!important;color:#fff!important}.category-badge-centered{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:20px;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;margin:0 auto 12px;max-width:-webkit-fit-content;max-width:fit-content;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.category-badge-centered:hover{box-shadow:0 4px 12px #00000026!important;transform:translateY(-1px)}.category-badge-centered .category-emoji{filter:brightness(1.1);font-size:16px}.category-badge-centered .category-name{font-weight:700;text-shadow:0 1px 2px #0000001a}.activity-card{-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:linear-gradient(135deg,#101828f2,#1f2937eb 50%,#2d3748e6)!important;border:1.5px solid #ffffff26!important;border-radius:24px!important;box-shadow:0 12px 32px #00000040,0 4px 12px #00000026,inset 0 1px 0 #fff3!important;cursor:pointer;margin-bottom:24px!important;min-height:44px;overflow:hidden;padding:20px!important;position:relative;transition:all .4s cubic-bezier(.2,.8,.2,1)!important}@media (hover:hover) and (pointer:fine){.activity-card:hover{background:linear-gradient(135deg,#101828fa,#1f2937f2 50%,#2d3748ed)!important;border-color:#ffffff38!important;box-shadow:0 20px 48px #00000059,0 8px 20px #00000040,inset 0 1px 0 #ffffff40,0 0 0 1px #ffffff26!important;transform:translateY(-6px) scale(1.02)!important}}.activity-card:active{transform:scale(.98)!important;transition:transform .1s ease!important}.activity-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.activity-status-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.activity-status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:16px;box-shadow:0 2px 8px #0003;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;text-shadow:0 1px 2px #0009;white-space:nowrap}.activity-status-badge.full{background:#ef4444e6;border-color:#ef444499}.activity-status-badge.organizer{background:#22c55ee6;border-color:#22c55e99}.activity-status-badge.joined{background:#3b82f6e6;border-color:#3b82f699}.activity-status-badge.waitlist{animation:pulse-glow 2s ease-in-out infinite;background:#f59e0be6;border-color:#f59e0b99}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #f59e0b4d;opacity:1}50%{box-shadow:0 4px 16px #f59e0b80;opacity:.8}}.activity-title{word-wrap:break-word!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;font-size:22px!important;font-weight:800!important;-webkit-hyphens:auto!important;hyphens:auto!important;letter-spacing:-.02em!important;line-height:1.3!important;margin:0 0 12px!important;max-height:none!important;overflow:visible!important;overflow-wrap:break-word!important;text-align:center!important;text-shadow:0 2px 8px #0009,0 1px 3px #0006!important;white-space:normal!important}.activity-card .card-header .card-title-section .activity-title,.activity-title{color:#10b981!important}.activity-card .card-header .card-title-section .activity-title.green-title-force,.activity-title.green-title-force,.green-title-force,h3.activity-title.green-title-force{-webkit-text-fill-color:#10b981!important;color:#10b981!important}.activity-meta-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#00000040,#10182833);border:1px solid #ffffff14;border-radius:16px;margin-bottom:16px;padding:16px}.activity-meta-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.meta-item{align-items:center;color:#fffffff2!important;display:flex;font-size:14px;font-weight:500;gap:8px}.meta-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));font-size:16px;opacity:.9;text-align:center;width:20px}.meta-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.meta-value{color:#fffffffa!important;font-weight:600;text-shadow:0 1px 2px #0006}.meta-label{color:#ffffffb3!important;font-size:11px;font-weight:400}.participants-container{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0000004d,#10b98126);border:1px solid #10b9814d;border-radius:14px;display:flex;gap:10px;padding:12px 16px}.participants-bar-container{display:flex;flex:1 1;flex-direction:column;gap:4px}.participants-bar{background:#fff3;border-radius:3px;height:6px;overflow:hidden;position:relative}.participants-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;box-shadow:0 0 8px #10b98166;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.participants-count{color:#10b981!important;font-size:13px;font-weight:600;text-shadow:0 1px 2px #0000004d}.spots-available-badge{background:#10b981e6;border-radius:8px;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;text-shadow:0 1px 2px #00000080;white-space:nowrap}.full-indicator{color:#ef4444!important;font-weight:700;margin-left:6px}.organizer-section{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#00000040,#10182833);border:1px solid #ffffff14;border-radius:14px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.organizer-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;text-shadow:0 1px 2px #00000080;width:40px}.organizer-info{flex:1 1;min-width:0}.organizer-label{color:#ffffffb3!important;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.organizer-name{color:#fffffffa!important;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #0006;white-space:nowrap}.activity-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#00000040,#1018282e);border:1px solid #ffffff14;border-radius:14px;color:#fffffff2!important;display:-webkit-box;font-size:14px!important;line-height:1.6!important;margin-bottom:16px;overflow:hidden;padding:14px;text-shadow:0 1px 3px #00000080!important}.activity-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.activity-tag,.tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f626,#3b82f61a);border:1px solid #3b82f64d;border-radius:12px;color:#3b82f6!important;text-shadow:0 1px 2px #0003;white-space:nowrap}.activity-tag,.tag,.tag-more{font-size:12px;font-weight:600;padding:6px 12px}.tag-more{background:#9ca3af4d;border:1px solid #9ca3af66;border-radius:12px;color:#9ca3af!important}.card-actions{align-items:center;border-top:1px solid #ffffff26;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:16px}.action-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1.5px solid;border-radius:14px;font-size:14px;font-weight:700;gap:8px;min-height:48px;overflow:hidden;padding:12px 20px;position:relative;text-shadow:0 1px 2px #0006;transition:all .3s cubic-bezier(.2,.8,.2,1)}.action-btn.primary-action{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b98166;box-shadow:0 6px 20px #10b98166,0 2px 8px #0003;color:#fff;flex:1 1}@media (hover:hover){.action-btn.primary-action:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#10b98199;box-shadow:0 10px 30px #10b98180,0 4px 12px #0000004d;transform:translateY(-3px)}}.action-btn.waitlist-action{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b66;box-shadow:0 6px 20px #f59e0b66,0 2px 8px #0003;color:#fff;flex:1 1}.secondary-actions{align-items:center;display:flex;gap:8px}.action-btn.secondary-action{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#ffffff40;color:#fffffff2;padding:10px 16px}.action-btn.leave-action{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef444466;color:#fff}.action-btn:disabled{cursor:not-allowed!important;opacity:.6!important;pointer-events:none!important;transform:none!important}.btn-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));font-size:16px}.btn-text{font-weight:700;white-space:nowrap}.waitlist-status-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f59e0b26,#f59e0b1a);border:1.5px solid #f59e0b66;border-radius:14px;display:flex;flex:1 1;gap:8px;padding:12px 16px}.waitlist-icon{filter:drop-shadow(0 2px 4px rgba(245,158,11,.5));font-size:18px}.waitlist-text{color:#f59e0b!important;font-size:14px;font-weight:700;text-shadow:0 1px 2px #0000004d}@media (max-width:390px){.activity-card{border-radius:20px!important;margin-bottom:20px!important;padding:16px!important}.activity-title{font-size:20px!important}.activity-meta-grid{gap:8px;grid-template-columns:1fr}.card-actions{flex-direction:column;gap:10px}.action-btn.primary-action,.action-btn.waitlist-action{width:100%}.secondary-actions{justify-content:space-around;width:100%}}@media (max-width:768px){.activity-card-header{align-items:stretch;flex-direction:column;gap:8px}.activity-status-badges{justify-content:flex-start}.organizer-section,.participants-container{padding:10px 14px}}@media (min-width:769px) and (max-width:1024px){.activity-meta-grid{grid-template-columns:repeat(3,1fr)}.card-actions{justify-content:space-between}.action-btn.primary-action,.action-btn.waitlist-action{flex:0 1 auto;min-width:140px}}@media (min-width:1025px){.activity-card{padding:24px!important}.activity-meta-grid{grid-template-columns:repeat(4,1fr)}.card-actions{justify-content:flex-end}.action-btn.primary-action,.action-btn.waitlist-action{flex:0 1 auto;min-width:160px}}.action-btn:focus-visible{outline:2px solid #3b82f6cc;outline-offset:2px}.activity-card:focus-visible{outline:2px solid #3b82f699;outline-offset:4px}@media (prefers-contrast:high){.activity-card{border-color:#fff6!important;border-width:2px!important}.activity-title{color:#fff!important;text-shadow:2px 2px 4px #000c!important}}.welcome-container{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#0f1419,#1a2332 30%,#2d3561 60%,#4a5c8a);min-height:100vh;overflow-x:hidden;position:relative;width:100%}@keyframes gradientShift{0%,to{background:linear-gradient(135deg,#0f1419,#1a2332 30%,#2d3561 60%,#4a5c8a)}50%{background:linear-gradient(135deg,#1a2332,#2d3561 30%,#4a5c8a 60%,#0f1419)}}.welcome-language-selector{position:absolute;right:20px;top:20px;z-index:100}.welcome-language-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;min-width:150px;padding:10px 16px;transition:all .3s ease}.welcome-language-dropdown:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.welcome-language-dropdown option{background:#1a2332;color:#fff}.welcome-hero{overflow:hidden;padding:120px 20px 80px;position:relative;text-align:center}.welcome-hero-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.welcome-title{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(32px,6vw,56px);font-weight:700;line-height:1.2;margin-bottom:24px}.welcome-subtitle{animation:fadeInUp .8s ease .2s backwards;color:#fffc;font-size:clamp(16px,3vw,20px);line-height:1.5;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.welcome-cta-buttons{animation:fadeInUp .8s ease .4s backwards;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:32px}.welcome-btn-primary,.welcome-btn-secondary{border:none;border-radius:30px;cursor:pointer;font-size:16px;font-weight:600;min-width:150px;padding:16px 32px;transition:all .3s ease}.welcome-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 24px #667eea66;color:#fff}.welcome-btn-primary:hover{box-shadow:0 12px 32px #667eea80;transform:translateY(-3px)}.welcome-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;color:#fff}.welcome-btn-secondary:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-3px)}.welcome-pi-badge{align-items:center;animation:fadeInUp .8s ease .6s backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;color:#fffc;display:inline-flex;font-size:14px;gap:8px;margin-top:16px;padding:8px 16px}.pi-icon{color:#ffc700;font-size:18px}.welcome-floating-icons{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.floating-icon{animation:float 20s ease-in-out infinite;font-size:32px;opacity:.2;position:absolute}.icon-1{animation-delay:0s;left:10%;top:10%}.icon-2{animation-delay:4s;right:15%;top:20%}.icon-3{animation-delay:8s;bottom:30%;left:20%}.icon-4{animation-delay:12s;bottom:20%;right:10%}.icon-5{animation-delay:16s;left:50%;top:40%}@keyframes float{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}33%{transform:translateY(-30px) translateX(20px) rotate(120deg)}66%{transform:translateY(30px) translateX(-20px) rotate(240deg)}}.welcome-features{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;padding:80px 20px}.welcome-section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(28px,5vw,40px);font-weight:700;margin-bottom:48px;text-align:center}.welcome-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.welcome-feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;opacity:0;padding:32px;text-align:center;transform:translateY(30px);transition:all .3s ease}.welcome-feature-card.visible{opacity:1;transform:translateY(0)}.welcome-feature-card:hover{background:#ffffff1f;border-color:#fff3;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.welcome-feature-icon{animation:pulse 2s infinite;display:inline-block;font-size:48px;margin-bottom:16px}.welcome-feature-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:12px}.welcome-feature-description{color:#ffffffb3;font-size:14px;line-height:1.5}.welcome-how-it-works{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:80px 20px}.welcome-steps{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;margin:0 auto;max-width:1000px}.welcome-step{flex:1 1;min-width:250px;position:relative;text-align:center}.welcome-step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 24px #667eea66;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.welcome-step-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:12px}.welcome-step-description{color:#ffffffb3;font-size:14px;line-height:1.5}.welcome-step-arrow{color:#ffffff4d;font-size:24px;position:absolute;right:-40px;top:30px}.welcome-benefits{background:#0000004d;padding:80px 20px}.welcome-benefits-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:1000px}.welcome-benefit{text-align:center}.welcome-benefit-icon{display:block;font-size:36px;margin-bottom:16px}.welcome-benefit h4{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}.welcome-benefit p{color:#ffffffb3;font-size:14px}.welcome-bottom-cta{background:linear-gradient(135deg,#667eea33,#764ba233);padding:80px 20px;text-align:center}.welcome-bottom-cta h2{color:#fff;font-size:clamp(24px,4vw,36px);font-weight:700;margin-bottom:16px}.welcome-bottom-cta p{color:#fffc;font-size:16px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:600px}.welcome-btn-primary-large{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:35px;box-shadow:0 12px 32px #667eea66;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:20px 48px;transition:all .3s ease}.welcome-btn-primary-large:hover{box-shadow:0 16px 40px #667eea80;transform:translateY(-4px)}.welcome-footer{background:#00000080;padding:32px 20px;text-align:center}.welcome-footer p{color:#fff9;font-size:14px;margin-bottom:16px}.welcome-legal-links{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:8px}.welcome-legal-link{border-radius:4px;color:#fffc;font-size:14px;padding:4px 8px;text-decoration:none;transition:all .3s ease}.welcome-legal-link:hover{background:#ffffff1a;color:#fff;text-decoration:none}.welcome-legal-separator{color:#fff6;font-size:14px}.welcome-kyc-section{margin:0 auto;max-width:1200px;padding:80px 24px;text-align:center}.welcome-kyc-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;margin:40px auto 0;max-width:800px;padding:40px 32px}.welcome-kyc-icon{font-size:48px;margin-bottom:24px}.welcome-kyc-desc{color:#ffffffe6;font-size:18px;line-height:1.6;margin-bottom:24px}.welcome-kyc-benefit{background:linear-gradient(135deg,#4caf5033,#4caf501a);border:1px solid #4caf504d;border-radius:12px;color:#4caf50;display:inline-block;font-size:16px;font-weight:600;padding:16px 24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.welcome-hero{padding:80px 16px 60px}.welcome-features-grid{gap:16px;grid-template-columns:1fr}.welcome-steps{flex-direction:column}.welcome-step-arrow{display:none}.welcome-benefits-grid{gap:24px;grid-template-columns:repeat(2,1fr)}.welcome-cta-buttons{flex-direction:column;margin-left:auto;margin-right:auto;max-width:300px;width:100%}.welcome-btn-primary,.welcome-btn-secondary{width:100%}.welcome-kyc-section{padding:60px 16px}.welcome-kyc-content{margin:32px auto 0;padding:32px 24px}.welcome-kyc-icon{font-size:40px;margin-bottom:20px}.welcome-kyc-desc{font-size:16px}.welcome-kyc-benefit{font-size:14px;padding:12px 20px}.welcome-legal-links{flex-direction:column;gap:12px}.welcome-legal-separator{display:none}}@media print{.alert,.back-to-menu-button,.bottom-navigation,.confirm-dialog,.debug-console,.footer,.hamburger-menu,.insights-header button,nav{display:none!important}@page{size:A4;margin:2cm 1.5cm;orphans:3;widows:3}.enhanced-insights-results{background:#fff!important;border:none!important;box-shadow:none!important;color:#1f2937!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-size:12px!important;line-height:1.6!important;margin:0!important;max-width:none!important;padding:0!important}.enhanced-insights-results *,.enhanced-insights-results :after,.enhanced-insights-results :before{background:#0000!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}.enhanced-insights-results h1,.enhanced-insights-results h2,.enhanced-insights-results h3,.enhanced-insights-results h4,.enhanced-insights-results h5,.enhanced-insights-results h6{color:#1f2937!important;font-weight:700!important;margin-bottom:10px!important;margin-top:20px!important;page-break-after:avoid!important}.enhanced-insights-results h1{border-bottom:2px solid #d1d5db!important;font-size:18px!important;margin-bottom:15px!important;padding-bottom:8px!important}.enhanced-insights-results h2{color:#374151!important;font-size:16px!important;margin-top:25px!important}.enhanced-insights-results h3{color:#4b5563!important;font-size:14px!important;margin-top:18px!important}.enhanced-insights-results h4{color:#6b7280!important;font-size:13px!important;margin-top:15px!important}.enhanced-insights-results .pdf-header{align-items:center!important;background:#f9fafb!important;border:1px solid #e5e7eb!important;display:flex!important;margin-bottom:25px!important;padding:15px!important;page-break-after:avoid!important}.enhanced-insights-results .pdf-logo{background:#fff!important;border:1px solid #d1d5db!important;border-radius:50%!important;height:50px!important;margin-right:15px!important;padding:3px!important;width:50px!important}.enhanced-insights-results .pdf-title-section h1{border:none!important;color:#1f2937!important;font-size:16px!important;margin:0 0 5px!important}.enhanced-insights-results .pdf-date,.enhanced-insights-results .pdf-username{color:#6b7280!important;font-size:10px!important;margin:2px 0!important}.enhanced-insights-results .insight-section{background:#fff!important;border:1px solid #e5e7eb!important;margin-bottom:20px!important;padding:15px!important;page-break-inside:avoid!important}.enhanced-insights-results .insight-section:nth-child(odd){background:#f9fafb!important}.enhanced-insights-results p{line-height:1.5!important;margin-bottom:8px!important;orphans:2!important;text-align:left!important;widows:2!important}.enhanced-insights-results ol,.enhanced-insights-results ul{margin:8px 0 15px 15px!important;padding-left:0!important}.enhanced-insights-results li{line-height:1.4!important;margin-bottom:5px!important;page-break-inside:avoid!important}.enhanced-insights-results .metric-card{background:#f3f4f6!important;border:1px solid #d1d5db!important;display:inline-block!important;margin:5px 10px 5px 0!important;min-width:80px!important;padding:8px 12px!important;text-align:center!important}.enhanced-insights-results .metric-value{color:#1f2937!important;display:block!important;font-size:14px!important;font-weight:700!important}.enhanced-insights-results .metric-label{color:#6b7280!important;display:block!important;font-size:9px!important;margin-top:2px!important}.enhanced-insights-results .metric-icon{display:none!important}.enhanced-insights-results .action-item,.enhanced-insights-results .goal-item,.enhanced-insights-results .objective-item{background:#fff!important;border:1px solid #d1d5db!important;margin-bottom:12px!important;padding:10px!important;page-break-inside:avoid!important}.enhanced-insights-results .habit-tag,.enhanced-insights-results .trigger-tag{background:#f3f4f6!important;border:1px solid #d1d5db!important;display:inline!important;font-size:9px!important;margin:2px 3px!important;padding:2px 6px!important}.enhanced-insights-results .insights-footer{border-top:1px solid #e5e7eb!important;color:#6b7280!important;font-size:9px!important;margin-top:25px!important;padding-top:15px!important;text-align:center!important}.enhanced-insights-results .emoji{font-size:.8em!important}.enhanced-insights-results .overview{background:#eff6ff!important;border:2px solid #dbeafe!important}.enhanced-insights-results .action-plan{background:#f0fdf4!important;border:2px solid #bbf7d0!important}.enhanced-insights-results .crisis-prevention{background:#fef2f2!important;border:2px solid #fecaca!important}}.enhanced-insights-dashboard{background:linear-gradient(135deg,#1e293b,#0f172a);bottom:0;color:#f8fafc;height:100vh;left:0;margin:0;overflow-y:auto;padding:30px;position:fixed;right:0;top:0;width:100vw;z-index:1000}.action-plan-section{margin:24px 0}.action-summary{margin-bottom:24px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;padding:20px}.summary-card h3{font-size:18px;font-weight:600;margin:0 0 12px}.summary-card p{line-height:1.6;margin:0;opacity:.95}.action-content h3{color:#2d3748;font-size:20px;font-weight:600;margin:0 0 20px}.action-sections{display:flex;flex-direction:column;gap:20px}.action-section{background:#334155;border:1px solid #475569;border-radius:12px;box-shadow:0 2px 8px #0000004d;overflow:hidden;transition:all .2s ease}.action-section:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.section-header{background:linear-gradient(135deg,#475569,#374151);border-bottom:1px solid #64748b;padding:16px 20px}.section-header h4{align-items:center;color:#f8fafc;display:flex;font-size:18px;font-weight:600;margin:0}.section-content{padding:20px}.action-item{align-items:flex-start;border-radius:8px;display:flex;margin-bottom:12px;padding:12px;transition:background-color .2s ease}.action-item:hover{background-color:#475569}.action-item:last-child{margin-bottom:0}.action-item-numbered{background-color:#d6e8f5;border-left:4px solid #4299e1}.action-item-bullet{background-color:#d4edd6;border-left:4px solid #38a169}.action-item-text{background-color:#f7e6d0;border-left:4px solid #ed8936}.item-bullet,.item-number{color:#4299e1;flex-shrink:0;font-size:16px;font-weight:700;margin-right:12px;text-align:center;width:20px}.item-bullet{color:#38a169}.item-text{color:#f8fafc;flex:1 1;font-weight:500;line-height:1.5}.action-subsection{background:#475569;border:1px solid #64748b;border-radius:8px;margin-top:16px;padding:16px}.subsection-title{border-bottom:2px solid #64748b;color:#f8fafc;font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.subsection-items{display:flex;flex-direction:column;gap:8px}.subsection-items .action-item{background:#334155;border:1px solid #64748b;border-radius:6px;margin-bottom:8px;padding:8px 12px}.action-item[data-priority=high]{background-color:#fed7d7;border-left-color:#e53e3e}.action-item[data-priority=medium]{background-color:#feebc8;border-left-color:#ed8936}.action-item[data-priority=low]{background-color:#c6f6d5;border-left-color:#38a169}@media (max-width:768px){.action-sections{gap:16px}.action-section{margin:0 -8px}.section-header{padding:12px 16px}.section-content{padding:16px}.action-item{margin-bottom:10px;padding:10px}.summary-card{margin:0 -8px;padding:16px}}.simple-insights{display:flex;flex-direction:column;gap:24px}.insight-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:20px;text-align:center}.insight-header h2{font-size:24px;margin:0 0 10px}.insight-header .description{margin:5px 0;opacity:.9}.insight-header .period{font-size:14px;margin:5px 0;opacity:.8}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-card{border-radius:12px;box-shadow:0 2px 8px #0000004d;gap:8px;padding:20px}.metric-value{font-size:24px}.trends-section{background:#334155;border:1px solid #475569;border-radius:12px;box-shadow:0 2px 8px #0000004d;padding:20px}.trends-section h3{color:#f8fafc;margin:0 0 16px}.trends-list{display:flex;flex-direction:column;gap:12px}.trend-item{align-items:center;background:#475569;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.trend-label{color:#cbd5e1;flex:1 1}.trend-value{color:#f8fafc;font-weight:700;margin:0 16px}.trend-change{border-radius:4px;font-size:14px;font-weight:700;padding:4px 8px}.trend-change.positive{background:#d4edda;color:#155724}.trend-change.negative{background:#f8d7da;color:#721c24}.recommendations-section{background:#334155;border:1px solid #475569;border-radius:12px;box-shadow:0 2px 8px #0000004d;padding:20px}.recommendations-section h3{color:#f8fafc;margin:0 0 16px}.recommendations-list{list-style:none;margin:0;padding:0}.recommendations-list li{background:#475569;border-left:4px solid #60a5fa;border-radius:4px;color:#f8fafc;margin:8px 0;padding:12px}.insights-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:300px}.brain-emoji{animation:pulse 1.5s ease-in-out infinite;font-size:48px}.simple-progress-bar{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;height:24px;overflow:hidden;position:relative;width:250px}.progress-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:12px;overflow:hidden;position:relative;transition:width .5s ease-out}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-text{color:#ffffffb3;font-size:14px;margin-top:8px}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.insights-header{margin-bottom:30px;text-align:center}.insights-header h2{font-size:28px;margin-bottom:10px}.insights-subtitle{color:#cbd5e1;font-size:16px}.insights-sections{grid-gap:30px;display:grid;gap:30px}.insight-section{border-radius:12px;box-shadow:0 2px 10px #0000004d;padding:20px}.insight-section h3{font-size:20px;gap:10px;margin-bottom:15px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;padding:15px;text-align:center}.stat-value{font-size:24px;font-weight:700;margin-bottom:5px}.stat-label{font-size:14px;opacity:.9}.chart-container{background:#475569;border-radius:8px;margin-top:20px;padding:20px}.patterns-list{list-style:none;margin:0;padding:0}.pattern-item{background:#475569;border-left:4px solid #8b5cf6;border-radius:8px;margin-bottom:10px;padding:12px}.pattern-item strong{color:#f8fafc}.insight-card{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;color:#fff;margin-bottom:15px;padding:20px}.insight-card h4{font-size:18px;margin-bottom:10px}.insight-card p{font-size:14px;line-height:1.6}.action-plan-dashboard{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;color:#f8fafc;height:auto;margin:20px 0;max-height:none;overflow:visible;padding:30px}.dashboard-header{margin-bottom:30px;text-align:center}.dashboard-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:10px}.dashboard-subtitle{color:#cbd5e1;font-size:16px;margin:0}.dashboard-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.metric-card{align-items:center;box-shadow:0 4px 20px #0000004d;gap:16px;padding:24px}.metric-card:hover{box-shadow:0 8px 30px #0006}.metric-card.total-actions{border-left:4px solid #3b82f6}.metric-card.priority-actions{border-left:4px solid #ef4444}.metric-card.focus-areas{border-left:4px solid #8b5cf6}.metric-card.estimated-time{border-left:4px solid #10b981}.metric-icon{align-items:center;background:#475569;border-radius:12px;display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.metric-content{flex:1 1}.metric-value{color:#f8fafc;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.metric-label{color:#cbd5e1;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.dashboard-summary{margin-bottom:30px}.summary-card-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 25px #667eea4d;color:#fff;height:auto!important;max-height:none!important;overflow:visible!important;padding:24px}.summary-header h3{font-size:20px;font-weight:600;margin:0 0 16px}.summary-content{height:auto!important;max-height:none!important;overflow:visible!important}.summary-content p{font-size:16px;line-height:1.6;margin:0;opacity:.95}.formatted-insights{gap:12px;height:auto!important;max-height:none!important;overflow:visible!important}.insights-header{border-bottom:2px solid #ffffff4d;color:#fff;font-size:18px;font-weight:600;margin:16px 0 8px;padding-bottom:4px}.insights-subheader{font-size:16px;margin:12px 0 6px}.insights-emphasis{background:#ffffff1a;border-left:3px solid #60a5fa;border-radius:6px;margin:8px 0;padding:8px 12px}.insights-emphasis strong{color:#fff;font-weight:600}.insights-bullet,.insights-numbered{align-items:flex-start;display:flex;gap:8px;margin:6px 0;padding:8px 0}.bullet-indicator,.number-indicator{color:#60a5fa;flex-shrink:0;font-size:16px;font-weight:700;margin-top:2px}.insights-paragraph{line-height:1.6;margin:8px 0}.dashboard-sections{margin-top:30px}.sections-title{color:#f8fafc;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.dashboard-card{background:#334155;border:1px solid #475569;border-radius:16px;box-shadow:0 4px 20px #0000004d;overflow:hidden;transition:all .3s ease}.dashboard-card:hover{box-shadow:0 8px 30px #0006;transform:translateY(-4px)}.dashboard-card.priority-high{border-left:4px solid #ef4444}.dashboard-card.priority-medium{border-left:4px solid #f59e0b}.dashboard-card.priority-low{border-left:4px solid #10b981}.card-header{align-items:center;background:linear-gradient(135deg,#475569,#374151);border-bottom:1px solid #64748b;display:flex;justify-content:space-between;padding:20px 24px 16px}.card-title{color:#f8fafc;flex:1 1;font-size:18px;margin:0}.priority-badge{align-items:center;border-radius:20px;display:flex;font-size:14px;font-weight:600;gap:4px;padding:6px 12px}.priority-badge.priority-high{background:#fef2f2;color:#dc2626}.priority-badge.priority-medium{background:#fffbeb;color:#d97706}.priority-badge.priority-low{background:#f0fdf4;color:#059669}.card-content{padding:20px 24px}.card-stats{border-bottom:1px solid #f1f5f9;display:flex;gap:20px;margin-bottom:16px;padding-bottom:16px}.stat{color:#cbd5e1;font-size:14px}.stat strong{color:#f8fafc;font-weight:600}.actions-preview{margin-bottom:16px}.action-preview{align-items:flex-start;background:#475569;border-left:3px solid #64748b;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.action-preview.action-numbered{border-left-color:#3b82f6}.action-preview.action-bullet{border-left-color:#10b981}.action-preview.action-text{border-left-color:#f59e0b}.action-indicator{flex-shrink:0;font-size:16px;text-align:center;width:24px}.action-text{color:#f1f5f9;flex:1 1;font-size:14px;line-height:1.5}.more-actions{background:#64748b;border-radius:6px;color:#cbd5e1;font-size:12px;font-style:italic;margin-top:8px;padding:8px;text-align:center}.subsections-preview{border-top:1px solid #64748b;padding-top:16px}.subsections-preview h5{color:#f1f5f9;font-size:14px;font-weight:600;margin:0 0 12px}.subsection-preview{align-items:center;background:#64748b;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.subsection-name{color:#f1f5f9;flex:1 1;font-size:13px}.subsection-count{background:#cbd5e1;border-radius:12px;color:#334155;font-size:12px;padding:4px 8px}.behavioral-patterns{background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#8b5cf6}.predictive-insights{background:linear-gradient(135deg,#ea580c,#c2410c);border-color:#f97316}.personalized-recommendations{background:linear-gradient(135deg,#0891b2,#0e7490);border-color:#06b6d4}.metric-card{background:#334155;border:1px solid #475569;border-radius:16px;box-shadow:0 8px 20px #0000004d;display:flex;flex-direction:column;gap:12px;padding:25px;text-align:center;transition:all .3s ease}.metric-card:hover{box-shadow:0 12px 30px #0006;transform:translateY(-4px)}.action-plan-section .summary-card{background:linear-gradient(135deg,#1e40af,#1e3a8a);border-radius:16px;box-shadow:0 8px 25px #1e40af4d;color:#fff;margin-bottom:30px;padding:30px}.formatted-insights{display:flex;flex-direction:column;gap:18px;line-height:1.8}.insights-header{border-bottom:2px solid #60a5fa4d;color:#60a5fa;font-size:20px;font-weight:700;margin:20px 0 12px;padding-bottom:8px}.insights-subheader{color:#f1f5f9;font-size:18px;font-weight:600;margin:16px 0 8px}.insights-paragraph{color:#f8fafc;font-size:15px;line-height:1.7;margin:12px 0}.insights-emphasis{background:#60a5fa1a;border-left:4px solid #60a5fa;border-radius:10px;margin:12px 0;padding:15px 20px}@media (max-width:768px){.enhanced-insights-dashboard{padding:20px}.insights-header h2{font-size:28px}.insight-section{margin:20px 0;padding:20px}.insight-section h3{font-size:20px}.overview-metrics .metric-card{min-width:auto;padding:20px}.overview-metrics .metric-value{font-size:32px}.metric-row{align-items:flex-start;flex-direction:column;gap:8px}.health-score{flex-direction:column;gap:15px;text-align:center}.score-value{font-size:28px}.back-to-menu-button{font-size:14px!important;padding:10px 20px!important}.insights-footer{margin-top:30px;padding:20px}}@media (max-width:480px){.enhanced-insights-dashboard{padding:15px}.insights-header h2{font-size:24px}.insight-section{padding:15px}.insight-section h3{align-items:flex-start;flex-direction:column;font-size:18px;gap:8px}.overview-metrics .metric-value{font-size:28px}}.no-insights{color:#f8fafc;padding:40px 20px;text-align:center}.no-insights p{color:#cbd5e1;font-size:16px;margin-bottom:20px}.insights-menu,.menu-header h2{color:#f8fafc}.menu-description{color:#cbd5e1}.insights-content{grid-gap:35px;display:grid;gap:35px;margin-left:auto;margin-right:auto;margin-top:30px;max-width:1400px;width:100%}.insight-section{background:#334155;border:1px solid #475569;border-radius:16px;box-shadow:0 8px 25px #0000004d;padding:30px;transition:all .3s ease}.insight-section:hover{box-shadow:0 12px 35px #0006;transform:translateY(-2px)}.insight-section h3{align-items:center;border-bottom:2px solid #475569;color:#f8fafc;display:flex;font-size:24px;font-weight:700;gap:12px;margin-bottom:25px;padding-bottom:15px}.insight-section.overview{background:linear-gradient(135deg,#374151,#1f2937);border:2px solid #60a5fa}.overview-metrics{display:flex;justify-content:center;margin:25px 0}.overview-metrics .metric-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;box-shadow:0 8px 20px #3b82f64d;color:#fff;min-width:200px;padding:25px;text-align:center}.overview-metrics .metric-value{color:#fff;font-size:42px;font-weight:800;margin:10px 0}.overview-metrics .metric-label{color:#ffffffe6;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.overview-insights{background:#ffffff0d;border-radius:12px;margin-top:25px;padding:25px}.overview-insights p{color:#f1f5f9;font-size:16px;line-height:1.7;margin:15px 0}.overview-insights strong{color:#60a5fa;font-weight:600}.wellness-trends{background:linear-gradient(135deg,#059669,#047857);border-color:#10b981}.consistency-patterns,.mood-stability{background:#ffffff1a;border-radius:12px;margin:20px 0;padding:20px}.consistency-patterns h4,.mood-stability h4{color:#f8fafc;font-size:18px;font-weight:600;margin-bottom:15px}.metric-row{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin:12px 0;padding:10px 15px}.metric-row .metric-label{color:#e2e8f0;font-weight:500}.metric-row .metric-value{color:#fff;font-size:16px;font-weight:700}.recovery-progress{background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#ef4444}.health-score{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;justify-content:space-between;margin:20px 0;padding:20px}.score-label{color:#f8fafc;font-size:18px;font-weight:600}.score-value{background:#fff3;border-radius:25px;font-size:32px;font-weight:800;padding:10px 20px}.score-good{color:#10b981}.score-medium{color:#f59e0b}.score-low{color:#ef4444}.health-summary{color:#f1f5f9;font-size:16px;line-height:1.6;margin-top:15px}.addiction-breakdown{margin-top:25px}.addiction-item{background:#ffffff1a;border-radius:12px;margin:15px 0;padding:20px}.addiction-item h5{color:#f8fafc;font-size:18px;font-weight:600;margin-bottom:10px}.insights-list,.recommendations{list-style:none;margin:15px 0;padding:0}.insights-list li,.recommendations li{background:#ffffff1a;border-left:4px solid #60a5fa;border-radius:8px;color:#f1f5f9;font-size:14px;line-height:1.5;margin:8px 0;padding:12px 15px}.insights-footer{background:#ffffff0d;border-radius:12px;border-top:2px solid #475569;margin:40px auto 20px;max-width:1400px;padding:25px;text-align:center;width:100%}.insights-footer .metadata{color:#cbd5e1;font-size:14px;margin-bottom:8px}.insights-footer .generated-at{color:#94a3b8;font-size:12px;font-style:italic}.back-to-menu-button{align-items:center!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:2px solid #fff3!important;border-radius:12px!important;box-shadow:0 6px 20px #ef444466!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:16px!important;font-weight:700!important;gap:10px!important;margin-bottom:25px!important;padding:14px 28px!important;position:-webkit-sticky!important;position:sticky!important;top:20px!important;transition:all .3s ease!important;z-index:10!important}.back-to-menu-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 8px 25px #ef444480!important;transform:translateY(-3px)!important}.back-to-menu-button:active{transform:translateY(-1px)!important}.insights-header{margin:0 auto 30px;max-width:1400px;width:100%}.insights-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#f8fafc;font-size:36px;font-weight:800;margin:20px 0 10px;text-align:center}.enhanced-insights-results{background:#1a1a1a!important;border-radius:12px!important;color:#f8fafc!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:14px!important;line-height:1.6!important;padding:20px!important}.enhanced-insights-results .pdf-header{align-items:center!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:12px!important;display:flex!important;justify-content:flex-start!important;margin-bottom:30px!important;padding:20px!important;page-break-inside:avoid!important}.enhanced-insights-results .pdf-logo-section{flex-shrink:0!important;margin-right:20px!important}.enhanced-insights-results .pdf-logo{background:#fff!important;border-radius:50%!important;box-shadow:0 4px 12px #ffa5004d!important;height:60px!important;object-fit:contain!important;padding:5px!important;width:60px!important}.enhanced-insights-results .pdf-title-section{flex:1 1!important}.enhanced-insights-results .pdf-title-section h1{-webkit-text-fill-color:unset!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;background-clip:initial!important;-webkit-background-clip:unset!important;color:#60a5fa!important;font-size:24px!important;font-weight:800!important;margin:0 0 8px!important;text-shadow:none!important}.enhanced-insights-results .pdf-username{color:#22c55e!important;font-size:16px!important;font-weight:600!important;margin:4px 0!important}.enhanced-insights-results .pdf-date{color:#cbd5e1!important;font-size:14px!important;margin:4px 0 0!important;opacity:.8!important}.enhanced-insights-results .insight-section h3{-webkit-text-fill-color:unset!important;background:linear-gradient(135deg,#2563eb,#3b82f6)!important;background-clip:initial!important;-webkit-background-clip:unset!important;border-radius:8px!important;color:#fff!important;font-size:16px!important;font-weight:700!important;margin:0 0 16px!important;padding:12px 16px!important;text-shadow:none!important}.enhanced-insights-results .insight-section{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:12px!important;margin-bottom:24px!important;padding:16px!important;page-break-inside:avoid!important}.enhanced-insights-results .overview-metrics .metric-card{background:linear-gradient(135deg,#059669,#10b981)!important;border-radius:12px!important;box-shadow:none!important;color:#fff!important;padding:16px!important;text-align:center!important}.enhanced-insights-results .metric-value{color:#fff!important;font-size:24px!important;font-weight:800!important}.enhanced-insights-results .metric-label{color:#fff!important;font-size:12px!important;opacity:.9!important}.enhanced-insights-results .list-item{background:#22c55e1a!important;border-left:3px solid #22c55e!important;border-radius:4px!important;color:#e5e7eb!important;margin:8px 0!important;padding:8px 12px!important}.enhanced-insights-results .subsection-title{color:#60a5fa!important;font-size:14px!important;font-weight:600!important;margin:12px 0 8px!important}.enhanced-insights-results .content,.enhanced-insights-results .paragraph{color:#e5e7eb!important;line-height:1.7!important;margin-bottom:12px!important}.enhanced-insights-results .action-plan .paragraph{background:#22c55e1a!important;border-left:4px solid #22c55e!important;border-radius:6px!important;margin-bottom:16px!important;padding:12px!important}.enhanced-insights-results .insights-footer{background:#3b82f61a!important;border:1px solid #3b82f64d!important;border-radius:8px!important;margin-top:30px!important;padding:16px!important}.enhanced-insights-results .generated-at,.enhanced-insights-results .metadata{color:#cbd5e1!important;font-size:12px!important;margin:4px 0!important}@media print{.back-to-menu-button,.download-pdf-button{display:none!important}}.enhanced-insights-results *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.enhanced-insights-results .insight-section.action-plan,.enhanced-insights-results .insight-section.overview{page-break-inside:avoid!important}.enhanced-insights-results .action-plan .paragraph,.enhanced-insights-results .insight-section,.enhanced-insights-results .list-item,.enhanced-insights-results .overview-metrics .metric-card{color-adjust:exact!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.external-sharing-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:8px;position:fixed;right:0;top:0;z-index:10000}.external-sharing-modal-content{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:var(--glass-dark);border:1px solid var(--glass-medium);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;margin:4px;max-height:98vh;max-width:100vw;overflow:hidden;width:100%}.external-sharing-modal-header{align-items:center;border-bottom:1px solid var(--glass-light);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.external-sharing-modal-title{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;line-height:1.3;margin:0;padding-right:12px}.external-sharing-modal-close{align-items:center;background:var(--glass-medium);border:1px solid var(--glass-light);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;touch-action:manipulation;width:44px}.external-sharing-modal-close:active{background:var(--glass-light);transform:scale(.95)}.external-sharing-modal-tabs{background:var(--glass-light);border:1px solid var(--glass-medium);border-radius:8px;display:flex;flex-shrink:0;margin:12px 16px 0;padding:2px}.external-sharing-tab-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;justify-content:center;min-height:44px;padding:12px 8px;text-align:center;touch-action:manipulation;transition:all .2s ease}.external-sharing-tab-button.active{background:var(--gradient-card-1);color:#fff;font-weight:600}.external-sharing-tab-button:active{transform:scale(.98)}.external-sharing-modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px}.external-sharing-error-message,.external-sharing-success-message{border-radius:8px;font-size:14px;line-height:1.4;margin-bottom:16px;padding:12px 16px}.external-sharing-error-message{background:#ef44441a;border:1px solid #ef44444d;color:var(--text-error)}.external-sharing-success-message{background:#10b9811a;border:1px solid #10b9814d;color:var(--text-success)}.external-sharing-activity-preview{background:var(--glass-light);border:1px solid var(--glass-medium);border-radius:8px;margin-bottom:16px;padding:16px}.external-sharing-activity-title{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3;margin-bottom:8px}.external-sharing-activity-details{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.external-sharing-info-box{border-radius:8px;font-size:14px;line-height:1.5;margin-bottom:16px;padding:16px}.external-sharing-info-box.blue{background:#3b82f61a;border:1px solid #3b82f633;color:var(--text-secondary)}.external-sharing-info-box.green{background:#10b9811a;border:1px solid #10b98133;color:var(--text-secondary)}.external-sharing-link-display{background:var(--glass-light);border:1px solid var(--glass-medium);border-radius:8px;margin-bottom:16px;padding:16px}.external-sharing-link-url{background-color:var(--glass-medium);border:1px solid var(--glass-light);border-radius:4px;color:var(--text-primary);font-family:monospace;font-size:11px;line-height:1.4;margin-bottom:12px;padding:8px;word-break:break-all}.external-sharing-link-stats{color:var(--text-tertiary);display:flex;font-size:12px;gap:8px;justify-content:space-between}.external-sharing-link-stats span{flex:1 1;min-width:0}.external-sharing-link-actions{display:flex;flex-direction:column;gap:8px}.external-sharing-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:52px;padding:16px;text-align:center;touch-action:manipulation;transition:all .2s ease}.external-sharing-button:active{transform:scale(.98)}.external-sharing-button.primary{background:var(--gradient-card-1);color:#fff}.external-sharing-button.primary.success{background:var(--gradient-card-2)}.external-sharing-button.danger{background:#ef444433;border:1px solid #ef44444d;color:var(--text-error)}.external-sharing-button.secondary{background:var(--glass-medium);border:1px solid var(--glass-light);color:var(--text-secondary)}.external-sharing-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.external-sharing-form{display:flex;flex-direction:column;gap:16px}.external-sharing-form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.external-sharing-form-input,.external-sharing-form-textarea{background:var(--glass-light);border:1px solid var(--glass-medium);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:16px;padding:12px;transition:all .3s ease;width:100%}.external-sharing-form-input:focus,.external-sharing-form-textarea:focus{background:var(--glass-medium);border-color:var(--primary-color);outline:none}.external-sharing-form-textarea{font-family:inherit;line-height:1.4;min-height:100px;resize:vertical}.external-sharing-modal-footer{border-top:1px solid var(--glass-light);display:flex;flex-shrink:0;justify-content:flex-end;padding:16px}.external-sharing-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (min-width:768px){.external-sharing-modal-overlay{padding:20px}.external-sharing-modal-content{margin:0;max-height:85vh;max-width:500px}.external-sharing-modal-header{padding:20px 24px}.external-sharing-modal-title{font-size:20px}.external-sharing-modal-tabs{margin:20px 24px 0;padding:4px}.external-sharing-tab-button{font-size:14px;padding:12px}.external-sharing-modal-body{padding:24px}.external-sharing-link-url{font-size:12px;padding:10px 12px}.external-sharing-link-actions{flex-direction:row;gap:12px}.external-sharing-button{font-size:14px;min-height:auto;padding:12px 16px}.external-sharing-modal-footer{padding:20px 24px}}@media (min-width:1024px){.external-sharing-modal-content{max-width:600px}}.create-activity{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#101828fa,#1f2937f2);border:1px solid #4b55634d;border-radius:20px;box-shadow:0 20px 40px #0006;color:#fff;font-family:var(--font-primary);margin:0 auto;max-width:800px;padding:0 var(--space-md)}.create-activity-header{border-bottom:1px solid #4b55634d;margin-bottom:var(--space-xl);padding:var(--space-xl) 0 var(--space-lg) 0;text-align:center}.create-activity-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669 50%,#047857);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;margin:0 0 var(--space-sm) 0;text-shadow:0 4px 8px #10b9814d}.create-activity-subtitle{color:#fffc;font-size:16px;line-height:1.5;margin:0}.create-activity-form{padding-bottom:var(--space-xl)}.form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1f293799,#37415166);border:1px solid #4b55634d;border-radius:16px;margin-bottom:var(--space-2xl);padding:var(--space-lg)}.section-title{align-items:center;display:flex;font-size:20px;gap:var(--space-sm);margin:0 0 var(--space-lg) 0}.section-title:before{background:linear-gradient(135deg,#10b981,#059669);border-radius:2px;content:"";height:24px;width:4px}.form-group{margin-bottom:var(--space-lg)}.form-label{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600;gap:var(--space-xs);margin-bottom:var(--space-sm)}.label-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-size:18px}.form-input,.form-select,.form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dce1ebf2!important;border:2px solid #4b556366;border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#1a2332!important;font-size:15px;font-weight:500;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#dce1ebfa!important;border-color:#10b98199;box-shadow:0 0 0 4px #10b98126,0 8px 16px #0003;color:#1a2332!important;outline:none;transform:translateY(-1px)}.form-textarea{line-height:1.6;min-height:120px}.form-row{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.create-activity .form-range{-webkit-appearance:none!important;background:linear-gradient(90deg,#10b9814d,#4b556366)!important;border-radius:4px!important;cursor:pointer!important;height:8px!important;margin:var(--space-sm) 0!important;outline:none!important;position:relative!important;width:100%!important}.create-activity .form-range::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:3px solid #fffc!important;border-radius:50%!important;box-shadow:0 4px 12px #10b98180,0 2px 4px #0003!important;cursor:pointer!important;height:24px!important;-webkit-transition:all .2s ease!important;transition:all .2s ease!important;width:24px!important}.create-activity .form-range::-webkit-slider-thumb:hover{box-shadow:0 6px 16px #10b98199,0 4px 8px #0000004d!important;transform:scale(1.1)!important}.create-activity .form-range::-moz-range-thumb{background:linear-gradient(135deg,#10b981,#059669)!important;border:3px solid #fffc!important;border-radius:50%!important;box-shadow:0 4px 12px #10b98180,0 2px 4px #0003!important;cursor:pointer!important;height:24px!important;width:24px!important}.create-activity .duration-display{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#10b98126,#0596691a)!important;border:2px solid #10b9814d!important;border-radius:12px!important;box-shadow:0 4px 16px #10b98133!important;margin:var(--space-md) 0!important;padding:var(--space-md)!important;text-align:center!important}.create-activity .duration-value{color:#10b981!important;font-size:32px!important;font-weight:900!important;letter-spacing:-1px!important;margin-bottom:var(--space-xs)!important;text-shadow:0 2px 8px #10b98180!important}.create-activity .duration-label{color:#ffffffe6!important;font-size:16px!important;font-weight:600!important}.create-activity .range-labels{color:#ffffffb3!important;display:flex!important;font-size:13px!important;font-weight:500!important;justify-content:space-between!important;margin-top:var(--space-xs)!important;padding:0 var(--space-xs)!important}.form-help-text,.location-help-text{background:#1f293766;border-left:3px solid #10b98180;border-radius:8px;color:#fff9;font-size:13px;margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.selected-location-display{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid #10b9814d;border-radius:12px;margin-top:var(--space-sm);padding:var(--space-md)}.location-name{color:#10b981;font-size:16px;font-weight:600;margin-bottom:var(--space-xs)}.location-address{color:#fffc;font-size:14px}.tag-input-container{align-items:stretch;display:flex;gap:var(--space-sm)}.tag-input{flex:1 1}.add-tag-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 20px;transition:all .3s ease;white-space:nowrap}.add-tag-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.selected-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.selected-tag{background:linear-gradient(135deg,#10b98133,#05966926);border:1px solid #10b9814d;border-radius:20px;box-shadow:0 2px 4px #10b98133;display:inline-flex;font-size:14px;font-weight:500;gap:var(--space-xs);padding:8px 12px}.remove-tag,.selected-tag{align-items:center;color:#10b981}.remove-tag{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:18px;justify-content:center;padding:0;transition:all .2s ease;width:18px}.remove-tag:hover{background:#ef444433;color:#ef4444;transform:scale(1.1)}.cost-input-container{align-items:center;display:flex;position:relative}.currency-symbol{color:#1a2332;font-size:16px;font-weight:600;left:18px;position:absolute;z-index:1}.cost-input{padding-left:40px!important}.privacy-options{display:flex;flex-direction:column;gap:var(--space-md)}.privacy-option{align-items:flex-start;background:#1f29374d;border:2px solid #4b556366;border-radius:12px;cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);transition:all .3s ease}.privacy-option:hover{background:#10b9810d;border-color:#10b98166;transform:translateY(-1px)}.privacy-option input[type=radio]{margin:4px 0 0;transform:scale(1.2)}.privacy-option-content{align-items:flex-start;display:flex;flex:1 1;gap:var(--space-sm)}.privacy-icon{font-size:20px;margin-top:2px}.privacy-text{flex:1 1}.privacy-text strong{color:#fff;display:block;font-size:16px;margin-bottom:var(--space-xs)}.privacy-text p{color:#ffffffb3;font-size:14px;line-height:1.4;margin:0}.form-footer{border-top:1px solid #4b55634d;display:flex;gap:var(--space-lg);justify-content:flex-end;margin-top:var(--space-2xl);padding-top:var(--space-xl)}.primary-button,.secondary-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:var(--space-sm);justify-content:center;min-height:52px;min-width:160px;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.primary-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b9814d;color:#fff}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 12px 32px #10b98166;transform:translateY(-2px)}.primary-button:disabled{background:#4b556366;box-shadow:none;color:#9ca3af99;cursor:not-allowed;transform:none}.secondary-button{background:#4b556366;border:1px solid #4b556399;color:#fffc}.secondary-button:hover{background:#4b556399;color:#fff;transform:translateY(-1px)}.button-icon{font-size:18px}.button-text{font-weight:600}.mobile-touch-target{min-height:44px;min-width:44px}@media (max-width:768px){.create-activity{border-radius:0;margin:0;min-height:100vh}.create-activity-header{padding:var(--space-lg) 0}.create-activity-title{font-size:24px}.form-section{margin-bottom:var(--space-lg);padding:var(--space-md)}.form-row{gap:var(--space-md);grid-template-columns:1fr}.tag-input-container{flex-direction:column}.add-tag-button{align-self:stretch}.form-footer{flex-direction:column-reverse;gap:var(--space-md)}.primary-button,.secondary-button{width:100%}.privacy-option{padding:var(--space-sm)}.privacy-option-content{gap:var(--space-xs)}.duration-value{font-size:20px}}@media (max-width:480px){.create-activity{padding:0 var(--space-sm)}.create-activity-title{font-size:20px}.create-activity-subtitle{font-size:14px}.section-title{font-size:18px}.form-input,.form-select,.form-textarea{font-size:14px;padding:12px 16px}}.date-filter-container{display:inline-block;max-width:320px;position:relative;width:100%;z-index:100}.date-filter-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1f,#ffffff14);border:1.5px solid #ffffff40;border-radius:16px;box-shadow:0 4px 16px #00000026,inset 0 1px 0 #fff3;cursor:pointer;display:flex;min-height:48px;padding:14px 18px;transition:all .3s cubic-bezier(.2,.8,.2,1);width:100%}.date-filter-button.active,.date-filter-button:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1f);border-color:#ffffff59;box-shadow:0 8px 24px #00000040,inset 0 1px 0 #ffffff40;transform:translateY(-2px)}.date-filter-button:active{transform:scale(.98)}.filter-button-content{align-items:center;display:flex;gap:12px;width:100%}.filter-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));flex-shrink:0;font-size:18px}.filter-text{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.filter-label{color:#fffffff2;font-size:14px;font-weight:700;text-shadow:0 1px 2px #0006}.filter-label,.filter-range{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.filter-range{color:#ffffffb3;font-size:11px;font-weight:500;text-shadow:0 1px 2px #0000004d}.filter-chevron{color:#fffc;flex-shrink:0;font-size:12px;transition:transform .3s ease}.filter-chevron.up{transform:rotate(180deg)}.date-filter-dropdown{animation:dropdownSlideIn .3s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#101828f2,#1f2937eb);border:1.5px solid #ffffff26;border-radius:20px;box-shadow:0 20px 40px #0006,0 8px 16px #0000004d,inset 0 1px 0 #ffffff1a;left:0;max-height:70vh;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-dropdown-header{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border-bottom:1px solid #ffffff1a;padding:20px 20px 16px}.filter-dropdown-title{color:#fffffff2;font-size:16px;font-weight:800;margin:0 0 4px;text-shadow:0 1px 3px #0006}.filter-dropdown-subtitle{color:#ffffffb3;font-size:12px;margin:0;text-shadow:0 1px 2px #0000004d}.filter-options-list{gap:4px;padding:8px}.filter-option-container,.filter-options-list{display:flex;flex-direction:column}.filter-option{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;min-height:48px;padding:12px 16px;text-align:left;transition:all .2s cubic-bezier(.2,.8,.2,1);width:100%}.filter-option:hover{background:#ffffff14;transform:translateX(4px)}.filter-option.selected{background:linear-gradient(135deg,#3b82f640,#3b82f626);border:1px solid #3b82f666}.filter-option-content{align-items:center;display:flex;gap:12px;width:100%}.filter-option-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));flex-shrink:0;font-size:16px}.filter-option-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.filter-option-label{color:#fffffff2;font-size:14px;font-weight:600;text-shadow:0 1px 2px #0000004d}.filter-option-description{color:#ffffffa6;font-size:11px;text-shadow:0 1px 2px #0003}.filter-option-check{color:#3b82f6;filter:drop-shadow(0 1px 2px rgba(59,130,246,.4));flex-shrink:0;font-size:14px;font-weight:700}.custom-date-inputs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:16px}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-input-label{color:#fffc;font-size:12px;font-weight:600;text-shadow:0 1px 2px #0000004d}.date-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1.5px solid #fff3;border-radius:10px;color:#fffffff2;font-size:14px;font-weight:500;min-height:44px;padding:10px 12px;transition:all .3s ease}.date-input:focus{background:linear-gradient(135deg,#3b82f61f,#3b82f614);border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f633;outline:none}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.8}.apply-custom-filter-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-height:44px;padding:12px 16px;text-shadow:0 1px 2px #0006;transition:all .3s ease}.apply-custom-filter-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.apply-custom-filter-btn:active{transform:scale(.98)}.filter-dropdown-footer{background:linear-gradient(135deg,#ffffff08,#ffffff03);border-top:1px solid #ffffff1a;padding:12px 20px 20px}.clear-filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#9ca3af1f,#9ca3af14);border:1.5px solid #9ca3af66;border-radius:10px;color:#9ca3aff2;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;padding:12px 16px;text-shadow:0 1px 2px #0000004d;transition:all .3s ease;width:100%}.clear-filter-btn:hover{background:linear-gradient(135deg,#9ca3af2e,#9ca3af1f);border-color:#9ca3af80;transform:translateY(-1px)}.clear-filter-btn:active{transform:scale(.98)}@media (max-width:390px){.date-filter-container{max-width:100%}.date-filter-dropdown{left:-8px;max-width:none;right:-8px;width:calc(100vw - 32px)}.filter-dropdown-footer,.filter-dropdown-header{padding-left:16px;padding-right:16px}.custom-date-inputs{padding:12px}.filter-option{padding:10px 12px}}@media (max-width:768px){.date-filter-dropdown{max-height:60vh}.filter-button-content{gap:10px}.filter-text{gap:1px}.filter-label{font-size:13px}.filter-range{font-size:10px}}@media (min-width:769px) and (max-width:1024px){.date-filter-container{max-width:280px}.date-filter-dropdown{right:auto;width:320px}}@media (min-width:1025px){.date-filter-container{max-width:260px}.date-filter-dropdown{right:auto;width:340px}.filter-dropdown-footer,.filter-dropdown-header{padding-left:24px;padding-right:24px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.apply-custom-filter-btn:focus-visible,.clear-filter-btn:focus-visible,.date-filter-button:focus-visible,.date-input:focus-visible,.filter-option:focus-visible{outline:2px solid #3b82f6cc;outline-offset:2px}@media (prefers-contrast:high){.date-filter-button,.date-filter-dropdown,.date-input{border-color:#fff9!important;border-width:2px!important}.filter-label,.filter-option-label{color:#fff!important;text-shadow:2px 2px 4px #000c!important}}.whatsapp-chat-container{background:#0d1117;color:#e1e7f0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%;position:relative}.whatsapp-chat-unavailable{align-items:center;background:#111b21;display:flex;height:100%;justify-content:center;padding:2rem;text-align:center}.chat-placeholder{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:300px;opacity:.7}.chat-placeholder .lock-icon{color:#3b4a54;margin-bottom:.5rem}.chat-placeholder h3{color:#8696a0;font-size:1.125rem;font-weight:400;margin:0}.chat-placeholder p{color:#667781;font-size:.875rem;line-height:1.4;margin:0}.whatsapp-chat-header{align-items:center;background:#202c33;border-bottom:1px solid #313d45;display:flex;justify-content:space-between;min-height:60px;padding:.75rem 1rem}.chat-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.activity-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.avatar-placeholder{background:linear-gradient(135deg,#00a884,#008069);font-size:1.125rem;font-weight:500}.chat-title-info{flex:1 1;min-width:0}.chat-title{color:#e9edef;font-size:1rem;font-weight:400;line-height:1.2;margin:0 0 .125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-subtitle{align-items:center;color:#8696a0;display:flex;font-size:.8125rem;gap:.375rem}.connection-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.connection-dot.connected{background:#00a884}.connection-dot.disconnected{background:#f15c6d}.status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-actions{display:flex;gap:.5rem}.action-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s ease;width:40px}.action-btn:hover{background:#8696a01a}.whatsapp-messages-area{background:#0b141a;background-image:radial-gradient(circle at 25% 25%,#00a88405 0,#0000 50%),radial-gradient(circle at 75% 75%,#00a88405 0,#0000 50%);flex:1 1;overflow-y:auto;position:relative}.messages-background{background-image:repeating-linear-gradient(45deg,#0000,#0000 35px,hsla(0,0%,100%,.005) 0,hsla(0,0%,100%,.005) 70px);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.whatsapp-loading{align-items:center;color:#8696a0;display:flex;flex-direction:column;gap:1rem;height:200px;justify-content:center}.typing-indicator{display:flex;gap:.25rem}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#8696a0;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.whatsapp-empty-chat{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem}.empty-chat-content{color:#8696a0;max-width:280px;text-align:center}.empty-chat-content .lock-icon{color:#3b4a54;margin-bottom:1rem}.encryption-text{font-size:.875rem;line-height:1.4;margin:0 0 1.5rem;opacity:.8}.start-conversation p{font-size:.9375rem;font-weight:400;margin:0}.messages-list{padding:.5rem;position:relative;z-index:1}.whatsapp-message{display:flex;margin-bottom:.375rem;position:relative}.whatsapp-message.incoming{justify-content:flex-start}.whatsapp-message.outgoing{justify-content:flex-end}.message-bubble{word-wrap:break-word;border-radius:.5rem;max-width:75%;min-width:100px;padding:.375rem .75rem .5rem;position:relative}.whatsapp-message.incoming .message-bubble{background:#202c33;border-bottom-left-radius:.125rem;color:#e9edef}.whatsapp-message.incoming .message-bubble:before{border:8px solid #0000;border-bottom:0;border-left:0;border-right-color:#202c33;bottom:0;content:"";height:0;left:-8px;position:absolute;width:0}.whatsapp-message.outgoing .message-bubble{background:#005c4b;border-bottom-right-radius:.125rem;color:#e9edef}.whatsapp-message.outgoing .message-bubble:before{border:8px solid #0000;border-bottom:0;border-left-color:#005c4b;border-right:0;bottom:0;content:"";height:0;position:absolute;right:-8px;width:0}.message-sender{color:#00a884;font-size:.8125rem;font-weight:500;line-height:1.2;margin-bottom:.125rem}.message-text{-webkit-text-fill-color:inherit!important;color:inherit!important;font-size:.9375rem;line-height:1.3;margin-bottom:.25rem}.message-footer{align-items:center;display:flex;gap:.25rem;justify-content:flex-end;margin-top:.125rem}.message-time{color:#e9edef99;font-size:.6875rem;white-space:nowrap}.whatsapp-message.incoming .message-time{color:#8696a0cc}.message-status{align-items:center;color:#e9edef99;display:flex}.message-status svg{height:14px;width:14px}.whatsapp-input-container{background:#202c33;border-top:1px solid #313d45;padding:.75rem}.input-wrapper{align-items:flex-end;background:#2a3942;border-radius:1.5rem;display:flex;gap:.5rem;min-height:48px;padding:.5rem}.attach-btn,.emoji-btn,.voice-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color .2s ease;width:40px}.attach-btn:hover,.emoji-btn:hover,.voice-btn:hover{background:#8696a01a}.text-input-container{align-items:center;display:flex;flex:1 1}.message-form{width:100%}.whatsapp-input{background:#0000;border:none;color:#e9edef;font-family:inherit;font-size:.9375rem;line-height:1.4;max-height:120px;outline:none;padding:.625rem 0;resize:none;width:100%}.whatsapp-input::placeholder{color:#8696a0}.whatsapp-send-btn{align-items:center;background:#00a884;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color .2s ease;width:40px}.whatsapp-send-btn:hover:not(:disabled){background:#008069}.whatsapp-send-btn:disabled{background:#3b4a54;cursor:not-allowed}.sending-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.whatsapp-chat-header{min-height:56px;padding:.5rem .75rem}.activity-avatar{height:36px;width:36px}.avatar-placeholder{font-size:1rem}.chat-title{font-size:.9375rem}.chat-subtitle{font-size:.75rem}.action-btn{height:36px;width:36px}.message-bubble{max-width:85%;padding:.5rem .75rem .625rem}.message-text{font-size:.875rem}.whatsapp-input-container{padding:.5rem}.input-wrapper{min-height:44px;padding:.375rem}.attach-btn,.emoji-btn,.voice-btn,.whatsapp-send-btn{height:36px;width:36px}.whatsapp-input{font-size:.875rem;padding:.5rem 0}}@media (max-width:480px){.message-bubble{max-width:90%;padding:.5rem .625rem .625rem}.message-text{font-size:.8125rem}.message-time{font-size:.625rem}.chat-placeholder{padding:1rem}.chat-placeholder h3{font-size:1rem}.chat-placeholder p{font-size:.8125rem}.empty-chat-content{max-width:240px}.encryption-text{font-size:.8125rem}}@media (prefers-contrast:high){.whatsapp-messages-area{background:#000}.whatsapp-message.incoming .message-bubble{background:#333;border:1px solid #555}.whatsapp-message.outgoing .message-bubble{background:#004d40;border:1px solid #00695c}}@media (prefers-color-scheme:dark){.whatsapp-chat-container,.whatsapp-messages-area{background:#0b141a}}.whatsapp-messages-area{scroll-behavior:smooth}.whatsapp-messages-area::-webkit-scrollbar{width:6px}.whatsapp-messages-area::-webkit-scrollbar-track{background:#0000}.whatsapp-messages-area::-webkit-scrollbar-thumb{background:#8696a04d;border-radius:3px}.whatsapp-messages-area::-webkit-scrollbar-thumb:hover{background:#8696a080}.action-btn:focus,.whatsapp-input:focus,.whatsapp-send-btn:focus{outline:2px solid #00a884;outline-offset:2px}.whatsapp-message{animation:slideIn .2s ease-out}.modern-activity-modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modern-activity-modal{-webkit-overflow-scrolling:touch;animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a2332f2,#2d3561f2);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0006;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;touch-action:pan-y;width:100%}.activity-category-top{border-radius:24px 24px 0 0;padding:16px 24px 0;text-align:center}.activity-category-top,.modern-activity-header{background:linear-gradient(135deg,#667eea,#764ba2)}.modern-activity-header{border-radius:0;color:#fff;padding:16px 24px 24px;position:relative}.modern-close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px;z-index:10}.modern-close-button:hover{background:#ffffff4d;transform:scale(1.1)}.modern-activity-hero{text-align:center}.activity-category-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff3;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:0;padding:8px 16px}.modern-activity-title{font-size:28px;font-weight:700;line-height:1.2;margin:0 0 16px}.activity-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.modern-status-badge{align-items:center;border-radius:16px;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.modern-status-badge.organizer{background:#ffd70033;border:1px solid #ffd7004d;color:gold}.modern-status-badge.participant{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.modern-status-badge.full{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.participant-progress{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;display:flex;gap:8px;padding:8px 12px}.progress-bar{background:#fff3;border-radius:3px;height:6px;overflow:hidden;width:60px}.progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:3px;height:100%;transition:width .3s ease}.progress-text{font-size:12px;font-weight:500;white-space:nowrap}.modern-activity-description{font-size:16px;line-height:1.5;margin:0;opacity:.9}.modern-activity-content{display:flex;flex-direction:column;gap:20px;padding:24px}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.card-title{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.card-content{color:#ffffffe6}.info-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:12px}.info-row:last-child{margin-bottom:0}.info-item{align-items:flex-start;display:flex;gap:12px}.info-icon{color:#667eea;flex-shrink:0;margin-top:2px}.info-content{flex:1 1}.info-label{color:#ffffffb3;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-value{color:#fff;display:block;font-size:14px;font-weight:600}.people-card .card-content{display:flex;flex-direction:column;gap:16px}.person-item{align-items:center;display:flex;gap:12px;padding:8px 0}.organizer-item{background:#ffd7001a;border:1px solid #ffd70033;border-radius:12px;padding:12px}.person-info{align-items:center;display:flex;flex:1 1;gap:12px}.person-avatar{border-radius:12px;flex-shrink:0;height:56px;overflow:hidden;width:56px}.person-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:20px;font-weight:600;height:100%;justify-content:center;width:100%}.person-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.person-name{color:#fff;font-weight:600}.person-role{align-items:center;color:gold;display:flex;font-size:12px;font-weight:500;gap:4px}.participants-list{display:flex;flex-direction:column;gap:8px}.participants-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:16px 0}.participant-grid-item{align-items:center;display:flex;flex-direction:column;gap:12px}.participant-avatar-large{border-radius:12px;box-shadow:0 4px 12px #0003;flex-shrink:0;height:80px;overflow:hidden;transition:transform .2s ease;width:80px}.participant-avatar-large:hover{transform:scale(1.05)}.participant-avatar-large img{height:100%;object-fit:cover;width:100%}.avatar-placeholder-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:32px;font-weight:600;height:100%;justify-content:center;text-shadow:0 2px 4px #0000004d;width:100%}.participant-name{color:#ffffffe6;font-size:14px;font-weight:500;line-height:1.2;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.more-participants-avatar{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px dashed #ffffff4d;border-radius:12px;display:flex;height:80px;justify-content:center;transition:background .2s ease;width:80px}.more-participants-avatar:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a)}.more-count{color:#fffc;font-size:18px;font-weight:600}.more-participants{color:#ffffffb3;font-size:14px;padding:8px;text-align:center}.empty-participants{align-items:center;color:#fff9;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.empty-participants svg{opacity:.5}.cost-info{margin-bottom:16px}.cost-description{color:#fff9;display:block;font-size:12px;margin-top:4px}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-badge{background:#677eea33;border-radius:12px;color:#667eea;font-size:12px;font-weight:500;padding:4px 8px}.chat-section{padding:0 24px 24px}.chat-container{max-height:300px;overflow-y:auto}.modern-action-footer{background:#0003;border-radius:0 0 24px 24px;border-top:1px solid #ffffff1a;padding:24px}.action-container{display:flex;flex-direction:column;gap:12px}.modern-action-button{background:none;border:2px solid #0000;border-radius:16px;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 20px;position:relative;transition:all .2s ease}.modern-action-button:disabled{cursor:not-allowed;opacity:.6}.modern-action-button.primary{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;color:#fff}.modern-action-button.primary:hover:not(:disabled){box-shadow:0 8px 20px #22c55e66;transform:translateY(-2px)}.modern-action-button.secondary{background:#ffffff1a;border-color:#fff3;color:#fff}.modern-action-button.secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.modern-action-button.danger{background:#ef444433;border-color:#ef44444d;color:#ef4444}.modern-action-button.danger:hover:not(:disabled){background:#ef44444d;border-color:#ef444480}.button-content{align-items:center;display:flex;gap:8px;justify-content:center}.loading-spinner{border-top-color:currentcolor}.modern-status-display{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px}.modern-status-display.participant-status{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.modern-status-display.waitlist-status{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.modern-status-display.warning-status{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.position-badge{background:#3b82f633;border-radius:8px;font-size:11px;font-weight:600;margin-left:8px;padding:2px 6px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.modern-activity-modal-overlay{align-items:flex-start;background:#000000f2;padding:0}.modern-activity-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:none;position:relative;top:0;width:100%}.activity-category-top{border-radius:0;padding:12px 16px 0}.modern-activity-header{border-radius:0;padding:12px 16px 16px}.modern-close-button{height:36px;right:12px;top:12px;width:36px}.modern-activity-title{font-size:22px;line-height:1.3;margin:0 0 12px}.activity-category-badge{font-size:13px;padding:6px 12px}.modern-activity-content{gap:16px;padding:16px}.info-card{border-radius:12px;padding:16px}.card-title{font-size:15px;margin:0 0 12px}.info-row{gap:12px;grid-template-columns:1fr}.activity-status-row{align-items:stretch;flex-direction:column;gap:8px}.participant-progress{justify-content:center;width:100%}.modern-status-badge{justify-content:center;padding:8px 16px}.person-item{padding:12px 0}.person-avatar{border-radius:10px;height:48px;width:48px}.avatar-placeholder{font-size:18px}.modern-action-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border-top:1px solid #ffffff26;bottom:0;padding:16px;position:-webkit-sticky;position:sticky}.modern-action-button{border-radius:12px;font-size:15px;padding:14px 16px}.modern-status-display{border-radius:10px;font-size:13px;padding:10px 12px}.chat-section{padding:0 16px 16px}.modern-activity-description{font-size:15px;line-height:1.4}}@media (max-width:480px){.modern-activity-modal-overlay{padding:0}.modern-activity-modal{border-radius:0;height:100vh;max-height:100vh}.activity-category-top{border-radius:0;padding:8px 12px 0}.modern-activity-header{border-radius:0;padding:12px}.modern-close-button{height:32px;right:8px;top:8px;width:32px}.modern-activity-title{font-size:19px;line-height:1.25}.activity-category-badge{font-size:12px;padding:4px 10px}.modern-activity-content{gap:12px;padding:12px}.info-card{border-radius:10px;padding:12px}.card-title{font-size:14px;margin:0 0 10px}.info-item{gap:10px}.info-value{font-size:13px}.info-label{font-size:11px}.person-avatar{border-radius:8px;height:40px;width:40px}.avatar-placeholder{font-size:16px}.person-name{font-size:14px}.participants-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:12px 0}.participant-avatar-large{border-radius:10px;height:64px;width:64px}.avatar-placeholder-large{font-size:24px}.participant-name{font-size:12px;max-width:80px}.more-participants-avatar{border-radius:10px;height:64px;width:64px}.more-count{font-size:16px}.modern-action-footer{padding:12px}.modern-action-button{border-radius:10px;font-size:14px;padding:12px 14px}.modern-status-display{font-size:12px;padding:8px 10px}.modern-activity-description{font-size:14px}.progress-text,.tag-badge{font-size:11px}.tag-badge{border-radius:8px;padding:3px 6px}}.activity-tabs-navigation{-ms-overflow-style:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#101828cc;border:1px solid #4b55634d;border-radius:16px;display:flex;gap:.25rem;margin:1.5rem 0;overflow-x:auto;padding:.5rem;scrollbar-width:none}.activity-tabs-navigation::-webkit-scrollbar{display:none}.tab-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.875rem 1.25rem;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:#ffffff0d;color:#ffffffe6;transform:translateY(-1px)}.tab-button.active{background:linear-gradient(135deg,#3b82f633,#2563eb1a);border:1px solid #3b82f64d;box-shadow:0 4px 12px #3b82f626;color:#3b82f6}.tab-button svg{transition:transform .2s ease}.tab-button:hover svg{transform:scale(1.1)}.tab-button.active svg{filter:drop-shadow(0 0 4px rgba(59,130,246,.4));transform:scale(1.1)}.tab-content-container{min-height:400px;position:relative}.tab-panel{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.chat-tab-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#101828f2,#1f2937e6);border:1px solid #4b556399;border-radius:16px;overflow:hidden;padding:0}@media (max-width:768px){.activity-tabs-navigation{gap:.125rem;margin:1rem 0;padding:.375rem}.tab-button{font-size:.8rem;padding:.75rem .875rem}.tab-button span{display:none}.tab-button svg{height:16px;width:16px}}@media (max-width:480px){.activity-tabs-navigation{justify-content:space-between;padding:.25rem}.tab-button{flex:1 1;justify-content:center;padding:.625rem .5rem}}.chat-tab-header{align-items:center;background:#202c3380;border-bottom:1px solid #313d4580;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:1rem}.chat-tab-title{color:#e9edef;font-size:1.125rem;font-weight:500;margin:0}.fullscreen-chat-btn{align-items:center;background:#00a8841a;border:1px solid #00a8844d;border-radius:.5rem;color:#00a884;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.fullscreen-chat-btn:hover{background:#00a88433;border-color:#00a88480;transform:translateY(-1px)}.fullscreen-chat-btn svg{transition:transform .2s ease}.fullscreen-chat-btn:hover svg{transform:scale(1.1)}.embedded-chat-container{border-radius:0 0 16px 16px;height:500px;overflow:hidden}@media (max-width:768px){.chat-tab-header{padding:.75rem}.chat-tab-title{font-size:1rem}.fullscreen-chat-btn{font-size:.8125rem;padding:.375rem .75rem}.fullscreen-chat-btn span{display:none}.embedded-chat-container{height:400px}}@media (max-width:480px){.embedded-chat-container{height:350px}.fullscreen-chat-btn{padding:.5rem}}.invite-card{background:linear-gradient(135deg,#4a90e21a,#8f82e51a);border:1px solid #4a90e233;color:#ffffffe6!important}.invite-card *{color:inherit!important}.invite-section{space-y:1.5rem}.invite-section .form-label,.invite-section .form-textarea,.invite-section .invite-description,.invite-section label:not(.preview-text),.invite-section p:not(.preview-text),.invite-section span:not(.preview-text),.invite-section text:not(.preview-text){color:#fffffff2!important;text-shadow:0 1px 2px #0000004d}.invite-result .result-text,.invite-section .preview-text,.invite-section .result-text,.preview-info .preview-text,.preview-result .preview-text,.preview-result .result-text{color:#fff!important;text-shadow:0 1px 2px #00000080!important}.invite-description{color:#fffffff2!important;font-size:.9rem;font-weight:400;line-height:1.5;text-shadow:0 1px 2px #0000004d}.form-group,.invite-description{margin-bottom:1.5rem}.form-group *,.form-group div,.form-group label,.form-group p,.form-group span,.form-label{color:#fffffff2!important;text-shadow:0 1px 2px #0000004d}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-textarea{background:#ffffff14;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.875rem;line-height:1.5;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s ease,background-color .2s ease;width:100%}.form-textarea:focus{background:#ffffff1f;border-color:#4a90e280;outline:none}.form-textarea::placeholder{color:#ffffff80}.criteria-options{space-y:1rem}.criteria-options *{color:#fffffff2!important;text-shadow:0 1px 2px #0000004d}.criteria-item{margin-bottom:1rem}.criteria-item *{text-shadow:0 1px 2px #0000004d}.criteria-item *,.criteria-item div,.criteria-item label,.criteria-item span{color:#fffffff2!important}.sub-criteria *{color:#ffffffe6!important;text-shadow:0 1px 2px #0000004d}.checkbox-label{align-items:flex-start;color:#fffffff2!important;cursor:pointer;display:flex;font-size:.875rem;line-height:1.4;text-shadow:0 1px 2px #0000004d}.checkbox-label input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.checkmark{background:#ffffff14;border:2px solid #ffffff4d;border-radius:4px;display:inline-block;flex-shrink:0;height:18px;margin-right:12px;margin-top:1px;position:relative;transition:all .2s ease;width:18px}.checkbox-label:hover .checkmark{background:#4a90e21a;border-color:#4a90e280}.checkbox-label input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#4a90e2,#8f82e5);border-color:#4a90e2}.checkbox-label input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.interests-preview,.sub-criteria{margin-left:30px;margin-top:.5rem}.interests-preview{display:flex;flex-wrap:wrap;gap:.5rem}.interest-tag{background:#4a90e24d;border:1px solid #4a90e266;border-radius:12px;color:#fffffff2!important;font-size:.75rem;font-weight:500;padding:4px 8px;text-shadow:0 1px 2px #0000004d}.invite-preview-button,.invite-send-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;margin-top:1.5rem;padding:14px 20px;transition:all .2s ease;width:100%}.invite-preview-button{background:linear-gradient(135deg,#4a90e233,#8f82e533);border:1px solid #4a90e266;color:#ffffffe6}.invite-preview-button.secondary{background:#ffffff14;border:1px solid #fff3;font-size:.8rem;margin-top:.75rem;padding:10px 16px}.invite-send-button{background:linear-gradient(135deg,#4a90e2,#8f82e5);color:#fff}.invite-send-button:hover:not(:disabled){box-shadow:0 8px 20px #4a90e24d;transform:translateY(-1px)}.invite-preview-button:hover:not(:disabled){box-shadow:0 8px 20px #4a90e233;transform:translateY(-1px)}.invite-preview-button:disabled,.invite-send-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.preview-result{border:none!important;border-radius:12px;margin-top:1.5rem;padding:16px}.preview-info,.preview-result{background:#0000!important;background-color:initial!important}.preview-info{align-items:center;display:flex;gap:12px;margin-bottom:1rem}.preview-info,.preview-info *,.preview-info .preview-text,.preview-info div,.preview-result .preview-info,.preview-result .preview-info *,.preview-result .preview-info .preview-text,.preview-result .preview-info div,html body .invite-card .preview-result .preview-info,html body .invite-card .preview-result .preview-info *,html body .invite-card .preview-result .preview-info .preview-text,html body .invite-card .preview-result .preview-info div,html body .invite-card .preview-result .preview-info span,html body .tab-panel .preview-result .preview-info,html body .tab-panel .preview-result .preview-info *,html body .tab-panel .preview-result .preview-info .preview-text,html body .tab-panel .preview-result .preview-info div,html body .tab-panel .preview-result .preview-info span,html body div.preview-info,html body div.preview-info *,html body div.preview-info .preview-text,html body div.preview-info div,html body div.preview-info span{fill:#fff!important;color:#fff!important;text-shadow:0 1px 2px #00000080!important}.invite-card .preview-info .preview-text,.invite-card .preview-result .preview-info .preview-text,.tab-panel .preview-info .preview-text{color:#fff!important;text-shadow:0 1px 2px #00000080!important}.preview-icon{font-size:1.5rem}.preview-text{color:#000!important;font-size:.9rem;font-weight:500;line-height:1.4;text-shadow:none}.preview-actions{display:flex;flex-direction:column;gap:.5rem}.preview-actions .invite-send-button{margin-top:0}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.invite-result{align-items:center;background:#0000!important;background-color:initial!important;border:none!important;border-radius:8px;display:flex;gap:12px;margin-top:1rem;padding:12px}.invite-result,.invite-result *,.invite-result .result-text,.invite-result div{color:#fff!important;text-shadow:0 1px 2px #00000080!important}.result-icon{font-size:1.2rem}.result-text{color:#fff!important;font-size:.875rem;font-weight:400;line-height:1.4;text-shadow:0 1px 2px #00000080!important}.invite-tab-force-update{display:none}.invite-card :not(span),.invite-section [style*=background]{background:#0000!important;background-color:initial!important}.tab-panel .invite-result,.tab-panel .preview-info,.tab-panel .preview-result,.tab-panel .preview-text,.tab-panel .result-text{background:none!important;background-color:initial!important;background-image:none!important}@media (max-width:768px){.invite-description{color:#fffffff2!important;font-size:.8rem}.form-textarea{color:#fff!important;font-size:.8rem;padding:10px}.checkbox-label{color:#fffffff2!important;font-size:.8rem}.interest-tag{color:#fffffff2!important;font-size:.7rem;padding:3px 6px}.invite-preview-button,.invite-send-button{color:#fff!important;font-size:.85rem;padding:12px 16px}}.filter-preferences{background:#1f2937!important;margin:0;max-width:100%;min-height:100vh;padding:0 0 80px;position:relative}.preferences-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #667eea33;margin-bottom:15px;padding:20px;text-align:center}.preferences-title{color:#fff;font-size:22px;font-weight:700;margin-bottom:5px;text-shadow:0 2px 4px #0000001a}.preferences-description{color:#fffffff2;font-size:14px;margin:0}.quick-presets{padding:0 15px 15px}.presets-title{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.preset-buttons{-webkit-overflow-scrolling:touch;display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.preset-button{align-items:center;background:#fff;border:2px solid #e0e7ff;border-radius:25px;box-shadow:0 2px 5px #0000000d;color:#667eea;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:12px 18px;transition:all .3s ease;white-space:nowrap}.preset-button:active{background:#667eea;border-color:#667eea;color:#fff;transform:scale(.95)}.preset-icon{font-size:18px}.preferences-sections{padding:0 15px}.preference-section{background:#374151;border-radius:16px;box-shadow:0 2px 8px #0003;margin-bottom:12px;overflow:hidden;transition:all .3s ease}.preference-section.open{box-shadow:0 4px 20px #00000026}.section-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background .2s ease;width:100%}.section-header:active{background:#00000005}.header-left{align-items:center;display:flex;gap:12px}.section-icon{font-size:24px}.section-title{color:#fff;font-size:16px;font-weight:600}.header-right{align-items:center;display:flex;gap:8px}.active-count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:12px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.toggle-icon{color:#667eea;font-size:12px;transition:transform .3s ease}.preference-section.open .toggle-icon{transform:rotate(180deg)}.section-content{animation:slideDown .3s ease;background:#374151;padding:0 16px 16px}.category-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.category-card{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:80px;padding:15px;position:relative;transition:all .2s ease}.category-card:active{transform:scale(.95)}.category-card.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.category-emoji{font-size:28px}.category-name{color:inherit;font-size:13px;font-weight:600;text-align:center}.category-card.selected .category-name{color:#fff}.check-mark{align-items:center;background:#fff;border-radius:50%;color:#667eea;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.mobile-label{color:#fff;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.days-selector-mobile{margin-bottom:20px}.days-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.day-button{background:#f0f0f0;border:2px solid #0000;border-radius:10px;color:#2d3561;cursor:pointer;font-size:13px;font-weight:600;padding:12px;transition:all .2s ease}.day-button:active{transform:scale(.95)}.day-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.toggle-option{margin-bottom:15px}.toggle-button{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;color:#2d3561;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:14px;transition:all .2s ease;width:100%}.toggle-button:active{transform:scale(.98)}.toggle-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.toggle-button.full-width{margin-bottom:15px}.toggle-check{color:#2d3561;font-size:16px;font-weight:700;margin-left:auto}.toggle-button.active .toggle-check{color:#fff}.time-of-day-mobile{margin-top:15px}.time-buttons{display:flex;gap:8px}.time-button{align-items:center;background:#f0f0f0;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px 8px;transition:all .2s ease}.time-button:active{transform:scale(.95)}.time-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.time-icon{font-size:20px}.time-label{color:inherit;font-size:11px;font-weight:600}.time-button.active .time-label{color:#fff}.distance-selector-mobile{margin-bottom:20px}.distance-display{align-items:baseline;background:#f8f9fa;border-radius:10px;display:flex;gap:5px;justify-content:center;margin-bottom:15px;padding:10px}.distance-value-large{color:#667eea;font-size:36px;font-weight:700}.distance-unit{color:#2d3561;font-size:18px;font-weight:600}.distance-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.distance-button{background:#f0f0f0;border:2px solid #0000;border-radius:10px;color:#2d3561;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.distance-button:active{transform:scale(.95)}.distance-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.language-selector-mobile{margin-top:20px}.language-pills{display:flex;flex-wrap:wrap;gap:8px}.language-pill{align-items:center;background:#f0f0f0;border:2px solid #0000;border-radius:20px;color:#2d3561;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.language-pill:active{transform:scale(.95)}.language-pill.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.pill-check{font-size:12px;font-weight:700}.audience-selector{margin-bottom:20px}.audience-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.audience-button{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px;transition:all .2s ease}.audience-button:active{transform:scale(.95)}.audience-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.audience-icon{font-size:24px}.audience-label{color:inherit;font-size:12px;font-weight:600}.audience-button.active .audience-label{color:#fff}.show-advanced-button{background:#0000;border:2px dashed #d0d0d0;border-radius:10px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:12px;transition:all .2s ease;width:100%}.show-advanced-button:active{background:#667eea0d}.advanced-option{margin-top:15px}.range-selector-mobile{background:#4b5563;border-radius:10px;margin-top:10px;padding:15px}.range-inputs{flex-wrap:wrap;gap:8px}.range-button,.range-inputs{align-items:center;display:flex;justify-content:center}.range-button{background:#fff;border:2px solid #667eea;border-radius:50%;color:#667eea;cursor:pointer;font-size:18px;font-weight:700;height:32px;transition:all .2s ease;width:32px}.range-button:active{background:#667eea;color:#fff;transform:scale(.9)}.range-value{background:#374151;border:1px solid #6b7280;border-radius:6px;color:#fff;font-size:18px;font-weight:700;min-width:40px;padding:4px 8px;text-align:center}.range-separator{color:#fff;font-size:14px;margin:0 5px}.range-unit{color:#fff;font-size:14px;font-weight:600;margin-left:5px}.mood-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.mood-button{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;gap:8px;padding:14px;transition:all .2s ease}.mood-button:active{transform:scale(.95)}.mood-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.mood-icon{font-size:20px}.mood-label{color:inherit;font-size:13px;font-weight:600}.mood-button.active .mood-label{color:#fff}.price-selector-mobile{margin-top:10px}.price-presets{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.price-preset-button{background:#f0f0f0;border:2px solid #0000;border-radius:10px;color:#2d3561;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.price-preset-button:active{transform:scale(.95)}.price-preset-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.price-custom{background:#4b5563;border-radius:10px;padding:15px}.price-label{color:#fff;display:block;font-size:12px;font-weight:600;margin-bottom:10px}.price-inputs-mobile{align-items:center;display:flex;gap:8px}.price-input-mobile{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#2d3561;font-size:16px;font-weight:600;padding:8px;text-align:center;width:70px}.price-input-mobile:focus{border-color:#667eea;outline:none}.currency{color:#fff;font-size:16px;font-weight:600}.price-separator{color:#999;font-size:14px}.floating-action-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-top:1px solid #0000000d;bottom:0;box-shadow:0 -2px 20px #0000001a;display:flex;gap:10px;left:0;padding:12px 15px;position:fixed;right:0;z-index:100}.action-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;position:relative;transition:all .3s ease}.action-button.reset{background:#f0f0f0;color:#555;flex:0 0 auto;padding:14px 20px}.action-button.reset:active{background:#e0e0e0;transform:scale(.95)}.action-button.save{background:#e0e0e0;color:#999}.action-button.save.has-changes{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.action-button.save.has-changes:active{transform:scale(.95)}.action-button:disabled{cursor:not-allowed;opacity:.6}.action-icon{font-size:18px}.pulse-indicator{animation:pulse 2s infinite;background:#f44;border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff4444b3}70%{box-shadow:0 0 0 10px #f440}to{box-shadow:0 0 0 0 #f440}}@media (min-width:768px){.filter-preferences{background:#1f2937!important;margin:0 auto;max-width:600px;min-height:auto;padding:20px}.preferences-header{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 4px 15px #667eea33;margin-bottom:20px}.preferences-title{color:#fff}.preferences-description{color:#fffffff2}.presets-title{color:#2d3561}.category-cards{grid-template-columns:repeat(3,1fr)}.audience-grid{grid-template-columns:repeat(4,1fr)}.mood-grid{grid-template-columns:repeat(3,1fr)}.floating-action-bar{border-radius:16px;bottom:20px;box-shadow:0 4px 20px #0000001a;margin:20px 0 0;position:-webkit-sticky;position:sticky}}.old-age-input,.old-age-label,.old-age-range-selector,.old-checkbox-label,.old-checkbox-text,.old-chip-icon,.old-chip-label,.old-days-selector,.old-days-slider,.old-days-value,.old-distance-presets,.old-distance-selector,.old-distance-slider,.old-distance-value,.old-group-size-selector,.old-language-checkboxes,.old-option-chip,.old-option-chips,.old-preference-group,.old-preference-label,.old-preferences-actions,.old-preset-btn,.old-price-input,.old-price-range-selector,.old-reset-btn,.old-save-btn,.old-size-input,.old-size-label{display:none!important}.meet-menu-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 16px #0000001a;margin-bottom:var(--space-xl);overflow:hidden;position:relative}.meet-menu-header{padding:var(--space-sm)}.meet-menu-toggle{align-items:center;background:var(--glass-medium);border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:all .3s ease;width:100%}.meet-menu-toggle:hover{background:var(--glass-dark);border-color:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.meet-menu-toggle:active{transform:translateY(0)}.menu-current-selection{align-items:center;display:flex;flex:1 1;gap:var(--space-md);text-align:left}.menu-icon{align-items:center;display:flex;font-size:24px;justify-content:center;min-width:32px}.menu-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.menu-label{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.2}.menu-description{color:var(--text-secondary);font-size:13px;line-height:1.3}.menu-arrow{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;justify-content:center;min-width:20px;transition:transform .3s ease}.menu-arrow.expanded{transform:rotate(180deg)}.meet-menu-dropdown{animation:slideDown .3s ease-out;max-height:500px;overflow-y:auto;padding:0 var(--space-sm) var(--space-md)}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.menu-section{margin-bottom:var(--space-lg)}.menu-section:last-child{margin-bottom:0}.menu-section-header{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-md)}.section-icon{font-size:18px;opacity:.8}.section-title{color:var(--text-primary);font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:none}.menu-section-items{display:flex;flex-direction:column;gap:var(--space-xs)}.menu-item{align-items:center;background:#0000;border:2px solid #0000;border-radius:14px;cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);position:relative;text-align:left;transition:all .3s ease;width:100%}.menu-item:hover{background:var(--glass-medium);border-color:#ffffff1a;transform:translateX(4px)}.menu-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--item-color) 20%,#0000),color-mix(in srgb,var(--item-color) 10%,#0000));border-color:var(--item-color);box-shadow:0 4px 12px color-mix(in srgb,var(--item-color) 30%,#0000)}.item-icon{align-items:center;display:flex;font-size:22px;justify-content:center;min-width:32px}.item-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.item-label{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.2}.item-description{color:var(--text-secondary);font-size:12px;line-height:1.3}.item-check{align-items:center;background:var(--item-color);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);width:24px}@media (max-width:480px){.meet-menu-toggle{padding:var(--space-sm) var(--space-md)}.menu-icon{font-size:20px;min-width:28px}.menu-label{font-size:14px}.menu-description{font-size:12px}.menu-item{padding:var(--space-sm)}.item-icon{font-size:18px;min-width:28px}.item-label{font-size:14px}.item-description{font-size:11px}.meet-menu-dropdown{max-height:400px}}.meet-menu-dropdown .menu-item{animation:fadeInSlide .3s ease-out backwards}.meet-menu-dropdown .menu-item:first-child{animation-delay:.05s}.meet-menu-dropdown .menu-item:nth-child(2){animation-delay:.1s}.meet-menu-dropdown .menu-item:nth-child(3){animation-delay:.15s}.meet-menu-dropdown .menu-item:nth-child(4){animation-delay:.2s}@keyframes fadeInSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.meet-quick-filters{-ms-overflow-style:none;display:flex;gap:var(--space-sm);overflow-x:auto;padding:var(--space-md) 0;scrollbar-width:none}.meet-quick-filters::-webkit-scrollbar{display:none}.quick-filter-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:2px solid #ffffff1a;border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all .3s ease;white-space:nowrap}.quick-filter-pill:hover{background:var(--glass-medium);color:var(--text-primary);transform:translateY(-1px)}.quick-filter-pill.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;box-shadow:0 4px 12px #10b9814d;color:#fff}.filter-pill-icon{font-size:14px}.menu-item-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 2px 4px #ef44444d;color:#fff;font-size:11px;font-weight:700;margin-left:var(--space-xs);padding:2px 6px}@supports not (color:color-mix(in srgb,red 50%,blue)){.menu-item.active{background:var(--glass-dark);border-color:#10b981}}