@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";[data-theme=dark]{--bg-deep: #0a0e27;--bg-surface: rgba(255, 255, 255, .08);--bg-elevation: rgba(255, 255, 255, .12);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--primary: #667eea;--accent-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--season-bg: radial-gradient(circle at 70% 20%, #1a1f3c 0%, #0a0e27 100%)}[data-theme=light]{--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--primary: #4f46e5;--accent: #7c3aed;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .15);--timer-glow: rgba(79, 70, 229, .15);--card-shadow: 0 4px 20px -5px rgba(0, 0, 0, .1), 0 8px 32px -10px rgba(0, 0, 0, .05);--card-border: 1px solid rgba(0, 0, 0, .08)}[data-theme=spring]{--bg-primary: #064e3b;--bg-secondary: #065f46;--text-primary: #ecfdf5;--text-secondary: #a7f3d0;--primary: #10b981;--accent: #34d399;--glass-bg: rgba(6, 78, 59, .6);--glass-border: rgba(167, 243, 208, .2);--timer-glow: rgba(16, 185, 129, .4)}[data-theme=summer]{--bg-primary: #7c2d12;--bg-secondary: #9a3412;--text-primary: #fff7ed;--text-secondary: #ffedd5;--primary: #f97316;--accent: #fb923c;--glass-bg: rgba(124, 45, 18, .6);--glass-border: rgba(255, 237, 213, .2);--timer-glow: rgba(249, 115, 22, .4)}[data-theme=autumn]{--bg-primary: #451a03;--bg-secondary: #78350f;--text-primary: #fffbeb;--text-secondary: #fef3c7;--primary: #d97706;--accent: #fbbf24;--glass-bg: rgba(69, 26, 3, .6);--glass-border: rgba(254, 243, 199, .2);--timer-glow: rgba(217, 119, 6, .4)}[data-theme=winter]{--bg-primary: #0c4a6e;--bg-secondary: #075985;--text-primary: #f0f9ff;--text-secondary: #bae6fd;--primary: #0284c7;--accent: #38bdf8;--glass-bg: rgba(12, 74, 110, .6);--glass-border: rgba(186, 230, 253, .2);--timer-glow: rgba(2, 132, 199, .4)}body{background:var(--season-bg)!important;min-height:100vh;transition:background 1s ease-in-out}.app-container{position:relative;z-index:1}[data-theme=dark]:after{content:"🌙";position:fixed;top:50px;right:80px;font-size:80px;opacity:.1;filter:blur(2px);z-index:-1;pointer-events:none}:root{--bg-deep: #0f0c29;--bg-surface: rgba(255, 255, 255, .05);--bg-elevation: rgba(255, 255, 255, .1);--bg-gradient: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-tertiary: #606070;--accent-primary: #764ba2;--accent-glow: rgba(118, 75, 162, .5);--border-subtle: rgba(255, 255, 255, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base: 16px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-deep: #e0eafc;--bg-surface: rgba(255, 255, 255, .6);--bg-elevation: rgba(255, 255, 255, .8);--bg-gradient: linear-gradient(135deg, #e0eafc 0%, #cfdef3 100%);--text-primary: #2d3748;--text-secondary: #718096;--text-tertiary: #a0aec0;--accent-primary: #667eea;--accent-glow: rgba(102, 126, 234, .3);--border-subtle: rgba(255, 255, 255, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-deep);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh;width:100vw}#root{min-height:100vh;width:100%;display:flex;flex-direction:column}.page-transition{animation:pageFadeIn .3s ease-out forwards}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--bg-elevation);border-radius:var(--radius-full)}.hourglass-infinity{width:220px;height:320px;margin:0 auto;display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.4,0,.2,1)}.hourglass-infinity:not(.is-active){animation:idleFloat 6s ease-in-out infinite}@keyframes idleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}.hourglass-svg{width:100%;height:100%}.glass-infinity{fill:#ffffff0d;stroke:#ffffff59;stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(255,255,255,.15));transition:stroke .4s ease}[data-theme=light] .glass-infinity{fill:#00000008;stroke:#00000040;filter:drop-shadow(0 2px 6px rgba(0,0,0,.1))}.glass-shine{opacity:.4;transition:opacity .4s ease}[data-theme=light] .glass-shine{opacity:.1}.sand-pile{fill:var(--sand-color, #fcd34d);transition:fill .4s ease}.sand-surface{fill:var(--sand-color, #fcd34d);stroke:var(--sand-color, #fcd34d);stroke-width:.5;opacity:.98;transition:fill .4s ease}.sand-stream{stroke:var(--sand-color, #fcd34d);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:4 6;animation:flow .6s linear infinite;filter:drop-shadow(0 0 5px var(--sand-color))}.sand-particle{fill:var(--sand-color, #fcd34d);opacity:.8}.sand-particle.p1{animation:fall .8s linear infinite}.sand-particle.p2{animation:fall 1.2s linear infinite .2s}.sand-particle.p3{animation:fall 1s linear infinite .4s}@keyframes flow{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}@keyframes fall{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(60px);opacity:0}}[data-theme=spring]{--sand-color: #4ade80}[data-theme=summer]{--sand-color: #facc15}[data-theme=autumn]{--sand-color: #f97316}[data-theme=winter]{--sand-color: #38bdf8}[data-theme=dark]{--sand-color: #818cf8}[data-theme=light]{--sand-color: #475569}.hourglass-infinity.is-active .hourglass-svg{animation:infinity-hover 6s ease-in-out infinite alternate}@keyframes infinity-hover{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.timer-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.timer-presets{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;max-width:600px}@media(max-width:768px){.timer-presets{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:8px;-ms-overflow-style:none;scrollbar-width:none}.timer-presets::-webkit-scrollbar{display:none}}.preset-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.preset-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.preset-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.preset-btn:disabled{opacity:.5;cursor:not-allowed}.timer-display{position:relative;width:300px;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;transition:all .3s;animation:timerBreathe 8s ease-in-out infinite}@keyframes timerBreathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.02);opacity:1}}.hourglass-wrapper{width:200px;height:280px;display:flex;align-items:center;justify-content:center}.timer-text{font-size:3.5rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;text-shadow:0 4px 12px rgba(0,0,0,.2)}.timer-controls{display:flex;gap:var(--space-md);align-items:center}.control-btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.control-btn.main{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 30px -10px #667eea99}.control-btn.main:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px -10px #667eeacc}.control-btn.main:active{transform:translateY(-1px) scale(1.02)}.control-btn.secondary{width:50px;height:50px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.control-btn.secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}[data-theme=light] .timer-text{color:var(--text-primary)}[data-theme=light] .preset-btn.active{background:var(--primary);color:#fff;border-color:transparent}[data-theme=light] .preset-btn{background:#0000000d;border-color:#0000001a;color:#000000b3}[data-theme=light] .preset-btn:hover:not(:disabled){background:#0000001a;border-color:#0003}[data-theme=light] .control-btn.secondary{background:#0000000d;border-color:#0000001a}[data-theme=light] .control-btn.secondary:hover{background:#0000001a;border-color:#0003}[data-theme=light] .timer-circle-bg{stroke:#0000001a}[data-theme=light] .timer-circle-progress{stroke:url(#timerGradient)}@media(max-width:480px){.timer-display{width:260px;height:320px;gap:1rem}.hourglass-wrapper{width:160px;height:220px}.timer-text{font-size:3rem}.control-btn.main{width:64px;height:64px}.control-btn.secondary{width:44px;height:44px}}.sound-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);border-radius:2rem;background:#0a1e1466;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .5s cubic-bezier(.4,0,.2,1);width:125px;height:160px;position:relative;box-shadow:0 4px 20px #0000001a;animation:idleFloat 6s ease-in-out infinite}@keyframes idleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.sound-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.sound-card.active{background:#0f3c2899;border-color:#4ade8080;transform:translateY(-8px) scale(1.02);box-shadow:0 15px 35px #0000004d;animation:activePulse 2s ease-in-out infinite}@keyframes activePulse{0%,to{transform:translateY(-8px) scale(1.02)}50%{transform:translateY(-10px) scale(1.04)}}[data-theme=light] .sound-card.active{background-color:#fff;box-shadow:0 10px 30px #0000001a;border-color:var(--accent-primary);animation:activeGlowLight 2s ease-in-out infinite}@keyframes activeGlowLight{0%,to{box-shadow:0 10px 30px #667eea4d}50%{box-shadow:0 12px 40px #667eea80}}.sound-card-btn{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:var(--space-md)}.icon-wrapper{color:var(--text-secondary);margin-bottom:var(--space-sm);transition:all var(--transition-fast);padding:12px;border-radius:50%;background:#ffffff05}.sound-card.active .icon-wrapper{color:#fff;background:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.sound-name{font-size:.9rem;color:var(--text-secondary);font-weight:var(--font-weight-medium);transition:color .2s}.sound-card.active .sound-name{color:var(--text-primary)}.volume-wrapper{width:100%;height:4px;background:#ffffff1a;border-radius:var(--radius-full);position:relative;display:flex;align-items:center;overflow:hidden}[data-theme=light] .volume-wrapper{background:#0000000d}.volume-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:transparent;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:12px;width:12px;background:var(--text-primary);border-radius:50%;cursor:pointer;transition:transform .1s;opacity:.5}.sound-card.active .volume-slider::-webkit-slider-thumb{opacity:1}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}@media(max-width:480px){.sound-card{width:110px;height:140px;padding:var(--space-sm)}.icon-wrapper{padding:8px}}.modal-overlay{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content.auth-modal{background:#14141e99;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:400px;position:relative;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=light] .modal-content.auth-modal{background:#ffffffb3;border:1px solid rgba(0,0,0,.05);box-shadow:0 20px 40px -12px #0000001a}.close-btn{position:absolute;top:var(--space-md);right:var(--space-md);color:var(--text-secondary);transition:color var(--transition-fast)}.close-btn:hover{color:var(--text-primary)}.auth-header{text-align:center;margin-bottom:var(--space-lg)}.auth-header h2{font-size:1.8rem;color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:700;letter-spacing:-.5px}.auth-header p{color:var(--text-secondary);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-md);color:var(--text-secondary);pointer-events:none}.input-group input{width:100%;padding:var(--space-md);padding-left:48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-fast)}[data-theme=light] .input-group input{background:#00000008;border-color:#00000014}.input-group input:focus{outline:none;background:#ffffff1a;border-color:var(--text-primary);box-shadow:0 0 0 4px #ffffff0d}[data-theme=light] .input-group input:focus{background:#fff;box-shadow:0 0 0 4px #0000000d}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:var(--font-weight-bold);padding:var(--space-md);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:transform var(--transition-fast),opacity var(--transition-fast),box-shadow .2s;border:none;box-shadow:0 4px 15px #764ba266}.submit-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 20px #764ba280}.google-btn{background:#fff;color:#333;font-weight:500;margin-top:var(--space-sm)}[data-theme=dark] .google-btn{background:#ffffffe6}.google-btn:hover{background:#f0f0f0;color:#000;transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{margin-top:var(--space-lg);text-align:center;font-size:.9rem;color:var(--text-secondary)}.toggle-auth-btn{color:var(--text-primary);font-weight:var(--font-weight-medium);text-decoration:underline;text-underline-offset:4px}.error-msg{color:#ff6b6b;font-size:.85rem;text-align:center;margin-top:-8px;margin-bottom:8px}.guest-section{margin-top:var(--space-md);animation:fadeIn .5s ease}.guest-btn{width:100%;padding:var(--space-md);background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:var(--space-sm)}.guest-btn:hover{background:#ffffff1a;border-color:var(--accent-color);box-shadow:0 0 15px #4ade801a}[data-theme=light] .guest-btn{background:#00000005;border-color:#0000001a}[data-theme=light] .guest-btn:hover{background:#0000000d;border-color:#667eea}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-modal{display:flex;flex-direction:column;gap:var(--space-md);max-height:85vh;overflow:hidden;padding:0;background:var(--bg-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:var(--radius-lg);width:100%;max-width:400px;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}[data-theme=light] .settings-modal{background:#ffffffd9;border:1px solid rgba(0,0,0,.1);box-shadow:0 20px 40px -12px #0000001a}.settings-header-row{display:flex;align-items:center;justify-content:center;padding:var(--space-md);position:relative;border-bottom:1px solid var(--border-subtle)}.settings-header-row h2{font-size:1.2rem;color:var(--text-primary);margin:0}.settings-header-row .close-btn{position:absolute;right:var(--space-lg);top:50%;transform:translateY(-50%)}.settings-scroll-area{padding:var(--space-md);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md);flex:1;min-height:0}.settings-tabs-nav{display:flex;padding:var(--space-sm) var(--space-md);gap:var(--space-sm);justify-content:center;border-bottom:1px solid var(--border-subtle);background:#0000001a}.settings-tab-btn{padding:8px 20px;background:transparent;border:none;border-radius:var(--radius-full, 20px);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.settings-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.settings-tab-btn.active{color:#fff;background:linear-gradient(135deg,var(--primary, #667eea) 0%,#764ba2 100%);box-shadow:0 4px 12px #764ba24d}.user-profile{display:flex;align-items:center;gap:var(--space-md);background:#ffffff0d;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.avatar{width:48px;height:48px;background:var(--bg-elevation);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.user-info{flex:1;overflow:hidden}.user-name{font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.85rem;color:var(--text-tertiary)}.premium-badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:600;border-radius:12px}.upgrade-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #764ba266}.logout-btn{color:#ff4d4d;padding:var(--space-sm);border-radius:var(--radius-sm);background:#ff4d4d1a;transition:background .2s}.logout-btn:hover{background:#ff4d4d33}.auth-cta .submit-btn.full-width{width:100%;margin-top:var(--space-sm)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.setting-item:last-child{border-bottom:none}.setting-item label{color:var(--text-primary);font-size:.95rem}.setting-select{background:var(--bg-deep);color:var(--text-primary);border:1px solid var(--border-subtle);padding:var(--space-sm);border-radius:var(--radius-sm);outline:none;cursor:pointer}.goal-slider-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:1;margin-left:var(--space-md)}.goal-slider{width:100%;-webkit-appearance:none;appearance:none;height:4px;background:var(--bg-elevation);border-radius:var(--radius-full);outline:none}.goal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 0 10px var(--timer-glow)}.goal-value-badge{font-size:.75rem;font-weight:600;color:var(--primary)}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-elevation);transition:.4s;border-radius:34px;border:1px solid var(--border-subtle)}.toggle-switch label:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-secondary);transition:.4s;border-radius:50%}.toggle-switch input:checked+label{background-color:var(--text-primary);border-color:var(--text-primary)}.toggle-switch input:checked+label:before{transform:translate(20px);background-color:var(--bg-deep)}.settings-footer{text-align:center;border-top:1px solid var(--border-subtle);padding-top:var(--space-md)}.version{font-size:.8rem;color:var(--text-secondary)}.copyright{font-size:.75rem;color:var(--text-tertiary)}.theme-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-top:var(--space-md)}.theme-option{padding:12px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.theme-option:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.theme-option.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;transform:scale(1.05)}[data-theme=light] .theme-option{background:#00000008;border-color:#0000001a}[data-theme=light] .theme-option:hover{background:#0000000d;border-color:#00000026}@media(max-width:768px){.theme-selector{grid-template-columns:repeat(2,1fr)}}.comments-section{padding:var(--space-2xl) var(--space-lg);background-color:var(--bg-primary);border-top:1px solid var(--border-subtle)}.comments-container{display:grid;grid-template-columns:1fr;gap:var(--space-xl);max-width:800px;margin:0 auto}.comments-form-card{background:var(--bg-elevation);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 4px 20px #0003}.comments-form-card h3{margin-top:0;margin-bottom:var(--space-md);font-size:1.25rem;color:var(--text-primary)}.comment-form{display:flex;flex-direction:column;gap:var(--space-md)}.comment-form .form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.comment-form label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.comment-form input,.comment-form textarea{background:var(--bg-deep);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);padding:12px;font-size:1rem;outline:none;transition:border-color .2s;font-family:inherit}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--primary)}.submit-comment-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-comment-btn:hover{transform:translateY(-2px);box-shadow:0 8px 15px #764ba266}.comments-list{display:flex;flex-direction:column;gap:var(--space-md)}.comment-card{background:var(--bg-elevation);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.comment-header{display:flex;align-items:center;gap:var(--space-sm)}.comment-avatar{width:40px;height:40px;background:var(--bg-deep);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.comment-meta{display:flex;flex-direction:column}.comment-author{font-weight:600;color:var(--text-primary)}.comment-date{font-size:.8rem;color:var(--text-tertiary)}.comment-body p{margin:0;line-height:1.6;color:var(--text-secondary)}.comment-footer{display:flex;justify-content:flex-end;margin-top:var(--space-sm)}.like-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.9rem;transition:color .2s}.like-btn:hover{color:var(--primary)}@media(min-width:768px){.comments-container{grid-template-columns:1fr 1fr;align-items:start;max-width:1000px}}:root{--lp-bg: #060b1a;--lp-surface: #0d1530;--lp-surface2: #111c3a;--lp-border: rgba(99, 126, 234, .18);--lp-accent: #667eea;--lp-accent2: #764ba2;--lp-text: #e8ecf5;--lp-muted: #8899bb;--lp-radius: 16px;--lp-max: 1200px}html{scroll-behavior:smooth;scroll-padding-top:84px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.landing-page{font-family:Inter,sans-serif;background:var(--lp-bg);color:var(--lp-text);min-height:100vh;line-height:1.6}.landing-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:#060b1aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--lp-border)}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem;color:var(--lp-text);text-decoration:none}.nav-logo-icon{color:var(--lp-accent)}.nav-links{display:flex;gap:32px}.nav-link{position:relative;color:var(--lp-muted);text-decoration:none;font-size:.95rem;font-weight:500;padding:8px 0;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent2));transform:scaleX(0);transform-origin:right;transition:transform .3s ease;border-radius:2px}.nav-link:hover{color:#fff}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.nav-signin-link{color:var(--lp-accent);text-decoration:none;font-weight:600;font-size:.9rem;padding:8px 20px;border:1px solid var(--lp-accent);border-radius:8px;transition:all .2s}.nav-signin-link:hover{background:var(--lp-accent);color:#fff}.hero-section{display:flex;align-items:flex-start;gap:60px;max-width:var(--lp-max);margin:0 auto;padding:80px 40px 100px}.hero-content{flex:1;min-width:0}.hero-badge{display:inline-block;padding:6px 16px;background:#667eea26;border:1px solid rgba(102,126,234,.4);border-radius:100px;font-size:.8rem;font-weight:600;color:var(--lp-accent);margin-bottom:28px;letter-spacing:.02em}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1;margin:0 0 24px;color:#fff}.hero-title-accent{background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1rem;color:var(--lp-muted);max-width:520px;margin:0 0 36px;line-height:1.7}.hero-stats{display:flex;align-items:center;gap:24px;margin-bottom:40px}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:800;color:var(--lp-accent)}.stat-label{font-size:.78rem;color:var(--lp-muted);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:40px;background:var(--lp-border)}.hero-actions{display:flex;align-items:center;gap:24px}.hero-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent2));color:#fff;border-radius:12px;font-weight:700;font-size:1rem;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px #667eea66}.hero-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #667eea80}.hero-learn-link{color:var(--lp-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.hero-learn-link:hover{color:var(--lp-text)}.auth-card-hero{width:380px;flex-shrink:0;background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:20px;padding:32px;box-shadow:0 24px 60px #0006}.auth-card-header{text-align:center;margin-bottom:24px}.auth-card-header h2{font-size:1.4rem;font-weight:800;color:#fff;margin:0 0 6px}.auth-card-header p{color:var(--lp-muted);font-size:.88rem;margin:0}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:var(--lp-surface2);border:1px solid var(--lp-border);border-radius:10px;color:var(--lp-text);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;font-family:Inter,sans-serif}.google-btn:hover:not(:disabled){background:#ffffff14;border-color:#637eea80}.google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--lp-muted);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--lp-border)}.auth-form{display:flex;flex-direction:column;gap:12px}.form-group{position:relative}.input-wrapper{display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--lp-surface2);border:1px solid var(--lp-border);border-radius:10px;transition:border-color .2s}.input-wrapper:focus-within{border-color:var(--lp-accent);box-shadow:0 0 0 3px #667eea26}.input-icon{color:var(--lp-muted);flex-shrink:0}.input-wrapper input{flex:1;padding:13px 0;background:transparent;border:none;outline:none;color:var(--lp-text);font-size:.95rem;font-family:Inter,sans-serif}.input-wrapper input::placeholder{color:var(--lp-muted)}.auth-error{padding:10px 14px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.85rem}.submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent2));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .2s;font-family:Inter,sans-serif;margin-top:4px}.submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{text-align:center;font-size:.85rem;color:var(--lp-muted);margin:16px 0 0}.toggle-link{background:none;border:none;color:var(--lp-accent);font-weight:600;cursor:pointer;font-size:.85rem;font-family:Inter,sans-serif;padding:0}.toggle-link:hover{text-decoration:underline}.auth-trust{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:.75rem;color:var(--lp-muted)}.auth-trust svg{color:#4ade80;flex-shrink:0}.ad-container{max-width:var(--lp-max);margin:0 auto;padding:24px 40px;min-height:90px}.section-container{max-width:var(--lp-max);margin:0 auto;padding:0 40px}.section-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-block;padding:5px 14px;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:100px;font-size:.75rem;font-weight:700;color:var(--lp-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}.section-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:#fff;margin:0 0 16px;line-height:1.2}.section-title.left-align{text-align:left}.section-subtitle{font-size:1.05rem;color:var(--lp-muted);max-width:600px;margin:0 auto;line-height:1.7}.features-section{padding:100px 0;background:var(--lp-surface)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card{background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:var(--lp-radius);padding:32px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:#667eea66}.feature-icon{color:var(--lp-accent);margin-bottom:18px}.feature-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 10px}.feature-desc{font-size:.92rem;color:var(--lp-muted);margin:0;line-height:1.65}.how-section{padding:100px 0}.steps-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;list-style:none;padding:0;margin:0}.step-item{display:flex;flex-direction:column;gap:16px}.step-number{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.step-title{font-size:1.05rem;font-weight:700;color:#fff;margin:0 0 6px}.step-desc{font-size:.9rem;color:var(--lp-muted);margin:0;line-height:1.6}.science-section{padding:100px 0;background:var(--lp-surface)}.science-inner{display:flex;gap:80px;align-items:flex-start}.science-text{flex:1}.science-text p{color:var(--lp-muted);margin:0 0 16px;font-size:.97rem;line-height:1.75}.science-stats{flex-shrink:0;display:flex;flex-direction:column;gap:32px;width:260px}.science-stat{display:flex;flex-direction:column;gap:8px;padding:24px;background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:var(--lp-radius)}.science-stat-num{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.science-stat-label{font-size:.82rem;color:var(--lp-muted);line-height:1.4}.tips-section{padding:100px 0}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.tip-card{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:var(--lp-radius);padding:28px;transition:transform .2s}.tip-card:hover{transform:translateY(-3px)}.tip-emoji{font-size:2rem;margin-bottom:14px}.tip-title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 10px}.tip-body{font-size:.9rem;color:var(--lp-muted);margin:0;line-height:1.65}.faq-section{padding:100px 0;background:var(--lp-surface)}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:var(--lp-radius);overflow:hidden;transition:border-color .2s}.faq-item.open{border-color:#667eea80}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:transparent;border:none;color:#fff;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;font-family:Inter,sans-serif;transition:color .2s}.faq-question:hover{color:var(--lp-accent)}.faq-question svg{flex-shrink:0;color:var(--lp-accent)}.faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s;margin:0}.faq-item.open .faq-answer{max-height:400px;padding:0 24px 20px}.faq-answer p{color:var(--lp-muted);font-size:.95rem;line-height:1.75;margin:0}.cta-section{padding:100px 0}.cta-inner{text-align:center}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;color:#fff;margin:0 0 16px}.cta-subtitle{font-size:1.05rem;color:var(--lp-muted);margin:0 0 36px}.landing-footer{background:var(--lp-surface);border-top:1px solid var(--lp-border);padding:48px 40px}.footer-inner{max-width:var(--lp-max);margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-brand{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;color:var(--lp-text)}.footer-brand svg{color:var(--lp-accent)}.footer-tagline{color:var(--lp-muted);font-size:.9rem;margin:0}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--lp-muted);text-decoration:none;font-size:.88rem;transition:color .2s}.footer-links a:hover{color:var(--lp-text)}.footer-copy{color:var(--lp-muted);font-size:.8rem;margin:0}@media(max-width:900px){.landing-nav{padding:14px 20px}.nav-links{display:none}.hero-section{flex-direction:column;padding:50px 20px 60px;gap:40px}.science-inner{flex-direction:column}.science-stats{width:100%}.section-container{padding:0 20px}.ad-container{padding:16px 20px}.hero-stats{flex-wrap:wrap}}@media(max-width:480px){.hero-section{padding:30px 16px 60px}.hero-actions{flex-direction:column;align-items:stretch}.hero-cta-btn{justify-content:center}.landing-footer{padding:32px 20px}}.premium-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.premium-modal-content{background:linear-gradient(135deg,#667eea1a,#764ba21a),#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-2xl);max-width:480px;width:90%;position:relative;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}[data-theme=light] .premium-modal-content{background:linear-gradient(135deg,#667eea0d,#764ba20d),#ffffffe6;border-color:#0000001a;box-shadow:0 20px 40px -12px #00000026}.premium-close-btn{position:absolute;top:var(--space-md);right:var(--space-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);padding:var(--space-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s}.premium-close-btn:hover{background:#fff3;color:var(--text-primary)}.premium-header{text-align:center;margin-bottom:var(--space-xl)}.premium-icon{color:gold;filter:drop-shadow(0 0 20px rgba(255,215,0,.5));margin-bottom:var(--space-md)}.premium-header h2{font-size:2rem;font-weight:700;margin:var(--space-sm) 0;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-subtitle{color:var(--text-secondary);font-size:1.1rem}.premium-pricing{text-align:center;margin:var(--space-xl) 0;padding:var(--space-lg);background:#ffffff0d;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1)}.price-tag{display:flex;align-items:baseline;justify-content:center;gap:var(--space-sm)}.price-amount{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.price-period{font-size:1.2rem;color:var(--text-secondary)}.price-then{margin-top:var(--space-xs);color:var(--text-tertiary);font-size:.9rem}.premium-features{margin:var(--space-xl) 0}.premium-features h3{font-size:1.2rem;margin-bottom:var(--space-md);color:var(--text-primary)}.premium-features ul{list-style:none;padding:0;margin:0}.premium-features li{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;color:var(--text-secondary)}.premium-features li svg{color:#667eea;flex-shrink:0}.premium-upgrade-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;font-weight:600;padding:var(--space-md);border-radius:var(--radius-md);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all .2s;box-shadow:0 10px 20px -5px #764ba266;margin-top:var(--space-lg)}.premium-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #764ba280}.payment-methods{text-align:center;margin:var(--space-md) 0}.payment-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.payment-icons{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.payment-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary)}.premium-footer{text-align:center;margin-top:var(--space-md);color:var(--text-tertiary);font-size:.85rem}.break-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.break-content{text-align:center;animation:slideUp .4s ease-out}.break-icon{color:#f59e0b;margin-bottom:var(--space-lg);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.break-title{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.break-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:var(--space-xl)}.break-timer{font-size:4rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xl);font-variant-numeric:tabular-nums}.skip-break-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .2s}.skip-break-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stats-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .2s ease-out}.stats-modal-content{background:var(--bg-surface);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:600px;width:90%;position:relative;animation:slideUp .3s ease-out;box-shadow:0 25px 50px -12px #00000080}.stats-close-btn{position:absolute;top:var(--space-md);right:var(--space-md);background:#ffffff0d;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.stats-close-btn:hover{background:#ffffff1a;transform:rotate(90deg)}.stats-title{font-size:2rem;font-weight:700;margin-bottom:var(--space-xl);text-align:center}.goal-overview{display:flex;align-items:center;gap:var(--space-xl);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-xl);border-radius:var(--radius-2xl);margin-bottom:var(--space-xl);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000001a}.goal-ring-container{position:relative;width:100px;height:100px;flex-shrink:0}.goal-ring-svg{transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff0d;stroke-width:8}.ring-fill{fill:none;stroke:var(--primary);stroke-width:8;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 8px var(--timer-glow))}.goal-info-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.goal-count{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}.goal-label-mini{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.goal-text h3{font-size:1rem;margin:0 0 4px;color:var(--text-primary)}.goal-text p{font-size:.85rem;color:var(--text-secondary);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a}.stat-card:hover{transform:translateY(-4px);background:#ffffff14;border-color:#ffffff4d;box-shadow:0 10px 15px -3px #0003}.stat-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-icon.today{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.week{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.month{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.streak{background:linear-gradient(135deg,#f59e0b,#f97316)}.stat-icon.zen{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.stat-info{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stats-footer{text-align:center;color:var(--text-secondary);font-size:.95rem}[data-theme=light] .stats-modal-content{background:#fff}[data-theme=light] .stat-card{background:#00000008;border-color:#0000001a}[data-theme=light] .stat-card:hover{background:#0000000d;border-color:#00000026}.zen-summary-card{grid-column:span 2;background:linear-gradient(135deg,#4ade8026,#22c55e14)!important;border:1px solid rgba(74,222,128,.3)!important;position:relative;overflow:hidden;display:flex!important;flex-direction:row!important;align-items:center!important;padding:var(--space-xl)!important;gap:var(--space-xl)}.zen-summary-card .stat-info{align-items:flex-start}.zen-mini-track{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#ffffff0d}.zen-mini-fill{height:100%;background:#4ade80;box-shadow:0 0 10px #4ade80;transition:width 1s ease-out}.onboarding-overlay{position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.onboarding-content{max-width:500px;width:90%;text-align:center;animation:slideUp .4s ease-out;position:relative}.onboarding-skip{position:absolute;top:-40px;right:0;display:flex;align-items:center;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:8px 16px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.onboarding-skip:hover{background:#ffffff1a;border-color:#fff3}.onboarding-step{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg)}.onboarding-icon{font-size:5rem;margin-bottom:var(--space-md);animation:bounce 2s infinite}.onboarding-title{font-size:2rem;font-weight:700;margin-bottom:var(--space-md);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.onboarding-tip{background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-md);padding:var(--space-md);display:flex;gap:var(--space-sm);align-items:center;text-align:left;font-size:.9rem;color:var(--text-secondary)}.tip-label{font-weight:600;color:#667eea}.onboarding-progress{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg)}.progress-dot{width:12px;height:12px;border-radius:50%;background:#fff3;transition:all .3s}.progress-dot.active{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.2)}.progress-dot.completed{background:#fff6}.onboarding-next{width:100%;padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-lg);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.onboarding-next:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px #667eea99}[data-theme=light] .onboarding-step{background:#fff}.loading-screen{position:fixed;inset:0;background:#0a0a0b;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{width:200px;text-align:center}.loading-logo-minimal{margin-bottom:24px}.logo-text-minimal{font-size:1.5rem;font-weight:600;letter-spacing:2px;color:#ffffffe6;text-transform:uppercase}.loading-bar-minimal-container{width:100%}.loading-bar-minimal{height:2px;background:#ffffff0d;border-radius:1px;overflow:hidden}.loading-progress-minimal{height:100%;background:#fff;transition:width .3s cubic-bezier(.1,.7,.1,1)}.seasonal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none!important;z-index:-1;overflow:hidden;transition:opacity 1s ease-in-out}.seasonal-backdrop *{pointer-events:none!important}.falling-element{position:absolute;top:-50px;background-size:contain;background-repeat:no-repeat;opacity:.4;animation:fall linear infinite}.spring .falling-element{background:#4caf50;opacity:.3;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:10px!important;height:10px!important}.spring-overlay{position:fixed;inset:0;background:radial-gradient(circle,rgba(76,175,80,.08) 0%,transparent 70%)}.spring .falling-element.alternate{background:pink;border-radius:50% 0 50% 50%}.summer .falling-element{background:radial-gradient(circle,rgba(255,255,150,.15) 0%,transparent 70%);border-radius:50%}.autumn .falling-element{background:#e67e22;opacity:.3;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:12px!important;height:12px!important}.winter .falling-element{background:#fff;border-radius:50%;opacity:.4;filter:blur(1.5px);box-shadow:0 0 10px #ffffff4d}.sun-element{position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,rgba(251,192,45,.05) 50%,transparent 80%);border-radius:50%;filter:blur(40px);animation:sunGlow 8s ease-in-out infinite alternate}@keyframes sunGlow{0%{transform:scale(1);opacity:.6}to{transform:scale(1.2);opacity:.9}}.mountains-container,.hills-container{position:absolute;bottom:0;width:100%;height:45vh;display:flex;align-items:flex-end;opacity:.25;pointer-events:none;filter:blur(1px)}.mountain,.hill{position:absolute;bottom:-10px;clip-path:polygon(50% 0%,0% 100%,100% 100%);filter:blur(2px);transition:all 1s ease}.mountain{background:linear-gradient(to top,#eceff1,#fff);opacity:.9;filter:drop-shadow(0 0 20px rgba(255,255,255,.2))}.hill{background:linear-gradient(to top,#5d4037,#d35400);opacity:.8}.mountain-1,.hill-1{width:600px;height:350px;left:-100px}.mountain-2,.hill-2{width:800px;height:450px;right:-150px;opacity:.8}.huge-leaf-container{position:absolute;bottom:-100px;right:-50px;width:500px;height:600px;opacity:.15;z-index:-1;pointer-events:none;transform:rotate(15deg);filter:blur(2px)}.huge-leaf{width:100%;height:100%;background:#4caf50;clip-path:polygon(50% 0%,100% 40%,80% 100%,50% 90%,20% 100%,0% 40%);animation:leafSway 12s ease-in-out infinite alternate;transform-origin:bottom center}.huge-autumn-tree{position:absolute;bottom:-50px;left:-100px;width:450px;height:700px;opacity:.25;z-index:-1;filter:blur(1px)}.tree-trunk{position:absolute;bottom:0;left:45%;width:10%;height:60%;background:linear-gradient(to top,#3e2723,#5d4037)}.tree-foliage{position:absolute;top:0;left:0;width:100%;height:80%;background:radial-gradient(circle at 50% 50%,#d35400,#e67e22,transparent 70%);clip-path:circle(50% at 50% 50%);animation:foliageSway 15s ease-in-out infinite alternate}.icy-river{position:absolute;bottom:0;left:0;width:100%;height:15vh;background:linear-gradient(to bottom,transparent,rgba(129,212,250,.2));clip-path:polygon(0 100%,10% 20%,30% 60%,50% 10%,70% 50%,90% 10%,100% 80%,100% 100%);opacity:.6;overflow:hidden}.river-current{width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 20%,transparent 40%,rgba(255,255,255,.1) 60%,transparent 80%,rgba(255,255,255,.2) 100%);animation:riverFlow 10s linear infinite}@keyframes leafSway{0%{transform:rotate(10deg)}to{transform:rotate(20deg)}}@keyframes foliageSway{0%{transform:scale(1) translateY(0)}to{transform:scale(1.05) translateY(-10px)}}@keyframes riverFlow{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(110vh) rotate(360deg);opacity:0}}.trees{position:absolute;bottom:-20px;width:100%;display:flex;justify-content:space-around;opacity:.2}.tree{width:200px;height:400px;background:linear-gradient(to top,#3e2723,transparent);clip-path:polygon(50% 0%,0% 100%,100% 100%);animation:sway 10s ease-in-out infinite alternate;transform-origin:bottom center;transition:background 1s ease}.tree-shadow{position:absolute;bottom:-30px;filter:blur(25px);opacity:.15;z-index:-2;transform:skew(-30deg) scaleY(.5);background:#0006;transition:all 1s ease}.spring .tree-shadow{background:#1b5e20;opacity:.3;display:block}.autumn .tree-shadow{background:#3e2723;opacity:.2}.winter .tree{background:linear-gradient(to top,#eceff1,transparent);opacity:.8}.winter .tree-shadow{display:none}@keyframes sway{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.seasonal-toggles{display:flex;gap:8px;margin-right:16px;background:#ffffff0d;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.theme-divider{width:1px;height:20px;background:#fff3;margin:0 4px;align-self:center}.seasonal-backdrop.light{background:linear-gradient(180deg,#fff,#f0f4f8)}.seasonal-backdrop.dark{background:radial-gradient(circle at 70% 20%,#1a1f3c,#0a0e27)}.seasonal-backdrop.spring{background:linear-gradient(135deg,#2d5a27,#1b331a)}.seasonal-backdrop.summer{background:radial-gradient(circle at 50% -20%,#f1c40f,#e67e22)}.seasonal-backdrop.autumn{background:linear-gradient(135deg,#4e342e,#2d1b18)}.seasonal-backdrop.winter{background:radial-gradient(circle at 50% 120%,#1e88e5,#0d47a1)}.season-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:6px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.season-btn:hover{background:#ffffff1a;color:var(--text-primary)}.season-btn.active{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 0 15px var(--timer-glow)}.autumn-icon{color:#e67e22}.active .autumn-icon{color:#fff}.volume-presets{margin-bottom:var(--space-lg);animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.presets-title{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:var(--space-md);font-weight:600}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-sm)}.preset-card{display:flex;align-items:center;gap:var(--space-sm);padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.preset-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease}.preset-card:hover:before{opacity:1}.preset-card:hover{transform:translateY(-4px) scale(1.02);background:#ffffff0d;border-color:#667eea66;box-shadow:0 8px 24px -8px #667eea66}.preset-card:active{transform:translateY(-2px) scale(1.01)}.preset-icon{color:var(--primary);flex-shrink:0;z-index:1;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.preset-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;z-index:1}.preset-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.preset-desc{font-size:.75rem;color:var(--text-secondary)}[data-theme=light] .preset-card{background:#00000005;border-color:#0000001a}[data-theme=light] .preset-card:hover{background:#0000000a;border-color:#667eea66}@media(max-width:768px){.presets-grid{grid-template-columns:repeat(2,1fr)}}.mood-modal-overlay{position:fixed;bottom:40px;right:40px;z-index:2000;pointer-events:none;opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);transform:translateY(20px)}.mood-modal-overlay.active{opacity:1;transform:translateY(0);pointer-events:auto}.mood-modal-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--card-border);border-radius:var(--radius-2xl);padding:var(--space-xl);width:320px;box-shadow:var(--card-shadow),0 20px 50px #0000004d;text-align:center}.mood-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.mood-subtitle{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-xl)}.mood-options{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-xl)}.mood-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-md);width:80px;transition:all .3s ease}.mood-btn:hover{background:#ffffff26;transform:translateY(-5px);border-color:var(--mood-color);box-shadow:0 0 15px var(--mood-color)}.mood-emoji{font-size:1.8rem}.mood-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.mood-btn:hover .mood-label{color:var(--text-primary)}.mood-skip-btn{font-size:.85rem;color:var(--text-secondary);opacity:.6;transition:opacity .2s;background:none;border:none;cursor:pointer}.mood-skip-btn:hover{opacity:1;text-decoration:underline}[data-theme=light] .mood-btn{background:#00000008;border-color:#0000000d}@media(max-width:480px){.mood-modal-overlay{bottom:20px;right:20px;left:20px}.mood-modal-content{width:100%}}.break-decision-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2500;animation:fadeIn .4s ease-out}.break-decision-content{background:var(--glass-bg);border:var(--card-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);width:400px;max-width:90%;text-align:center;box-shadow:var(--card-shadow),0 30px 60px #00000080;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.break-decision-icon-wrapper{width:80px;height:80px;background:rgba(var(--primary-rgb, 96, 165, 250),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-xl);border:1px solid rgba(255,255,255,.1)}.glow-icon{color:var(--primary);filter:drop-shadow(0 0 10px var(--primary))}.break-decision-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-xs)}.break-decision-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-2xl)}.break-decision-actions{display:flex;flex-direction:column;gap:var(--space-md)}.break-choice-btn{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;transition:all .3s ease;text-align:left}.break-choice-btn.primary:hover{background:rgba(var(--primary-rgb, 96, 165, 250),.1);border-color:var(--primary);transform:translate(8px)}.break-choice-btn.secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translate(8px)}.btn-icon{width:40px;height:40px;background:#ffffff0d;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.break-choice-btn.primary .btn-icon{color:var(--primary);background:rgba(var(--primary-rgb, 96, 165, 250),.1)}.btn-title{display:block;font-weight:700;color:var(--text-primary);font-size:1rem}.btn-sub{font-size:.8rem;color:var(--text-secondary)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.celebration-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#60a5fa33,#000000e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .8s ease;pointer-events:none}.celebration-overlay.active{opacity:1;pointer-events:auto}.celebration-content{text-align:center;transform:translateY(40px) scale(.9);transition:all 1s cubic-bezier(.34,1.56,.64,1)}.celebration-overlay.active .celebration-content{transform:translateY(0) scale(1)}.trophy-wrapper{position:relative;width:120px;height:120px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.trophy-icon{color:#fcd34d;filter:drop-shadow(0 0 20px #fcd34d);animation:trophyBounce 2s ease-in-out infinite}.star-icon{position:absolute;color:#fbbf24;opacity:.8}.star-icon.s1{top:0;right:0;animation:starTwinkle 1.5s infinite}.star-icon.s2{bottom:10%;left:-20px;animation:starTwinkle 2s infinite .5s}.star-icon.s3{top:20%;left:0;animation:starTwinkle 1.8s infinite 1s}.celebration-title{font-size:3rem;font-weight:900;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;letter-spacing:-1px}.celebration-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:400px;margin-bottom:3rem;line-height:1.6}.celebration-close{background:#fcd34d;color:#000;font-weight:800;padding:1rem 3rem;border-radius:var(--radius-full);border:none;cursor:pointer;box-shadow:0 10px 30px #fcd34d66;transition:all .3s}.celebration-close:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 40px #fcd34d99}@keyframes trophyBounce{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.1) translateY(-10px)}}@keyframes starTwinkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2) rotate(15deg)}}.confetti{position:absolute;width:10px;height:10px;background:#fcd34d;opacity:.8;top:-20px;animation:confettiFall 4s linear infinite}@keyframes confettiFall{to{transform:translateY(100vh) rotate(360deg)}}@media(max-width:480px){.celebration-title{font-size:2rem}}.zen-garden-container{background:#0a1e1466;border:1px solid rgba(255,255,255,.05);border-radius:2rem;padding:var(--space-lg);width:125px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a;animation:idleFloat 6s ease-in-out infinite;animation-delay:1s}.zen-atmosphere{position:absolute;top:10px;left:0;right:0;padding:0 15px;display:flex;justify-content:space-between;opacity:.4}.zen-sun{color:#fbbf24;animation:rotate 20s linear infinite}.zen-breeze{color:#94a3b8;animation:drift 4s ease-in-out infinite}.zen-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding-top:10px}.zen-stage-icon{transition:all .8s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 15px rgba(255,255,255,.2))}.zen-idle-pulse{animation:zenPulse 4s ease-in-out infinite}@keyframes zenPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(255,255,255,.2))}50%{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(74,222,128,.4))}}.zen-icon.sprout{color:#4ade80}.zen-icon.sapling{color:#22c55e}.zen-icon.small-tree{color:#16a34a}.zen-icon.mature-tree{color:#15803d}.zen-icon.ancient-tree{color:#166534;filter:drop-shadow(0 0 20px rgba(74,222,128,.4))}.stage-shadow{position:absolute;bottom:25%;width:60px;height:8px;background:#0003;border-radius:50%;filter:blur(4px)}.zen-stage-info{margin-top:15px;text-align:center}.zen-label{display:block;font-size:.9rem;font-weight:700;color:var(--text-primary)}.zen-level{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.zen-progress-bar{width:100%;height:4px;background:#ffffff0d;border-radius:2px;margin-top:15px;overflow:hidden}.zen-progress-fill{height:100%;background:var(--primary);box-shadow:0 0 10px var(--primary);transition:width 1s ease-out}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drift{0%{transform:translate(0);opacity:.3}50%{transform:translate(15px,-5px);opacity:.6}to{transform:translate(0);opacity:.3}}.zen-garden-container:hover{transform:translateY(-5px);border-color:#fff3}.zen-garden-container:hover .zen-stage-icon{transform:scale(1.1)}body{background:var(--bg-deep);background-attachment:fixed;transition:background 1s ease-in-out;margin:0;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;padding:var(--space-md);margin:0;position:relative;z-index:10;background:transparent!important}.header-actions{display:flex;gap:var(--space-xl);align-items:center;margin-left:var(--space-lg)}.user-profile-btn{padding:4px;overflow:hidden;border:1px solid var(--glass-border);background:var(--glass-bg);position:relative}.user-profile-btn.logged-in{border-color:var(--accent-color);box-shadow:0 0 10px #4ade8033}.user-profile-btn.logged-in:after{content:"";position:absolute;top:2px;right:2px;width:8px;height:8px;background:var(--accent-color);border-radius:50%;border:1px solid var(--bg-deep)}.user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.settings-btn{margin-left:var(--space-md)}.action-btn{transition:transform .2s ease}.action-btn:hover{transform:scale(1.1)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;margin-bottom:var(--space-xl)}.header-controls{display:flex;gap:var(--space-md)}.logo-link{text-decoration:none;display:inline-block;transition:transform var(--transition-fast) ease}.logo-link:hover{transform:translateY(-1px)}.logo{font-weight:var(--font-weight-bold);font-size:1.8rem;letter-spacing:-1px;color:var(--text-primary);text-shadow:0 2px 10px rgba(0,0,0,.2)}.settings-btn,.theme-btn{color:var(--text-secondary);transition:all var(--transition-fast);padding:var(--space-sm);border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--card-shadow)}.settings-btn:hover,.theme-btn:hover{color:var(--text-primary);background:var(--bg-secondary);transform:translateY(-2px);box-shadow:0 10px 25px -5px #0003}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl);overflow-y:auto;padding-bottom:var(--space-2xl)}.section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:var(--space-lg);text-align:center;opacity:.8}.sound-grid{display:flex;gap:var(--space-lg);flex-wrap:wrap;justify-content:center}.master-controls{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#0a1e14cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.8rem 1.5rem;border-radius:100px;display:flex;align-items:center;gap:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0006;z-index:1000;transition:all .3s ease}.master-controls:hover{transform:translate(-50%) translateY(-2px);border-color:#4ade804d}.master-volume-container{display:flex;align-items:center;gap:1rem}.master-slider{width:120px;height:4px;background:#ffffff1a;border-radius:2px;-webkit-appearance:none;appearance:none;cursor:pointer}.master-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 10px #ffffff80}.focus-status{font-size:.8rem;color:#fff9;font-weight:500;letter-spacing:.5px;white-space:nowrap}.app-container:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(74,222,128,.05) 0%,transparent 20%),radial-gradient(circle at 80% 70%,rgba(74,222,128,.05) 0%,transparent 20%);pointer-events:none;z-index:-1;animation:backgroundDrift 20s linear infinite}@keyframes backgroundDrift{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0)}}@media(max-width:768px){.sound-grid{gap:var(--space-md)}.master-controls{width:90%;justify-content:space-around;padding:.8rem 1rem}}@media(max-width:480px){.app-container{padding:var(--space-sm)}.app-header{padding:var(--space-sm) 0;margin-bottom:var(--space-lg)}.logo{font-size:1.4rem}.header-actions{gap:var(--space-sm);margin-left:0}.settings-btn{margin-left:var(--space-sm)}.sound-grid{gap:var(--space-sm)}.master-slider{width:80px}}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);color:var(--text-primary);font-size:1.2rem;letter-spacing:2px}.onboarding-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.side-stats{position:fixed;right:30px;bottom:30px;z-index:1000;display:flex;flex-direction:column;gap:20px;align-items:center;animation:slideUp .8s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1024px){.side-stats{position:relative;right:0;bottom:0;margin:20px auto;order:10}}.legal-page{font-family:Inter,sans-serif;background:#060b1a;color:#e8ecf5;min-height:100vh;line-height:1.6}.legal-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:#060b1af2;border-bottom:1px solid rgba(99,126,234,.18);position:sticky;top:0;z-index:10}.legal-back{display:flex;align-items:center;gap:8px;color:#89b;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.legal-back:hover{color:#667eea}.legal-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.1rem;color:#e8ecf5}.legal-brand svg{color:#667eea}.legal-content{max-width:780px;margin:0 auto;padding:60px 40px 80px}.legal-header{margin-bottom:48px;border-bottom:1px solid rgba(99,126,234,.18);padding-bottom:32px}.legal-header h1{font-size:2.5rem;font-weight:900;color:#fff;margin:0 0 12px}.legal-date{color:#89b;font-size:.9rem;margin:0}.legal-content section{margin-bottom:40px}.legal-content h2{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 14px;padding-top:8px}.legal-content h3{font-size:1.05rem;font-weight:600;color:#c5cfe8;margin:20px 0 8px}.legal-content p{color:#89b;font-size:.97rem;margin:0 0 14px;line-height:1.8}.legal-content ul{color:#89b;font-size:.97rem;padding-left:24px;margin:0 0 14px}.legal-content ul li{margin-bottom:8px;line-height:1.7}.legal-content a{color:#667eea;text-decoration:underline;text-underline-offset:3px}.legal-content a:hover{color:#899cf5}.legal-footer{background:#0d1530;border-top:1px solid rgba(99,126,234,.18);padding:32px 40px;text-align:center}.legal-footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:12px}.legal-footer-links a{color:#89b;text-decoration:none;font-size:.88rem;transition:color .2s}.legal-footer-links a:hover{color:#e8ecf5}.legal-footer p{color:#89b;font-size:.8rem;margin:0}@media(max-width:600px){.legal-nav{padding:14px 20px}.legal-content{padding:40px 20px 60px}.legal-footer{padding:24px 20px}}.about-hero-header{text-align:center}.about-logo{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-bottom:20px}.about-logo svg{color:#fff}.about-intro{font-size:1.15rem!important;color:#c5cfe8!important;max-width:560px;margin:0 auto!important;line-height:1.7!important}.about-content .about-mission p{font-size:1.02rem;color:#9aabcc!important}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.value-card{background:#0d1530;border:1px solid rgba(99,126,234,.18);border-radius:14px;padding:24px;transition:transform .2s,border-color .2s}.value-card:hover{transform:translateY(-3px);border-color:#667eea66}.value-icon{color:#667eea;margin-bottom:14px}.value-card h3{font-size:1rem!important;font-weight:700!important;color:#fff!important;margin:0 0 8px!important;padding:0!important}.value-card p{font-size:.88rem!important;color:#89b!important;margin:0!important;line-height:1.6!important}.science-deep-dive,.productivity-guides,.implementation-details,.contact-section{margin-top:60px}.science-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px}.science-block{background:#667eea0d;border:1px solid rgba(102,126,234,.1);padding:30px;border-radius:16px}.science-icon{color:#667eea;margin-bottom:20px}.science-block h3{margin-bottom:15px!important;font-size:1.1rem!important}.guide-item{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.05)}.guide-item:last-child{border-bottom:none}.guide-item h3{color:#667eea!important;margin-bottom:10px!important;font-size:1.1rem!important}.contact-links-grid{display:flex;align-items:flex-start;gap:40px;margin-top:25px;flex-wrap:wrap}.about-contact-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .2s}.about-contact-btn:hover{transform:translateY(-2px)}.about-contact-list{list-style:none;padding:0;margin:0}.about-contact-list li{margin-bottom:8px;font-size:.95rem}@media(max-width:768px){.science-grid{grid-template-columns:1fr}.contact-links-grid{flex-direction:column;gap:20px}}.contact-page{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}.contact-container{max-width:800px;margin:0 auto;padding:100px 20px 60px}.contact-header{text-align:center;margin-bottom:50px}.contact-header h1{font-size:2.5rem;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-header p{color:var(--text-secondary);font-size:1.1rem}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.contact-info{display:flex;flex-direction:column;gap:30px}.info-item{display:flex;gap:15px}.info-icon{color:#667eea;flex-shrink:0}.info-text h3{font-size:1.1rem;margin-bottom:5px}.info-text p{color:var(--text-secondary);font-size:.95rem}.contact-form-container{background:var(--bg-secondary);padding:30px;border-radius:16px;box-shadow:0 10px 30px #0000001a;border:1px solid var(--border-color)}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{padding:12px 16px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;display:flex;align-items:center;justify-content:center;gap:10px}.submit-btn:hover{transform:translateY(-2px);opacity:.9}.submit-btn:active{transform:translateY(0)}.success-message{text-align:center;padding:40px 20px}.success-icon{color:#48bb78;margin-bottom:20px}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}.contact-container{padding-top:80px}}.tutorials-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.tutorials-header{text-align:center;margin-bottom:4rem}.hub-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-gradient);padding:.4rem 1rem;border-radius:100px;font-size:.8rem;font-weight:600;margin-bottom:1.5rem;color:#fff;box-shadow:0 4px 15px #4ade804d}.tutorials-header h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tutorials-header p{color:var(--text-secondary);font-size:1.2rem;max-width:600px;margin:0 auto}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.tutorial-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.tutorial-card:hover{transform:translateY(-10px);background:#ffffff0d;border-color:#4ade804d;box-shadow:0 20px 40px #0000004d}.tutorial-category{position:absolute;top:1.5rem;right:1.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent-color);font-weight:700}.tutorial-icon-wrapper{width:64px;height:64px;background:#4ade801a;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;color:var(--accent-color)}.tutorial-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.tutorial-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;font-size:.95rem}.tutorial-steps h4{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin-bottom:1rem;opacity:.8}.tutorial-steps ul{list-style:none;padding:0;margin:0}.tutorial-steps li{display:flex;gap:.8rem;margin-bottom:.8rem;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.step-check{color:var(--accent-color);flex-shrink:0;margin-top:2px}@media(max-width:768px){.tutorials-header h1{font-size:2.2rem}.tutorials-grid{grid-template-columns:1fr}.tutorial-card{padding:1.5rem}}.community-main{display:grid;grid-template-columns:260px 1fr;height:calc(100vh - 80px);max-width:1400px;margin:0 auto;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px 24px 0 0;overflow:hidden}.community-sidebar{background:#0003;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:2rem 1.5rem}.sidebar-group h3{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.channel-list{display:flex;flex-direction:column;gap:.5rem}.channel-item{background:transparent;border:none;text-align:left;padding:.8rem 1rem;border-radius:12px;color:var(--text-secondary);font-size:.95rem;transition:all .2s ease;cursor:pointer}.channel-item:hover,.channel-item.active{background:#ffffff0d;color:var(--text-primary)}.channel-item.active{background:#4ade801a;color:var(--accent-color);font-weight:500}.user-status-card{margin-top:auto;background:#ffffff08;padding:1rem;border-radius:16px;display:flex;align-items:center;gap:.8rem;border:1px solid var(--glass-border)}.user-avatar-small{width:36px;height:36px;background:var(--accent-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.user-avatar-small img{width:100%;height:100%;border-radius:10px;object-fit:cover}.user-info-small{display:flex;flex-direction:column}.user-name-small{font-size:.9rem;font-weight:600;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-badge-small{font-size:.7rem;color:var(--text-secondary)}.chat-interface{display:flex;flex-direction:column;background:#ffffff03}.chat-header{padding:1.5rem 2rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.channel-info h2{font-size:1.2rem;margin-bottom:.2rem}.channel-info p{font-size:.85rem;color:var(--text-secondary)}.chat-actions{display:flex;gap:1.5rem;color:var(--text-secondary)}.messages-container{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:1rem;opacity:.5}.message-item{display:flex;gap:1.2rem;max-width:80%}.own-message{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:40px;height:40px;background:#ffffff0d;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.message-avatar img{width:100%;height:100%;border-radius:12px;object-fit:cover}.message-content{background:#ffffff08;padding:.8rem 1.2rem;border-radius:0 16px 16px;border:1px solid var(--glass-border)}.own-message .message-content{background:#4ade801a;border-color:#4ade8033;border-radius:16px 0 16px 16px}.message-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.4rem}.message-author{font-size:.85rem;font-weight:700;color:var(--accent-color)}.guest-tag{font-size:.65rem;background:#ffffff1a;padding:1px 6px;border-radius:4px;color:var(--text-secondary)}.message-time{font-size:.75rem;color:var(--text-secondary);opacity:.6}.message-text{font-size:.95rem;line-height:1.5;color:var(--text-primary);word-break:break-word}.chat-input-area{padding:1.5rem 2rem;background:#0003;border-top:1px solid var(--glass-border);display:flex;gap:1rem;align-items:center}.chat-input-area input{flex:1;background:#ffffff0d;border:1px solid var(--glass-border);padding:.8rem 1.2rem;border-radius:12px;color:var(--text-primary);outline:none;transition:all .2s ease}.chat-input-area input:focus{background:#ffffff14;border-color:var(--accent-color)}.chat-extra-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.chat-extra-btn:hover{color:var(--accent-color)}.send-btn{background:var(--accent-gradient);border:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 15px #4ade8066}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.community-sidebar{display:none}.community-main{grid-template-columns:1fr}}@media(max-width:480px){.chat-header,.messages-container,.chat-input-area{padding:1rem}.message-item{max-width:90%}}