.desktop-header{display:none;position:fixed;top:0;left:0;right:0;height:64px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 var(--space-xl);align-items:center;justify-content:space-between;z-index:800;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(min-width:769px){.desktop-header{display:flex}}.header-brand{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.brand-icon{color:var(--blue-500)}.brand-name{font-size:var(--font-size-xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;gap:var(--space-xs)}.nav-link{display:flex;align-items:center;gap:6px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--blue-600);background:var(--blue-50)}[data-theme=dark] .nav-link.active{color:var(--blue-300);background:#b76e7926}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.header-greeting{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:500}.theme-toggle{background:var(--bg-tertiary);border:none;padding:var(--space-sm);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;transition:all var(--transition-fast)}.theme-toggle:hover{color:var(--blue-500);background:var(--blue-50)}.mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-xs) 0 env(safe-area-inset-bottom,var(--space-xs));z-index:800}@media(min-width:769px){.mobile-tabs{display:none}}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) 0;background:none;border:none;color:var(--text-tertiary);font-size:10px;font-weight:600;cursor:pointer;transition:color var(--transition-fast)}.mobile-tab.active{color:var(--blue-500)}.mobile-tab span{display:block}.home{max-width:800px;margin:0 auto;padding:var(--space-xl);animation:fadeIn .4s ease-out}.home-hero{background:var(--gradient-hero);border-radius:var(--radius-2xl);padding:var(--space-xl) var(--space-2xl);color:#fff;margin-bottom:var(--space-lg);position:relative;overflow:hidden;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow-md)}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;z-index:1}.home-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 40%,transparent 100%);z-index:2}.home-hero-content{position:relative;z-index:3}.hero-greeting h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-xs)}.hero-greeting p{opacity:.8;font-size:var(--font-size-base)}.wave{display:inline-block;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(10deg)}}.hero-stats-card{display:flex;justify-content:center;padding:var(--space-lg)}.hero-stats{display:flex;align-items:center;justify-content:space-around;width:100%;max-width:400px}.hero-stat{text-align:center}.stat-value{display:block;font-size:var(--font-size-2xl);font-weight:800;color:var(--text-primary)}.stat-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.hero-stat-divider{width:1px;height:36px;background:var(--border-color)}.home-intro-text{background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-xl);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.7;border:1px solid var(--blue-100)}[data-theme=dark] .home-intro-text{border-color:#b76e7933}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}.action-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:none;cursor:pointer;text-align:left;transition:all var(--transition-base)}.action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.action-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.action-label{font-weight:700;font-size:var(--font-size-base);margin-bottom:2px;color:var(--text-primary)}.action-desc{font-size:var(--font-size-xs);color:var(--text-tertiary)}.ai-cta{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-md);cursor:pointer;transition:all var(--transition-base);border:2px solid var(--sky-100);color:var(--sky-600)}.ai-cta:hover{border-color:var(--sky-400);box-shadow:var(--shadow-lg)}.ai-cta strong{display:block;font-size:var(--font-size-base);color:var(--text-primary)}.ai-cta p{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:2px 0 0}[data-theme=dark] .ai-cta{border-color:#7b4fa04d;color:var(--sky-300)}@media(max-width:480px){.home{padding:var(--space-md)}.actions-grid{grid-template-columns:1fr}}.ai-coach{display:flex;flex-direction:column;height:100%}.ai-coach.page-mode{max-width:700px;margin:0 auto;padding:var(--space-xl);min-height:70vh}.ai-coach-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color)}.ai-coach-title{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:var(--font-size-lg);color:var(--sky-600)}[data-theme=dark] .ai-coach-title{color:var(--sky-300)}.ai-header-btn{background:var(--bg-tertiary);border:none;padding:6px 10px;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:600;transition:all var(--transition-fast)}.ai-header-btn:hover{background:var(--blue-50);color:var(--blue-600)}.ai-setup{padding:var(--space-2xl);text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.ai-setup h3{margin-bottom:var(--space-sm)}.ai-setup p{color:var(--text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.ai-saved{padding:var(--space-lg);flex:1;overflow-y:auto}.saved-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);border-left:3px solid var(--sky-500)}.saved-q{font-weight:700;font-size:var(--font-size-sm);color:var(--blue-600);margin-bottom:var(--space-xs)}[data-theme=dark] .saved-q{color:var(--blue-300)}.saved-a{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;max-height:150px;overflow-y:auto}.ai-messages{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.ai-welcome{text-align:center;padding:var(--space-xl) 0;color:var(--text-tertiary)}.ai-welcome h3{color:var(--text-primary);margin:var(--space-md) 0 var(--space-sm)}.ai-welcome p{margin-bottom:var(--space-lg);font-size:var(--font-size-sm)}.quick-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center}.quick-chip{padding:6px 14px;border-radius:var(--radius-full);font-size:11px;font-weight:600;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.quick-chip:hover{border-color:var(--blue-400);color:var(--blue-600);transform:translateY(-1px)}.chat-msg{max-width:88%;animation:fadeIn .3s ease-out}.chat-msg.user{align-self:flex-end}.chat-msg.ai,.chat-msg.error{align-self:flex-start}.msg-label{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.save-btn{margin-left:auto;display:flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-full);font-size:9px;font-weight:700;background:var(--sky-100);color:var(--sky-700);border:none;cursor:pointer}.save-btn:hover{background:var(--sky-200)}[data-theme=dark] .save-btn{background:#7b4fa033;color:var(--sky-300)}.msg-body{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.65;white-space:pre-wrap}.chat-msg.user .msg-body{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.chat-msg.ai .msg-body{background:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm)}.chat-msg.error .msg-body{background:#d455551a;color:var(--error)}.typing{display:flex;gap:6px;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-lg);width:fit-content}.typing span{width:8px;height:8px;border-radius:50%;background:var(--blue-400);animation:typingBounce 1.4s ease-in-out infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.ai-input-bar{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.ai-input{flex:1;padding:var(--space-md) var(--space-lg);border:2px solid var(--border-color);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-tertiary);transition:border var(--transition-fast)}.ai-input:focus{outline:none;border-color:var(--blue-400);background:var(--bg-secondary)}.ai-send{width:48px;height:48px;border-radius:50%;background:var(--gradient-hero);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.ai-send:hover:not(:disabled){transform:scale(1.05)}.ai-send:disabled{opacity:.4;cursor:not-allowed}.diary{max-width:900px;margin:0 auto;padding:var(--space-xl);animation:fadeIn .4s ease-out}.diary h2{margin-bottom:var(--space-sm)}.zone-bar{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-xl)}.zone-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.zone-btn:hover{border-color:var(--blue-400)}.zone-btn.active{border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-700)}[data-theme=dark] .zone-btn.active{background:#b76e7926;color:var(--blue-300)}.cam-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl)}.cam-prompt{text-align:center;padding:var(--space-lg) 0}.cam-big{width:90px;height:90px;border-radius:50%;background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);box-shadow:0 4px 20px #b76e794d;position:relative;transition:all var(--transition-base)}.cam-big:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:3px solid var(--blue-200);border-radius:50%;animation:growPulse 2.5s ease-in-out infinite}[data-theme=dark] .cam-big:after{border-color:#b76e794d}.cam-big:hover{transform:scale(1.08)}.cam-prompt h3{margin-bottom:var(--space-xs)}.cam-tips{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-md)}.cam-error{margin-top:var(--space-lg);padding:var(--space-md);background:#d455551a;color:var(--error);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.cam-live{text-align:center}.vf-wrap{position:relative;max-width:500px;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;background:#000}.vf-video{width:100%;display:block}.vf-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vfc{position:absolute;width:40px;height:40px;border-color:#b76e79cc;border-style:solid;border-width:0}.vfc.tl{top:16px;left:16px;border-top-width:3px;border-left-width:3px;border-radius:4px 0 0}.vfc.tr{top:16px;right:16px;border-top-width:3px;border-right-width:3px;border-radius:0 4px 0 0}.vfc.bl{bottom:16px;left:16px;border-bottom-width:3px;border-left-width:3px;border-radius:0 0 0 4px}.vfc.br{bottom:16px;right:16px;border-bottom-width:3px;border-right-width:3px;border-radius:0 0 4px}.vf-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);margin-top:var(--space-lg)}.vfb{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);transition:all var(--transition-fast)}.vfb:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.vfb.capture{width:72px;height:72px;background:var(--gradient-primary);color:#fff;border:4px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #b76e7966}.cam-preview{max-width:400px;margin:0 auto}.cam-preview img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.cam-stamp{display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-full)}.cam-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg)}.tl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.tl-list{position:relative}.tl-list:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:3px;background:var(--border-color);border-radius:2px}.tl-day{position:relative;padding-left:36px;margin-bottom:var(--space-xl)}.tl-date{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);position:relative;flex-wrap:wrap}.tl-dot{position:absolute;left:-32px;width:16px;height:16px;border-radius:50%;background:var(--gradient-primary);border:3px solid var(--bg-primary);z-index:1}.tl-date-text{font-weight:700;font-size:var(--font-size-sm)}.tl-ago{font-size:var(--font-size-xs);color:var(--text-tertiary);padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-full)}.tl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.tl-card{background:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.tl-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tl-card.sel{cursor:pointer}.tl-card.picked{outline:3px solid var(--blue-500)}.tl-img{position:relative;aspect-ratio:1}.tl-img img{width:100%;height:100%;object-fit:cover}.tl-del{position:absolute;top:6px;right:6px;background:#0000008c;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:50%;opacity:0;transition:opacity var(--transition-fast);display:flex;align-items:center;justify-content:center}.tl-card:hover .tl-del{opacity:1}.tl-meta{padding:var(--space-sm) var(--space-md)}.tl-zone{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;background:var(--blue-50);color:var(--blue-700);text-transform:uppercase;margin-bottom:2px}[data-theme=dark] .tl-zone{background:#b76e7926;color:var(--blue-300)}.tl-time{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--text-tertiary)}.tl-note{display:block;font-size:10px;color:var(--text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);margin-top:var(--space-xl)}.cmp-section h3{margin-bottom:var(--space-lg);display:flex;align-items:center;gap:6px}.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.cmp-panel{text-align:center}.cmp-panel img{width:100%;border-radius:var(--radius-lg);aspect-ratio:1;object-fit:cover;object-position:center 25%;box-shadow:var(--shadow-sm)}.cmp-info{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.cmp-info strong{display:block;color:var(--text-primary)}.cmp-placeholder{aspect-ratio:1;background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-tertiary);font-size:var(--font-size-sm)}.cmp-diff{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-md);background:var(--blue-50);color:var(--blue-700);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-sm)}[data-theme=dark] .cmp-diff{background:#b76e791a;color:var(--blue-300)}@media(max-width:768px){.diary{padding:var(--space-md)}.tl-grid{grid-template-columns:1fr 1fr}.cmp-grid{grid-template-columns:1fr}}@media(max-width:480px){.tl-grid{grid-template-columns:1fr}}.nutrition{max-width:800px;margin:0 auto;padding:var(--space-xl);animation:fadeIn .4s ease-out}.nutrition h2{margin-bottom:var(--space-sm)}.nutrient-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.nutrient-row:hover{background:var(--bg-tertiary);border-radius:var(--radius-md);padding-left:var(--space-sm);margin-left:calc(-1 * var(--space-sm))}.nutrient-row:last-of-type{border-bottom:none}.nutrient-check{color:var(--gray-300);flex-shrink:0;transition:color var(--transition-fast)}.nutrient-check.done{color:var(--success)}.check-empty{width:20px;height:20px;border:2px solid var(--gray-300);border-radius:50%}.nutrient-icon{font-size:1.4rem;width:32px;text-align:center;flex-shrink:0}.nutrient-info{flex:1}.nutrient-info strong{display:block;font-size:var(--font-size-base);color:var(--text-primary)}.nutrient-info span{font-size:var(--font-size-xs);color:var(--text-tertiary)}.biotin-warning{display:flex;align-items:flex-start;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#e5a84b1a;border-radius:var(--radius-lg);border-left:3px solid var(--warning);color:var(--warning)}.biotin-warning strong{display:block;font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:2px}.biotin-warning p{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;line-height:1.5}.water-track{display:flex;gap:var(--space-sm);flex-wrap:wrap}.water-glass{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-secondary);font-size:1rem;cursor:pointer;transition:all var(--transition-fast);opacity:.3}.water-glass.filled{opacity:1;background:#5b8fd41a;border-color:var(--info)}.recipe-grid{display:flex;flex-direction:column;gap:var(--space-md)}.recipe-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-base)}.recipe-card:hover{box-shadow:var(--shadow-md)}.recipe-header{display:flex;align-items:flex-start;gap:var(--space-md)}.recipe-emoji{font-size:2rem;flex-shrink:0}.recipe-header strong{display:block;font-size:var(--font-size-base);margin-bottom:2px;color:var(--text-primary)}.recipe-body{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.recipe-body h4{font-size:var(--font-size-sm);margin-bottom:var(--space-sm);color:var(--gold-600)}[data-theme=dark] .recipe-body h4{color:var(--gold-300)}.recipe-body ul{padding-left:var(--space-lg)}.recipe-body li{font-size:var(--font-size-sm);color:var(--text-secondary);padding:2px 0}@media(max-width:768px){.nutrition{padding:var(--space-md)}}.tracker{max-width:800px;margin:0 auto;padding:var(--space-xl);animation:fadeIn .4s ease-out}.tracker h2{margin-bottom:var(--space-sm)}.tracker-tabs{display:flex;gap:var(--space-xs);background:var(--bg-tertiary);border-radius:var(--radius-full);padding:4px;margin-bottom:var(--space-xl);max-width:320px}.tt{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.tt:hover{color:var(--text-primary)}.tt.active{background:var(--bg-secondary);color:var(--sky-600);box-shadow:var(--shadow-sm)}[data-theme=dark] .tt.active{color:var(--sky-300)}.add-form{animation:slideDown .3s ease-out}.treatment-options{display:flex;flex-direction:column;gap:var(--space-sm)}.t-opt{text-align:left;padding:var(--space-md);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast)}.t-opt:hover{border-color:var(--blue-400)}.t-opt.active{border-color:var(--blue-500);background:var(--blue-50)}[data-theme=dark] .t-opt.active{background:#b76e791a}.t-opt strong{display:block;color:var(--text-primary);margin-bottom:2px}.treatment-list{display:flex;flex-direction:column;gap:var(--space-sm)}.treatment-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.treatment-item:hover{box-shadow:var(--shadow-md)}.treatment-item.completed{opacity:.7}.treatment-item.completed .t-info strong{text-decoration:line-through}.treatment-item.past{opacity:.6}.t-check{cursor:pointer;color:var(--gray-300);flex-shrink:0;background:none;border:none;padding:0;display:flex}.treatment-item.completed .t-check{color:var(--success)}.t-info{flex:1}.t-info strong{display:block;font-size:var(--font-size-sm);margin-bottom:2px;color:var(--text-primary)}.t-time{display:flex;align-items:center;gap:3px;font-size:var(--font-size-xs);color:var(--text-tertiary)}.t-delete{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;opacity:0;transition:all var(--transition-fast)}.treatment-item:hover .t-delete{opacity:1}.t-delete:hover{color:var(--error)}@media(max-width:768px){.tracker{padding:var(--space-md)}}.lifestyle{max-width:800px;margin:0 auto;padding:var(--space-xl);animation:fadeIn .4s ease-out}.lifestyle h2{margin-bottom:var(--space-sm)}.lt-tabs{display:flex;gap:var(--space-xs);background:var(--bg-tertiary);border-radius:var(--radius-full);padding:4px;margin-bottom:var(--space-xl);max-width:400px}.lt{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.lt:hover{color:var(--text-primary)}.lt.active{background:var(--bg-secondary);color:var(--gold-600);box-shadow:var(--shadow-sm)}[data-theme=dark] .lt.active{color:var(--gold-300)}.night-list{display:flex;flex-direction:column;gap:var(--space-sm)}.night-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.night-item:hover{background:var(--bg-tertiary)}.n-check{color:var(--gray-300);flex-shrink:0;margin-top:2px;transition:color var(--transition-fast)}.n-check.done{color:var(--success)}.night-item strong{display:block;font-size:var(--font-size-base);margin-bottom:2px;color:var(--text-primary)}.night-item p{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}.night-progress{text-align:center;margin-top:var(--space-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--blue-600);padding:var(--space-sm);background:var(--blue-50);border-radius:var(--radius-full)}[data-theme=dark] .night-progress{background:#b76e791a;color:var(--blue-300)}.ghe-steps{display:flex;flex-direction:column;gap:var(--space-md)}.ghe-step{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.ghe-num{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--font-size-base);flex-shrink:0}.ghe-step strong{display:block;margin-bottom:2px;color:var(--text-primary)}.timer-circle{position:relative;width:200px;height:200px;margin:var(--space-xl) auto}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:var(--gray-200);stroke-width:8}[data-theme=dark] .timer-bg{stroke:var(--gray-700)}.timer-progress{fill:none;stroke:url(#timerGrad);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.timer-display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:800;color:var(--text-primary)}.timer-progress{stroke:var(--blue-500)}.timer-controls{display:flex;gap:var(--space-md);justify-content:center;margin:var(--space-xl) auto;max-width:300px}.timer-tips{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-xl)}.timer-tips h4{font-size:var(--font-size-sm);margin-bottom:var(--space-md);color:var(--gold-600)}[data-theme=dark] .timer-tips h4{color:var(--gold-300)}.timer-tips li{font-size:var(--font-size-sm);color:var(--text-secondary);padding:3px 0;line-height:1.6}@media(max-width:768px){.lifestyle{padding:var(--space-md)}}.settings{max-width:600px;margin:0 auto;padding:var(--space-xl);animation:fadeIn .4s ease-out}.settings h2{margin-bottom:var(--space-xl)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--border-color)}.setting-row:last-child{border-bottom:none}.setting-row span:first-child{font-weight:500;color:var(--text-secondary)}.theme-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:var(--bg-tertiary);font-size:var(--font-size-sm);font-weight:600}.danger-card{border:2px solid rgba(212,85,85,.2)}.btn-danger{background:#d455551a;color:var(--error);border:2px solid rgba(212,85,85,.3);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm)}.btn-danger:hover{background:var(--error);color:#fff}@media(max-width:768px){.settings{padding:var(--space-md)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-50: #EFF6FF;--blue-100: #DBEAFE;--blue-200: #BFDBFE;--blue-300: #93C5FD;--blue-400: #60A5FA;--blue-500: #3B82F6;--blue-600: #2563EB;--blue-700: #1D4ED8;--blue-800: #1E40AF;--blue-900: #1E3A8A;--gold-50: #FFFBEB;--gold-100: #FEF3C7;--gold-200: #FDE68A;--gold-300: #FCD34D;--gold-400: #FBBF24;--gold-500: #F59E0B;--gold-600: #D97706;--gold-700: #B45309;--gold-800: #92400E;--gold-900: #78350F;--sky-50: #F0F9FF;--sky-100: #E0F2FE;--sky-200: #BAE6FD;--sky-300: #7DD3FC;--sky-400: #38BDF8;--sky-500: #0EA5E9;--sky-600: #0284C7;--sky-700: #0369A1;--sky-800: #075985;--sky-900: #0C4A6E;--warm-50: #FFFBF0;--warm-100: #FFEFCE;--warm-200: #FFDDA3;--warm-300: #FFC473;--warm-400: #FFA647;--warm-500: #FB923C;--gray-50: #FAF8F9;--gray-100: #F3EFF1;--gray-200: #E6E0E3;--gray-300: #D1C8CC;--gray-400: #A89BA0;--gray-500: #7F7377;--gray-600: #5F5357;--gray-700: #433A3D;--gray-800: #2B2426;--gray-900: #1A1517;--success: #34D399;--warning: #FBBF24;--error: #F87171;--info: #60A5FA;--bg-primary: #FFFFFF;--bg-secondary: #F0F9FF;--bg-tertiary: #F8FAFC;--text-primary: #0F172A;--text-secondary: #334155;--text-tertiary: #64748B;--border-color: #BAE6FD;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(244, 114, 182, .08);--shadow-md: 0 4px 16px rgba(244, 114, 182, .12);--shadow-lg: 0 10px 30px rgba(244, 114, 182, .15);--shadow-xl: 0 20px 40px rgba(244, 114, 182, .2);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--gradient-primary: linear-gradient(135deg, var(--gold-400) 0%, var(--blue-500) 100%);--gradient-warm: linear-gradient(135deg, var(--gold-200) 0%, var(--warm-300) 100%);--gradient-hero: linear-gradient(135deg, var(--blue-600) 0%, var(--sky-500) 50%, var(--gold-500) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .2) 100%)}[data-theme=dark]{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--border-color: #1E3A8A;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 6px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 40px rgba(0, 0, 0, .6);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 100%)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:1.25;font-weight:700;color:var(--text-primary)}a{color:var(--blue-500);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-hero{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-3xl);font-weight:800}.card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.card-glass{background:var(--gradient-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);padding:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-sans);font-weight:600;border:none;cursor:pointer;border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast);text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover{box-shadow:0 4px 16px #b76e7966;transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--gray-200)}[data-theme=dark] .btn-secondary:hover{background:var(--gray-700)}.btn-outline{background:transparent;border:2px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--blue-400);color:var(--blue-500)}.btn-sky{background:linear-gradient(135deg,var(--sky-500),var(--blue-500));color:#fff;box-shadow:0 2px 8px #0ea5e94d}.btn-sky:hover{box-shadow:0 4px 16px #0ea5e966}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-md);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--blue-400);box-shadow:0 0 0 3px #b76e791a}.form-textarea{resize:vertical;min-height:80px}input[type=range]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--gray-200);border-radius:var(--radius-full);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;box-shadow:0 2px 6px #b76e794d}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.3px}.badge-blue{background:var(--blue-100);color:var(--blue-700)}.badge-gold{background:var(--gold-100);color:var(--gold-700)}.badge-sky{background:var(--sky-100);color:var(--sky-700)}.badge-success{background:#4caf8226;color:var(--success)}.badge-warning{background:#e5a84b26;color:var(--warning)}[data-theme=dark] .badge-blue{background:#b76e7933;color:var(--blue-300)}[data-theme=dark] .badge-gold{background:#9b5a8e33;color:var(--gold-300)}[data-theme=dark] .badge-sky{background:#7b4fa033;color:var(--sky-300)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-bottom:80px}@media(min-width:769px){.main-content{padding-top:72px;padding-bottom:var(--space-xl)}}.footer{text-align:center;padding:var(--space-lg);color:var(--text-tertiary);font-size:var(--font-size-xs);border-top:1px solid var(--border-color)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--bg-primary)}.auth-card{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px}.auth-card .subtitle{color:var(--text-tertiary);text-align:center;margin-bottom:var(--space-xl)}.auth-divider{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm);margin:var(--space-lg) 0;position:relative}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border-color)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-footer{text-align:center;margin-top:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-tertiary)}.auth-footer button{background:none;border:none;color:var(--blue-500);font-weight:600;cursor:pointer}.fab{position:fixed;bottom:90px;right:20px;width:58px;height:58px;border-radius:50%;background:var(--gradient-hero);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #7b4fa066;z-index:900;transition:all var(--transition-fast);animation:fabPulse 3s ease-in-out infinite}.fab:hover{transform:scale(1.1);box-shadow:0 6px 28px #7b4fa080}.fab:active{transform:scale(.95)}@media(min-width:769px){.fab{bottom:30px;right:30px}}@keyframes fabPulse{0%,to{box-shadow:0 4px 20px #7b4fa066}50%{box-shadow:0 4px 30px #b76e7980}}.ai-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#0006;animation:fadeIn .2s ease-out}.ai-panel{width:100%;max-width:600px;max-height:85vh;background:var(--bg-secondary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp .3s ease-out}@media(min-width:769px){.ai-panel{position:fixed;bottom:20px;right:20px;max-height:70vh;width:420px;border-radius:var(--radius-2xl)}.ai-overlay{background:transparent;pointer-events:none}.ai-panel{pointer-events:all}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes growPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:.2}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-600)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:var(--text-tertiary)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.page-header-img{width:100%;height:200px;object-fit:cover;object-position:center 25%;border-radius:var(--radius-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md)}