@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";.health-dashboard{max-width:800px;margin:0 auto;padding:1rem}.dashboard-header{text-align:center;margin-bottom:1.5rem}.dashboard-header h2{font-size:1.6rem;margin-bottom:.3rem}.dashboard-header .subtitle{color:var(--text-muted, #94a3b8);font-size:.85rem}.dashboard-form{display:flex;flex-direction:column;gap:1.2rem}.form-section{background:var(--card-bg, rgba(255,255,255,.05));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:12px;padding:1.2rem}.form-section h3{font-size:1rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.4rem}.optional-tag{font-size:.7rem;padding:2px 8px;border-radius:999px;background:#ffffff26;color:#d4d4d4;font-weight:400}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem}.form-group.full-width{grid-column:1 / -1}.radio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-top:.4rem}.radio-card{display:flex;flex-direction:column;padding:.6rem .8rem;border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px;cursor:pointer;transition:all .2s;background:transparent}.radio-card:hover{border-color:var(--accent, #ffffff)}.radio-card.selected{border-color:var(--accent, #ffffff);background:#ffffff1a}.radio-card input[type=radio]{display:none}.radio-label{font-weight:600;font-size:.85rem}.radio-desc{font-size:.7rem;color:var(--text-muted, #94a3b8);margin-top:2px}.results-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem;margin-top:1.5rem}.result-card{background:var(--card-bg, rgba(255,255,255,.05));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:14px;padding:1.2rem}.result-card h3{font-size:1rem;margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:1px solid var(--border, rgba(255,255,255,.06))}.result-hero{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.8rem}.result-big{font-size:2.5rem;font-weight:700}.result-unit{font-size:.85rem;color:var(--text-muted, #94a3b8)}.result-category{font-size:.95rem;font-weight:600;margin-left:auto}.gauge-bar{position:relative;height:8px;background:#ffffff14;border-radius:4px;margin:.8rem 0 1.5rem}.gauge-fill{height:100%;border-radius:4px;transition:width .6s ease}.gauge-segments{position:relative;top:6px;font-size:.65rem;color:var(--text-muted, #94a3b8)}.gauge-segments span{position:absolute;transform:translate(-50%)}.result-advice{font-size:.85rem;color:var(--text-muted, #94a3b8);margin:.5rem 0;font-style:italic}.energy-stats{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.energy-stat{text-align:center;padding:.8rem;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.energy-stat.highlight{background:#ffffff1a;border-color:#fff3}.energy-stat.target{background:#22c55e1a;border-color:#22c55e33}.stat-label{display:block;font-size:.72rem;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.stat-value{display:block;font-size:1.6rem;font-weight:700;margin:.2rem 0}.stat-unit{display:block;font-size:.7rem;color:var(--text-muted, #94a3b8)}.body-comp{display:flex;gap:1.2rem;align-items:center}.comp-circle{position:relative;width:120px;height:120px;flex-shrink:0}.donut-chart{width:100%;height:100%;transform:rotate(-90deg)}.comp-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.comp-value{display:block;font-size:1.3rem;font-weight:700;color:#f59e0b}.comp-label{display:block;font-size:.65rem;color:var(--text-muted, #94a3b8)}.comp-details{flex:1}.ideal-formulas{display:flex;flex-direction:column;gap:.5rem}.formula-row{display:flex;justify-content:space-between;padding:.5rem .6rem;border-radius:6px;font-size:.85rem}.formula-row:nth-child(odd){background:#ffffff05}.formula-row.highlight{background:#22c55e14;border:1px solid rgba(34,197,94,.15);font-weight:600}.formula-row span:last-child{font-weight:600}.macros-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.8rem}.macro-item{text-align:center;padding:1rem .5rem;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.macro-item.protein{background:#ef444414;border-color:#ef444426}.macro-item.carbs{background:#3b82f614;border-color:#3b82f626}.macro-item.fats{background:#f59e0b14;border-color:#f59e0b26}.macro-icon{font-size:1.5rem;margin-bottom:.3rem}.macro-value{font-size:1.5rem;font-weight:700}.macro-label{font-size:.75rem;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.macro-range{font-size:.7rem;color:var(--text-muted, #94a3b8);margin-top:.2rem}.macro-extras{border-top:1px solid var(--border, rgba(255,255,255,.06));padding-top:.5rem}.detail-row{display:flex;justify-content:space-between;font-size:.85rem;padding:.3rem 0}.detail-row span:first-child{color:var(--text-muted, #94a3b8)}.detail-row span:last-child{font-weight:500}@media(max-width:600px){.results-dashboard{grid-template-columns:1fr}.macros-grid{grid-template-columns:repeat(3,1fr)}.energy-stats{grid-template-columns:1fr 1fr}.radio-grid{grid-template-columns:repeat(2,1fr)}.body-comp{flex-direction:column}}.user-profile-container{max-width:1000px;margin:0 auto;padding:24px}.user-profile-container h2{color:var(--text-primary, #fafafa);font-size:28px;font-weight:700;margin:0 0 8px}.profile-subtitle{color:var(--text-secondary, #a1a1aa);font-size:15px;margin:0 0 32px}.profile-overview{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:20px;padding:32px;margin-bottom:32px}.overview-header{display:flex;align-items:center;gap:24px;margin-bottom:28px}.overview-avatar{width:80px;height:80px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;flex-shrink:0}.overview-info h3{color:var(--text-primary, #fafafa);font-size:24px;font-weight:700;margin:0 0 6px}.overview-info .goal-badge{display:inline-block;background:#ffffff26;color:var(--accent-primary, #ffffff);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;text-transform:capitalize}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.stat-card{background:var(--bg-tertiary, #27272a);border-radius:14px;padding:18px;text-align:center}.stat-card .stat-value{display:block;color:var(--text-primary, #fafafa);font-size:24px;font-weight:700;margin-bottom:4px}.stat-card .stat-label{color:var(--text-muted, #71717a);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.profile-section{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:16px;padding:24px;margin-bottom:20px}.profile-section h4{color:var(--text-primary, #fafafa);font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border-light, #27272a);display:flex;align-items:center;gap:10px}.profile-section h4 .section-icon{font-size:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:6px}.info-item .info-label{color:var(--text-muted, #71717a);font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-item .info-value{color:var(--text-primary, #fafafa);font-size:16px;font-weight:500;text-transform:capitalize}.tags-container{display:flex;flex-wrap:wrap;gap:10px}.tag{background:var(--bg-tertiary, #27272a);color:var(--text-secondary, #a1a1aa);padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;text-transform:capitalize}.tag.injury{background:#ef444426;color:#ef4444}.tag.restriction{background:#f59e0b26;color:#f59e0b}.tag.muscle{background:#ffffff26;color:#fff}.btn-edit-profile{background:#fff;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;margin-top:24px}.btn-edit-profile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffffff4d}.profile-form{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:20px;padding:32px;margin-bottom:32px}.profile-form h3{color:var(--text-primary, #fafafa);font-size:22px;font-weight:700;margin:0 0 24px}.form-group label{display:block;color:var(--text-secondary, #a1a1aa);font-size:13px;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.form-group input[type=text],.form-group input[type=number],.form-group select{width:100%;padding:14px 18px;background:var(--bg-primary, #09090b);border:1px solid var(--border, #3f3f46);border-radius:12px;color:var(--text-primary, #fafafa);font-size:15px;font-family:inherit;transition:all .2s ease}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:10px}.checkbox-label{display:flex;align-items:center;cursor:pointer;padding:12px 14px;background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #3f3f46);border-radius:10px;transition:all .2s ease;color:var(--text-secondary, #a1a1aa);font-size:13px;font-weight:500}.checkbox-label:hover{border-color:var(--accent-primary, #ffffff);color:var(--text-primary, #fafafa)}.checkbox-label:has(input:checked){background:#ffffff26;border-color:var(--accent-primary, #ffffff);color:var(--accent-primary, #ffffff)}.checkbox-label input[type=checkbox]{margin-right:10px;cursor:pointer;accent-color:var(--accent-primary, #ffffff);width:16px;height:16px}.form-actions{margin-top:32px;display:flex;gap:12px;padding-top:20px;border-top:1px solid var(--border-light, #27272a)}.btn-primary{background:#10b981;color:#fff;padding:14px 28px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.btn-secondary{background:transparent;color:var(--text-secondary, #a1a1aa);padding:14px 28px;border:1px solid var(--border, #3f3f46);border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:var(--text-muted, #71717a);color:var(--text-primary, #fafafa)}.empty-profile{text-align:center;padding:60px 24px;background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:20px}.empty-profile .empty-icon{font-size:64px;margin-bottom:20px}.empty-profile h3{color:var(--text-primary, #fafafa);font-size:22px;margin:0 0 12px}.empty-profile p{color:var(--text-secondary, #a1a1aa);margin:0 0 24px}@media(max-width:768px){.form-row{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:1fr 1fr}.overview-header{flex-direction:column;text-align:center}.overview-stats{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}}@media(max-width:480px){.checkbox-grid{grid-template-columns:1fr}}.profile-setup{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#09090b,#18181b)}.setup-container{width:100%;max-width:680px;background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:24px;padding:48px;box-shadow:0 25px 50px -12px #00000080}.progress-bar{height:4px;background:var(--bg-tertiary, #27272a);border-radius:4px;margin-bottom:24px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#fff,#d4d4d4);border-radius:4px;transition:width .4s ease}.progress-steps{display:flex;justify-content:space-between;margin-bottom:40px}.progress-step{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:var(--bg-tertiary, #27272a);color:var(--text-muted, #71717a);border:2px solid var(--border, #3f3f46);transition:all .3s ease}.progress-step.active{background:var(--accent-primary, #ffffff);color:#fff;border-color:var(--accent-primary, #ffffff)}.progress-step.completed{background:var(--success, #10b981);color:#fff;border-color:var(--success, #10b981)}.setup-step{min-height:400px}.setup-step h2{color:var(--text-primary, #fafafa);font-size:28px;font-weight:700;margin:0 0 12px;letter-spacing:-.5px}.step-description{color:var(--text-secondary, #a1a1aa);font-size:16px;margin:0 0 32px;line-height:1.5}.form-group{margin-bottom:24px}.form-group.large input{font-size:24px;padding:20px 24px;text-align:center}.form-group label{display:block;color:var(--text-secondary, #a1a1aa);font-size:14px;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:14px 18px;background:var(--bg-primary, #09090b);border:1px solid var(--border, #3f3f46);border-radius:12px;color:var(--text-primary, #fafafa);font-size:16px;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary, #ffffff);box-shadow:0 0 0 3px #fff3}.form-group input::placeholder{color:var(--text-muted, #71717a)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.goal-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.goal-card{background:var(--bg-tertiary, #27272a);border:2px solid var(--border, #3f3f46);border-radius:16px;padding:24px 20px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;gap:8px}.goal-card:hover{border-color:var(--accent-primary, #ffffff);transform:translateY(-2px)}.goal-card.selected{background:#ffffff26;border-color:var(--accent-primary, #ffffff)}.goal-icon{font-size:36px;margin-bottom:4px}.goal-label{color:var(--text-primary, #fafafa);font-size:16px;font-weight:600}.goal-desc{color:var(--text-muted, #71717a);font-size:13px}.activity-options{display:flex;flex-direction:column;gap:10px}.activity-btn{background:var(--bg-tertiary, #27272a);border:2px solid var(--border, #3f3f46);border-radius:12px;padding:14px 18px;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;flex-direction:column;gap:4px}.activity-btn:hover{border-color:var(--accent-primary, #ffffff)}.activity-btn.selected{background:#ffffff26;border-color:var(--accent-primary, #ffffff)}.activity-label{color:var(--text-primary, #fafafa);font-weight:600;font-size:15px}.activity-desc{color:var(--text-muted, #71717a);font-size:13px}.experience-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.experience-btn{background:var(--bg-tertiary, #27272a);border:2px solid var(--border, #3f3f46);border-radius:12px;padding:18px 14px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;gap:6px}.experience-btn:hover{border-color:var(--accent-primary, #ffffff)}.experience-btn.selected{background:#ffffff26;border-color:var(--accent-primary, #ffffff)}.exp-label{color:var(--text-primary, #fafafa);font-weight:600;font-size:15px}.exp-desc{color:var(--text-muted, #71717a);font-size:11px}.number-selector{display:flex;gap:10px}.num-btn{flex:1;padding:14px 8px;background:var(--bg-tertiary, #27272a);border:2px solid var(--border, #3f3f46);border-radius:10px;color:var(--text-secondary, #a1a1aa);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.num-btn:hover{border-color:var(--accent-primary, #ffffff);color:var(--text-primary, #fafafa)}.num-btn.selected{background:var(--accent-primary, #ffffff);border-color:var(--accent-primary, #ffffff);color:#fff}.chip-grid{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:10px 16px;background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #3f3f46);border-radius:20px;color:var(--text-secondary, #a1a1aa);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.chip:hover{border-color:var(--accent-primary, #ffffff);color:var(--text-primary, #fafafa)}.chip.selected{background:#fff3;border-color:var(--accent-primary, #ffffff);color:var(--accent-primary, #ffffff)}.chip.medical-chip:hover{border-color:#fb923c}.chip.medical-selected{background:#fb923c26!important;border-color:#fb923c!important;color:#fb923c!important}.diet-options{display:flex;flex-wrap:wrap;gap:10px}.diet-btn{padding:12px 20px;background:var(--bg-tertiary, #27272a);border:2px solid var(--border, #3f3f46);border-radius:12px;color:var(--text-secondary, #a1a1aa);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.diet-btn:hover{border-color:var(--accent-primary, #ffffff);color:var(--text-primary, #fafafa)}.diet-btn.selected{background:#ffffff26;border-color:var(--accent-primary, #ffffff);color:var(--accent-primary, #ffffff)}.checkbox-inline{display:flex!important;align-items:center;gap:12px;cursor:pointer;padding:14px 18px;background:var(--bg-tertiary, #27272a);border-radius:12px;border:1px solid var(--border, #3f3f46)}.checkbox-inline input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary, #ffffff)}.checkbox-inline span{color:var(--text-primary, #fafafa);font-size:15px;font-weight:500}.error-message{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:14px 18px;border-radius:10px;font-size:14px;margin-bottom:20px}.setup-actions{display:flex;justify-content:space-between;margin-top:40px;padding-top:24px;border-top:1px solid var(--border, #3f3f46)}.btn-back{padding:14px 28px;background:transparent;border:1px solid var(--border, #3f3f46);border-radius:12px;color:var(--text-secondary, #a1a1aa);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-back:hover:not(:disabled){border-color:var(--text-muted, #71717a);color:var(--text-primary, #fafafa)}.btn-next,.btn-finish{padding:14px 32px;background:#fff;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:auto}.btn-next:hover:not(:disabled),.btn-finish:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #fff6}.btn-next:disabled,.btn-finish:disabled,.btn-back:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-finish{background:#10b981}.btn-finish:hover:not(:disabled){box-shadow:0 8px 20px #10b98166}@media(max-width:640px){.setup-container{padding:32px 24px}.form-row,.goal-cards,.experience-options{grid-template-columns:1fr}.setup-step h2{font-size:24px}.setup-actions{flex-direction:column;gap:12px}.btn-back,.btn-next,.btn-finish{width:100%;margin-left:0}.btn-back{order:2}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#09090b,#18181b);padding:20px}.login-container{width:100%;max-width:420px;background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:20px;padding:48px 36px;box-shadow:0 25px 60px #00000080}.login-header{text-align:center;margin-bottom:36px}.login-logo{font-size:48px;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,var(--text-primary, #fafafa),var(--text-secondary, #a1a1aa));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.login-subtitle{color:var(--text-secondary, #a1a1aa);font-size:15px;font-weight:500}.login-tabs{display:flex;gap:4px;background:var(--bg-primary, #09090b);padding:4px;border-radius:12px;margin-bottom:28px}.login-tab{flex:1;padding:10px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary, #a1a1aa);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.login-tab.active{background:var(--bg-tertiary, #27272a);color:var(--text-primary, #fafafa)}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:13px;font-weight:600;color:var(--text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.5px}.login-field input{padding:14px 16px;border:1px solid var(--border, #3f3f46);border-radius:10px;background:var(--bg-primary, #09090b);color:var(--text-primary, #fafafa);font-size:15px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.login-field input:focus{outline:none;border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 3px var(--accent-light, rgba(99, 102, 241, .15))}.login-field input::placeholder{color:var(--text-muted, #71717a)}.login-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:12px 16px;color:#ef4444;font-size:14px;font-weight:500}.login-btn{padding:14px;border:none;border-radius:12px;background:var(--text-primary, #fafafa);color:var(--bg-primary, #09090b);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;margin-top:4px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ffffff26}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:480px){.login-container{padding:32px 24px}}.cmpb-container{max-width:1400px;margin:0 auto;padding:24px}.cmpb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px;flex-wrap:wrap}.cmpb-header h2{color:var(--text-primary, #fafafa);font-size:24px;font-weight:700;margin:0}.cmpb-back-btn{background:transparent;border:1px solid var(--border, #3f3f46);color:var(--text-secondary, #a1a1aa);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.cmpb-back-btn:hover{border-color:var(--text-muted, #71717a);color:var(--text-primary, #fafafa)}.cmpb-save-btn{background:#fff;color:#fff;border:none;padding:10px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.cmpb-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ffffff4d}.cmpb-save-btn:disabled{opacity:.5;cursor:not-allowed}.cmpb-setup-form{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:16px;padding:32px;max-width:600px;margin:0 auto}.cmpb-form-group{margin-bottom:20px}.cmpb-form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:13px;color:var(--text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.5px}.cmpb-input{width:100%;padding:12px 16px;background:var(--bg-primary, #09090b);border:1px solid var(--border, #3f3f46);border-radius:10px;font-size:14px;color:var(--text-primary, #fafafa);font-family:inherit;transition:all .2s ease;box-sizing:border-box}.cmpb-input:focus{outline:none;border-color:var(--accent-primary, #ffffff);box-shadow:0 0 0 3px #fff3}.cmpb-targets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cmpb-next-btn{width:100%;background:#fff;color:#fff;border:none;padding:14px 24px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;margin-top:12px;transition:all .2s ease}.cmpb-next-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff4d}.cmpb-day-tabs{display:flex;gap:6px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.cmpb-day-tab{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);color:var(--text-secondary, #a1a1aa);padding:10px 16px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:90px}.cmpb-day-tab.active{background:#fff;border-color:transparent;color:#fff}.cmpb-day-tab:hover:not(.active){border-color:var(--accent-primary, #ffffff)}.cmpb-tab-count{font-size:11px;opacity:.7}.cmpb-builder-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.cmpb-day-editor{display:flex;flex-direction:column;gap:20px}.cmpb-slot{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:14px;padding:20px;transition:all .2s ease}.cmpb-slot:hover{border-color:#ffffff4d}.cmpb-slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cmpb-slot-title{font-size:15px;font-weight:600;color:var(--text-primary, #fafafa);display:flex;align-items:center;gap:8px}.cmpb-slot-pct{font-size:11px;padding:2px 8px;border-radius:999px;background:#ffffff1f;color:#d4d4d4;font-weight:500}.cmpb-slot-cal{font-size:13px;color:var(--text-muted, #71717a);font-weight:500}.cmpb-slot-empty{text-align:center;padding:24px;color:var(--text-muted, #71717a);font-style:italic;font-size:13px}.cmpb-food-card{background:var(--bg-tertiary, #27272a);border-radius:12px;padding:14px;margin-bottom:10px;border-left:3px solid var(--accent-primary, #ffffff);transition:all .2s ease}.cmpb-food-card:hover{background:#27272acc}.cmpb-food-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cmpb-food-name{font-size:15px;font-weight:600;color:var(--text-primary, #fafafa);margin:0}.cmpb-food-remove{background:transparent;border:none;color:#ef4444;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:6px;transition:all .15s ease}.cmpb-food-remove:hover{background:#ef44441a}.cmpb-food-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.cmpb-food-macros{display:flex;gap:8px;flex-wrap:wrap}.cmpb-food-macros span{background:var(--bg-primary, #09090b);padding:4px 10px;border-radius:8px;font-size:11px;color:var(--text-secondary, #a1a1aa);font-weight:600}.cmpb-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap}.cmpb-badge-vegan{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.cmpb-badge-veg{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.cmpb-badge-egg{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.cmpb-badge-nonveg{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.cmpb-badge-dish{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.cmpb-badge-cuisine{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.cmpb-badge-serving{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.cmpb-search-panel{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:16px;padding:22px;position:sticky;top:24px}.cmpb-search-panel h3{color:var(--text-primary, #fafafa);margin:0 0 6px;font-size:16px}.cmpb-search-hint{color:var(--text-muted, #71717a);font-size:12px;margin:0 0 16px}.cmpb-search-box{position:relative}.cmpb-slot-filter{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.cmpb-filter-btn{background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #3f3f46);color:var(--text-secondary, #a1a1aa);padding:5px 12px;border-radius:8px;cursor:pointer;font-size:12px;transition:all .15s ease}.cmpb-filter-btn.active{background:var(--accent-primary, #ffffff);border-color:var(--accent-primary, #ffffff);color:#fff}.cmpb-search-input-wrapper{position:relative;margin-bottom:8px}.cmpb-search-input{width:100%;padding:12px 40px 12px 16px;background:var(--bg-primary, #09090b);border:1px solid var(--border, #3f3f46);border-radius:10px;font-size:14px;color:var(--text-primary, #fafafa);font-family:inherit;transition:all .2s ease;box-sizing:border-box}.cmpb-search-input:focus{outline:none;border-color:var(--accent-primary, #ffffff);box-shadow:0 0 0 3px #fff3}.cmpb-search-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid var(--border, #3f3f46);border-top-color:var(--accent-primary, #ffffff);border-radius:50%;animation:cmpb-spin .6s linear infinite}@keyframes cmpb-spin{to{transform:translateY(-50%) rotate(360deg)}}.cmpb-search-dropdown{background:var(--bg-primary, #09090b);border:1px solid var(--border, #3f3f46);border-radius:12px;max-height:420px;overflow-y:auto;box-shadow:0 12px 40px #00000080}.cmpb-search-result{display:flex;align-items:center;padding:12px 14px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid rgba(63,63,70,.3);gap:12px}.cmpb-search-result:hover{background:#ffffff14}.cmpb-search-result:last-child{border-bottom:none}.cmpb-result-info{flex:1;min-width:0}.cmpb-result-name{display:block;font-weight:600;font-size:14px;color:var(--text-primary, #fafafa);margin-bottom:4px;text-transform:capitalize}.cmpb-result-meta{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.cmpb-result-cal{font-size:12px;color:var(--text-muted, #71717a);font-weight:500}.cmpb-result-pill{font-size:10px;padding:1px 7px;border-radius:12px;font-weight:500}.cmpb-add-btn{background:linear-gradient(135deg,#fff,#d4d4d4);color:#fff;border:none;width:28px;height:28px;border-radius:8px;font-size:16px;cursor:pointer;flex-shrink:0;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.cmpb-add-btn:hover{transform:scale(1.1)}.cmpb-search-msg{padding:24px 16px;text-align:center;color:var(--text-muted, #71717a);font-size:13px}.cmpb-load-more{padding:12px;text-align:center;color:var(--accent-primary, #ffffff);cursor:pointer;font-size:13px;font-weight:500;border-top:1px solid var(--border, #3f3f46)}.cmpb-load-more:hover{background:#ffffff0f}.cmpb-day-summary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:16px 20px;border-radius:12px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px}.cmpb-day-stat{text-align:center}.cmpb-day-stat-val{display:block;font-size:20px;font-weight:700;color:var(--accent-primary, #ffffff)}.cmpb-day-stat-lbl{display:block;font-size:11px;color:var(--text-muted, #71717a);text-transform:uppercase;letter-spacing:.3px}@media(max-width:900px){.cmpb-builder-layout{grid-template-columns:1fr}.cmpb-search-panel{position:static}.cmpb-targets-grid,.cmpb-conditions-grid{grid-template-columns:repeat(2,1fr)}}.cmpb-conditions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cmpb-condition-btn{background:var(--bg-primary, #09090b);border:1px solid var(--border, #3f3f46);color:var(--text-secondary, #a1a1aa);padding:10px 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;text-align:center}.cmpb-condition-btn:hover{border-color:#fb923c80;color:var(--text-primary, #fafafa)}.cmpb-condition-btn.active{background:#fb923c1f;border-color:#fb923c80;color:#fb923c;font-weight:600;box-shadow:0 0 0 2px #fb923c1a}.cmpb-conditions-note{margin-top:12px;padding:10px 14px;background:#fb923c0f;border:1px solid rgba(251,146,60,.15);border-radius:10px;color:#fdba74;font-size:12px;line-height:1.5}.cmpb-result-warn{border-left:3px solid rgba(251,146,60,.6);background:#fb923c08}.cmpb-result-warn:hover{background:#fb923c0f}.cmpb-medical-warnings{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.cmpb-warning-pill{font-size:9px;font-weight:600;padding:2px 7px;border-radius:8px;background:#fb923c1f;color:#fb923c;border:1px solid rgba(251,146,60,.25);white-space:nowrap}.meal-plan-viewer{max-width:1400px;margin:0 auto;padding:24px}.meal-plan-viewer h2{color:var(--text-primary, #fafafa);font-size:28px;font-weight:700;margin:0 0 8px}.meal-plan-subtitle{color:var(--text-secondary, #a1a1aa);font-size:15px;margin:0 0 28px}.mp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.mp-header-left h2{margin-bottom:4px}.mp-header-left .meal-plan-subtitle{margin-bottom:0}.mp-create-btn{background:#fff;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap}.mp-create-btn span{font-size:18px;font-weight:700}.mp-create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ffffff59}.mp-create-btn:disabled{opacity:.5;cursor:not-allowed}.controls{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);padding:24px;border-radius:16px;margin-bottom:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.control-group{flex:1;min-width:200px}.control-group label{display:block;margin-bottom:10px;font-weight:600;font-size:13px;color:var(--text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.5px}.control-group select{width:100%;padding:12px 16px;background:var(--bg-primary, #09090b);border:1px solid var(--border, #3f3f46);border-radius:10px;font-size:14px;color:var(--text-primary, #fafafa);font-family:inherit;transition:all .2s ease}.control-group select:focus{outline:none;border-color:var(--accent-primary, #ffffff);box-shadow:0 0 0 3px #fff3}.action-buttons{display:flex;gap:12px}.btn-primary{background:#fff;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ffffff4d}.btn-secondary{background:transparent;color:var(--text-secondary, #a1a1aa);border:1px solid var(--border, #3f3f46);padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){border-color:var(--text-muted, #71717a);color:var(--text-primary, #fafafa)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.plan-header{background:#fff;color:#fff;padding:28px;border-radius:16px;margin-bottom:28px}.plan-header h3{margin:0 0 16px;font-size:22px;font-weight:700}.plan-targets{display:flex;flex-wrap:wrap;gap:20px}.plan-targets p{margin:0;font-size:14px;opacity:.95}.plan-targets strong{opacity:.8}.days-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;margin-top:20px}.day-card{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:16px;padding:24px;transition:all .2s ease}.day-card:hover{border-color:var(--accent-primary, #ffffff);transform:translateY(-2px)}.day-card h3{color:var(--accent-primary, #ffffff);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--accent-primary, #ffffff);font-size:18px;text-transform:capitalize;font-weight:700}.meals-section,.meal-slot{margin-bottom:20px}.meal-slot h4{color:var(--text-secondary, #a1a1aa);margin:0 0 12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.slot-pct{font-size:11px;padding:2px 7px;border-radius:999px;background:#ffffff1f;color:#d4d4d4;font-weight:500;letter-spacing:0;text-transform:none}.target-label{font-size:13px;color:var(--text-muted, #71717a);font-weight:400;text-transform:none;letter-spacing:0}.meal-item{background:var(--bg-tertiary, #27272a);padding:16px;border-radius:12px;border-left:3px solid var(--accent-primary, #ffffff);margin-bottom:10px}.multi-meal-items{display:flex;flex-direction:column;gap:10px}.multi-meal-entry{padding-bottom:8px}.multi-meal-entry:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.2)}.meal-badges-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.serving-info{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:6px;background:#22c55e1a;color:#4ade80;margin-right:6px;margin-bottom:4px}.meal-item h5{color:var(--text-primary, #fafafa);margin:0;font-size:16px;font-weight:600;text-transform:capitalize}.meal-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.meal-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.dietary-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.badge-pesc{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.cuisine-tag{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:6px;background:#8b5cf61f;color:#a78bfa;margin-bottom:4px;text-transform:capitalize}.cuisine-origin{background:#3b82f61a;color:#60a5fa}.meal-nutrition{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.meal-nutrition span{background:var(--bg-primary, #09090b);padding:6px 12px;border-radius:8px;font-size:12px;color:var(--text-secondary, #a1a1aa);font-weight:600}.meal-description{color:var(--text-muted, #71717a);font-size:13px;margin:10px 0 0;line-height:1.5}.meal-prep-time{color:var(--text-muted, #71717a);font-size:12px;margin:8px 0 0}.meal-empty{color:var(--text-muted, #71717a);font-style:italic;padding:16px;background:var(--bg-tertiary, #27272a);border-radius:10px;text-align:center;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:8px}.slot-edit-btn{background:transparent;border:1px dashed rgba(255,255,255,.4);color:#d4d4d4;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s ease}.slot-edit-btn:hover{border-color:#fff;background:#ffffff14}.slot-edit-inline{margin-top:10px;width:100%;text-align:center}.slot-remove-btn{background:transparent;border:none;color:#ef4444;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s ease;line-height:1}.slot-remove-btn:hover{background:#ef44441a}.slot-editor{background:var(--bg-primary, #09090b);border:1px solid var(--accent-primary, #ffffff);border-radius:12px;margin-top:10px;overflow:hidden;animation:slot-editor-in .2s ease}@keyframes slot-editor-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.slot-editor-header{display:flex;gap:8px;padding:10px;border-bottom:1px solid var(--border, #3f3f46)}.slot-editor-input{flex:1;background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--text-primary, #fafafa);font-family:inherit}.slot-editor-input:focus{outline:none;border-color:var(--accent-primary, #ffffff)}.slot-editor-close{background:transparent;border:none;color:var(--text-muted, #71717a);font-size:16px;cursor:pointer;padding:4px 8px}.slot-editor-status{padding:10px;text-align:center;color:var(--text-muted, #71717a);font-size:12px}.slot-editor-results{max-height:200px;overflow-y:auto}.slot-editor-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;transition:background .1s ease;border-bottom:1px solid rgba(63,63,70,.3)}.slot-editor-item:hover{background:#ffffff14}.slot-editor-item:last-child{border-bottom:none}.slot-editor-item-info{display:flex;flex-direction:column;gap:2px}.slot-editor-item-info strong{font-size:13px;color:var(--text-primary, #fafafa);text-transform:capitalize}.slot-editor-item-meta{font-size:11px;color:var(--text-muted, #71717a)}.day-summary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:16px;border-radius:12px;margin-top:16px}.day-summary h4{color:var(--text-secondary, #a1a1aa);margin:0 0 14px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{text-align:center}.stat-value{display:block;font-size:20px;font-weight:700;color:var(--accent-primary, #ffffff);margin-bottom:4px}.stat-label{display:block;font-size:11px;color:var(--text-muted, #71717a);text-transform:uppercase;letter-spacing:.3px}.mp-all-plans{margin-top:32px}.mp-plans-header h3{color:var(--text-primary, #fafafa);font-size:18px;margin:0 0 16px}.mp-plans-list{display:flex;flex-direction:column;gap:8px}.mp-plan-item{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:12px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;transition:all .15s ease}.mp-plan-item.active{border-color:var(--accent-primary, #ffffff);background:#ffffff0f}.mp-plan-item:hover{border-color:#fff6}.mp-plan-info h4{color:var(--text-primary, #fafafa);margin:0 0 4px;font-size:14px}.mp-plan-date{font-size:12px;color:var(--text-muted, #71717a)}.mp-plan-actions{display:flex;gap:8px}.mp-btn-load{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#d4d4d4;padding:5px 14px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s ease}.mp-btn-load:hover{background:#fff3}.mp-btn-delete{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:5px 10px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .15s ease}.mp-btn-delete:hover{background:#ef444433}.mp-show-more{display:block;width:100%;background:transparent;border:1px dashed var(--border, #3f3f46);color:var(--text-muted, #71717a);padding:10px;border-radius:10px;cursor:pointer;margin-top:8px;font-size:13px;transition:all .15s ease}.mp-show-more:hover{border-color:var(--text-secondary, #a1a1aa);color:var(--text-secondary, #a1a1aa)}.empty-state{text-align:center;padding:80px 24px;background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:16px}.empty-state .empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{color:var(--text-primary, #fafafa);margin:0 0 8px}.empty-state p{color:var(--text-secondary, #a1a1aa);font-size:16px;margin:0}.loading-state{text-align:center;padding:60px 24px;color:var(--text-secondary, #a1a1aa)}@media(max-width:768px){.controls{flex-direction:column;align-items:stretch}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.days-grid{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}.plan-targets{flex-direction:column;gap:10px}.mp-header{flex-direction:column;align-items:stretch}.mp-create-btn{width:100%;justify-content:center}}.cwb-container{padding:24px;max-width:1400px;margin:0 auto}.cwb-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.cwb-header h2{flex:1;color:var(--text-primary, #fff);font-size:24px;font-weight:700;margin:0}.cwb-back-btn{background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #3f3f46);color:var(--text-secondary, #a1a1aa);padding:10px 16px;border-radius:10px;cursor:pointer;transition:all .2s;font-weight:600}.cwb-back-btn:hover{border-color:#fff;color:var(--text-primary, #fff)}.cwb-save-btn{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .25s}.cwb-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.cwb-save-btn:disabled{opacity:.6;cursor:not-allowed}.cwb-setup-form{max-width:600px;margin:0 auto;background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:20px;padding:32px}.cwb-form-group{margin-bottom:20px}.cwb-form-group label{display:block;color:var(--text-secondary, #a1a1aa);font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.cwb-input{width:100%;background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #3f3f46);color:var(--text-primary, #fff);padding:12px 16px;border-radius:10px;font-size:15px;box-sizing:border-box;transition:border-color .2s}.cwb-input:focus{outline:none;border-color:#fff}.cwb-textarea{resize:vertical;min-height:80px}.cwb-days-selector{display:flex;gap:8px}.cwb-day-num{width:48px;height:48px;background:var(--bg-tertiary, #27272a);border:2px solid var(--border, #3f3f46);color:var(--text-primary, #fff);border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.cwb-day-num:hover{border-color:#fff}.cwb-day-num.active{background:#fff;border-color:#fff}.cwb-next-btn{width:100%;background:#fff;color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;margin-top:12px;transition:all .25s}.cwb-next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fff6}.cwb-day-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--border, #3f3f46)}.cwb-day-tab{flex-shrink:0;background:var(--bg-tertiary, #27272a);border:2px solid transparent;border-radius:12px;padding:10px 20px;cursor:pointer;transition:all .2s;text-align:center;min-width:100px}.cwb-day-tab:hover{border-color:#fff}.cwb-day-tab.active{background:#fff;border-color:transparent}.cwb-day-tab.rest{opacity:.6}.cwb-tab-name{display:block;color:var(--text-primary, #fff);font-weight:600;font-size:14px}.cwb-tab-count{display:block;color:var(--text-secondary, #a1a1aa);font-size:11px;margin-top:2px}.cwb-day-tab.active .cwb-tab-name,.cwb-day-tab.active .cwb-tab-count{color:#fff}.cwb-builder-layout{display:grid;grid-template-columns:1fr 420px;gap:24px}@media(max-width:1024px){.cwb-builder-layout{grid-template-columns:1fr}}.cwb-day-editor{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:20px;padding:24px}.cwb-day-config{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border, #3f3f46)}.cwb-config-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.cwb-config-row{grid-template-columns:1fr}}.cwb-rest-message{text-align:center;padding:60px 24px}.cwb-rest-icon{font-size:64px;margin-bottom:16px}.cwb-rest-message h3{color:var(--text-primary, #fff);margin:0 0 8px}.cwb-rest-message p{color:var(--text-secondary, #a1a1aa);margin:0}.cwb-exercises-section h3{color:var(--text-primary, #fff);font-size:18px;margin:0 0 16px}.cwb-no-exercises{color:var(--text-muted, #71717a);text-align:center;padding:40px;font-size:14px}.cwb-exercise-list{display:flex;flex-direction:column;gap:12px}.cwb-planned-exercise{display:flex;gap:12px;background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #3f3f46);border-radius:14px;padding:16px;align-items:flex-start;transition:border-color .2s}.cwb-planned-exercise:hover{border-color:#ffffff4d}.cwb-order-controls{display:flex;flex-direction:column;align-items:center;gap:4px}.cwb-order-btn{width:24px;height:24px;background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);color:var(--text-secondary, #a1a1aa);border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.cwb-order-btn:hover:not(:disabled){border-color:#fff;color:var(--text-primary, #fff)}.cwb-order-btn:disabled{opacity:.3;cursor:not-allowed}.cwb-order-num{color:#d4d4d4;font-weight:800;font-size:14px}.cwb-ex-info{flex:1}.cwb-ex-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cwb-ex-name-row strong{color:var(--text-primary, #fff);font-size:15px}.cwb-ex-equip{color:var(--text-muted, #71717a);font-size:12px;text-transform:capitalize}.cwb-ex-params{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.cwb-param{display:flex;flex-direction:column;gap:4px}.cwb-param label{color:var(--text-muted, #71717a);font-size:10px;text-transform:uppercase;font-weight:600}.cwb-param input{width:60px;background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);color:var(--text-primary, #fff);padding:6px 8px;border-radius:8px;font-size:14px;text-align:center}.cwb-param input:focus{outline:none;border-color:#fff}.cwb-warmup-check{display:flex;align-items:center;gap:6px;color:var(--text-secondary, #a1a1aa);font-size:12px;cursor:pointer}.cwb-warmup-check input{accent-color:#f59e0b}.cwb-notes-input{width:100%;background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);color:var(--text-secondary, #a1a1aa);padding:8px 12px;border-radius:8px;font-size:13px;box-sizing:border-box}.cwb-notes-input:focus{outline:none;border-color:#fff}.cwb-remove-btn{width:28px;height:28px;background:transparent;border:1px solid var(--border, #3f3f46);color:var(--text-muted, #71717a);border-radius:8px;cursor:pointer;font-size:18px;line-height:1;transition:all .2s;flex-shrink:0}.cwb-remove-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.cwb-search-panel{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:20px;padding:24px;height:fit-content;max-height:85vh;display:flex;flex-direction:column;position:sticky;top:100px}.cwb-search-panel h3{color:var(--text-primary, #fff);font-size:18px;margin:0 0 4px;font-weight:700}.cwb-search-hint{color:var(--text-muted, #71717a);font-size:12px;margin:0 0 16px}.cwb-search-box,.cwb-search-input-wrapper{position:relative}.cwb-search-input{width:100%;background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #3f3f46);color:var(--text-primary, #fff);padding:14px 40px 14px 16px;border-radius:12px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.cwb-search-input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #ffffff1a}.cwb-search-input::placeholder{color:var(--text-muted, #52525b)}.cwb-search-spinner{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid var(--border, #3f3f46);border-top-color:#fff;border-radius:50%;animation:cwb-spin .6s linear infinite}@keyframes cwb-spin{to{transform:translateY(-50%) rotate(360deg)}}.cwb-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #3f3f46);border-radius:14px;max-height:420px;overflow-y:auto;z-index:100;box-shadow:0 12px 40px #00000080}.cwb-search-msg{padding:24px;text-align:center;color:var(--text-secondary, #a1a1aa);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:8px}.cwb-search-msg span{font-size:24px}.cwb-search-msg.error{color:#fca5a5}.cwb-search-result{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(63,63,70,.5)}.cwb-search-result:last-child{border-bottom:none}.cwb-search-result:hover{background:#ffffff14}.cwb-result-thumb{width:42px;height:42px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--bg-secondary, #18181b)}.cwb-result-emoji{display:flex;align-items:center;justify-content:center;font-size:20px}.cwb-result-info{flex:1;min-width:0}.cwb-result-name{display:block;color:var(--text-primary, #fff);font-size:14px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwb-result-meta{display:flex;gap:4px;flex-wrap:wrap}.cwb-muscle-pill{background:#ffffff26;color:#d4d4d4;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.cwb-equip-pill{background:#f59e0b1f;color:#fbbf24;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.cwb-type-pill{background:#10b9811f;color:#34d399;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.cwb-level-pill{color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.cwb-add-btn{width:30px;height:30px;background:#fff;border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:18px;font-weight:700;line-height:1;transition:all .2s;flex-shrink:0}.cwb-add-btn:hover:not(:disabled){transform:scale(1.1);background:#d4d4d4}.cwb-add-btn:disabled{opacity:.3;cursor:not-allowed}.cwb-load-more{padding:14px;text-align:center;color:#d4d4d4;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.cwb-load-more:hover{background:#ffffff14}@media(max-width:768px){.cwb-container{padding:16px}.cwb-header{flex-wrap:wrap;gap:12px}.cwb-header h2{width:100%;order:-1}.cwb-ex-params{gap:8px}.cwb-search-panel{position:static;max-height:none}}.wp-container{padding:24px;max-width:1200px;margin:0 auto}.wp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.wp-header-left{display:flex;flex-direction:column;gap:4px}.wp-page-title{color:var(--text-primary, #fff);font-size:28px;font-weight:800;margin:0;letter-spacing:-.5px}.wp-page-subtitle{color:var(--text-muted, #71717a);font-size:14px;margin:0}.wp-create-btn{background:#fff;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.wp-create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #fff6}.wp-create-btn:disabled{opacity:.5;cursor:not-allowed}.wp-create-btn span{font-size:18px;font-weight:700}.wp-loading{text-align:center;padding:80px 24px}.wp-loading-spinner{width:40px;height:40px;border:3px solid var(--border, #3f3f46);border-top-color:#fff;border-radius:50%;margin:0 auto 16px;animation:wp-spin .8s linear infinite}@keyframes wp-spin{to{transform:rotate(360deg)}}.wp-loading p{color:var(--text-secondary, #a1a1aa);font-size:14px}.wp-active-plan{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:20px;padding:28px;margin-bottom:40px}.wp-active-header{margin-bottom:24px}.wp-active-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.wp-active-name{color:var(--text-primary, #fff);font-size:22px;font-weight:700;margin:0 0 6px}.wp-active-desc{color:var(--text-secondary, #a1a1aa);font-size:14px;margin:0;line-height:1.5}.wp-active-badge{background:#10b981;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.wp-active-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.wp-edit-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#d4d4d4;padding:6px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.wp-edit-btn:hover{background:#fff3;border-color:#fff;transform:translateY(-1px)}.wp-day-selector{display:flex;gap:8px;overflow-x:auto;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--border, #3f3f46);scrollbar-width:thin}.wp-day-pill{flex-shrink:0;background:var(--bg-tertiary, #27272a);border:2px solid transparent;border-radius:14px;padding:12px 22px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;min-width:100px}.wp-day-pill:hover{border-color:#ffffff80;transform:translateY(-1px)}.wp-day-pill.active{background:#fff;border-color:transparent;box-shadow:0 4px 12px #ffffff4d}.wp-day-pill.rest{opacity:.6}.wp-day-pill-name{display:block;color:var(--text-primary, #fff);font-weight:600;font-size:14px;margin-bottom:3px}.wp-day-pill-dow{display:block;color:var(--text-secondary, #a1a1aa);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.wp-day-pill.active .wp-day-pill-name,.wp-day-pill.active .wp-day-pill-dow{color:#fff}.wp-rest-day{text-align:center;padding:60px 24px}.wp-rest-icon{font-size:64px;margin-bottom:16px}.wp-rest-day h3{color:var(--text-primary, #fff);margin:0 0 8px}.wp-rest-day p{color:var(--text-secondary, #a1a1aa);margin:0}.wp-day-info-row{margin-bottom:20px}.wp-day-title-area{display:flex;align-items:center;gap:12px;margin-bottom:6px}.wp-day-title-area h4{color:var(--text-primary, #fff);margin:0;font-size:20px;font-weight:700}.wp-focus-badge{background:#ffffff26;color:#d4d4d4;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.wp-day-desc{color:var(--text-secondary, #a1a1aa);margin:0;font-size:14px}.wp-day-stats{display:flex;gap:24px;margin-bottom:24px;padding:16px 24px;background:var(--bg-tertiary, #27272a);border-radius:14px}.wp-stat{text-align:center}.wp-stat-val{display:block;color:var(--text-primary, #fff);font-size:22px;font-weight:800}.wp-stat-lbl{color:var(--text-muted, #71717a);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.wp-exercises-list{display:flex;flex-direction:column;gap:10px}.wp-exercise-card{display:flex;gap:14px;background:var(--bg-tertiary, #27272a);border:1px solid var(--border, #3f3f46);border-radius:14px;padding:16px;transition:all .2s}.wp-exercise-card:hover{border-color:#fff6;background:#27272acc}.wp-exercise-card.warmup{border-left:3px solid #f59e0b}.wp-ex-order{width:32px;height:32px;background:#ffffff26;color:#d4d4d4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.wp-ex-body{flex:1}.wp-ex-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.wp-ex-name{color:var(--text-primary, #fff);margin:0;font-size:15px;font-weight:600}.wp-warmup-tag{display:inline-block;background:#f59e0b;color:#000;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;margin-right:8px;text-transform:uppercase}.wp-ex-equip{background:var(--bg-secondary, #18181b);color:var(--text-secondary, #a1a1aa);padding:4px 10px;border-radius:6px;font-size:11px;text-transform:capitalize;white-space:nowrap}.wp-ex-metrics{display:flex;align-items:center;gap:8px;margin-bottom:10px}.wp-metric{background:var(--bg-secondary, #18181b);padding:6px 12px;border-radius:8px;text-align:center}.wp-metric.rest{margin-left:auto}.wp-metric-val{display:block;color:var(--text-primary, #fff);font-size:15px;font-weight:700}.wp-metric-lbl{color:var(--text-muted, #71717a);font-size:10px;text-transform:uppercase}.wp-metric-x{color:var(--text-muted, #71717a);font-size:16px}.wp-ex-weight{color:#10b981;font-size:13px;margin-bottom:6px}.wp-ex-notes{color:var(--text-secondary, #a1a1aa);font-size:13px;font-style:italic;margin:0 0 6px;padding:6px 10px;background:#ffffff14;border-radius:6px}.wp-ex-muscles{display:flex;gap:12px;font-size:12px}.wp-primary-muscle{color:#d4d4d4;font-weight:600;text-transform:capitalize}.wp-secondary-muscles{color:var(--text-muted, #71717a);text-transform:capitalize}.wp-splits-section{margin-bottom:40px}.wp-splits-header{margin-bottom:24px}.wp-splits-title{color:var(--text-primary, #fff);font-size:22px;font-weight:800;margin:0 0 6px}.wp-splits-subtitle{color:var(--text-muted, #71717a);font-size:14px;margin:0}.wp-splits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.wp-split-card{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:20px;padding:24px;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.wp-split-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--split-gradient);opacity:.7;transition:opacity .3s}.wp-split-card:hover{border-color:transparent;box-shadow:0 0 0 1px #ffffff0d,0 12px 40px -8px var(--split-glow);transform:translateY(-4px)}.wp-split-card:hover:before{opacity:1;height:4px}.wp-split-header{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.wp-split-icon{font-size:32px;line-height:1;flex-shrink:0}.wp-split-title-area{flex:1}.wp-split-name{color:var(--text-primary, #fff);font-size:18px;font-weight:700;margin:0 0 8px}.wp-split-badges{display:flex;gap:8px;flex-wrap:wrap}.wp-level-badge{color:#fff;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.wp-days-badge{background:#ffffff14;color:var(--text-secondary, #a1a1aa);padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.wp-split-desc{color:var(--text-secondary, #a1a1aa);font-size:13px;line-height:1.6;margin:0 0 20px;flex:1}.wp-split-footer{display:flex;flex-direction:column;gap:16px}.wp-split-meta{display:flex;gap:16px;flex-wrap:wrap}.wp-split-meta-item{flex:1;min-width:120px}.wp-meta-label{display:block;color:var(--text-muted, #71717a);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:600}.wp-meta-value{display:block;color:var(--text-primary, #fff);font-size:12px;font-weight:500}.wp-generate-btn{flex:1;color:#fff;border:none;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.wp-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;filter:brightness(1.1)}.wp-generate-btn:disabled{opacity:.5;cursor:not-allowed}.wp-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:wp-spin .6s linear infinite}.wp-split-actions{display:flex;gap:10px}.wp-view-routine-btn{flex:1;background:transparent;border:1px solid var(--border, #3f3f46);color:var(--text-secondary, #a1a1aa);padding:12px 16px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.wp-view-routine-btn:hover{border-color:#ffffff80;color:#d4d4d4;background:#ffffff0d}.wp-split-card.expanded{grid-column:1 / -1}.wp-routine-preview{margin-top:20px;padding-top:20px;border-top:1px solid var(--border, #3f3f46)}.wp-routine-days-nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:14px;margin-bottom:16px;scrollbar-width:thin}.wp-routine-day-btn{flex-shrink:0;background:var(--bg-tertiary, #27272a);border:1.5px solid transparent;border-radius:10px;padding:8px 16px;cursor:pointer;transition:all .2s;font-size:12px;font-weight:600;color:var(--text-secondary, #a1a1aa)}.wp-routine-day-btn:hover{border-color:#fff6;color:var(--text-primary, #fff)}.wp-routine-day-btn.active{background:var(--split-gradient);border-color:transparent;color:#fff}.wp-routine-day-btn.rest{opacity:.5}.wp-rday-label{white-space:nowrap}.wp-routine-content{background:var(--bg-tertiary, #27272a);border-radius:14px;padding:20px}.wp-routine-day-header{margin-bottom:16px}.wp-routine-day-header h4{color:var(--text-primary, #fff);font-size:16px;font-weight:700;margin:0 0 4px}.wp-routine-day-header p{color:var(--text-muted, #71717a);font-size:13px;margin:0;font-style:italic}.wp-routine-rest{text-align:center;padding:32px;display:flex;flex-direction:column;align-items:center;gap:8px}.wp-routine-rest span{font-size:40px}.wp-routine-rest p{color:var(--text-secondary, #a1a1aa);margin:0;font-size:14px}.wp-routine-exercises{display:flex;flex-direction:column;gap:6px}.wp-routine-ex{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:10px;transition:background .15s}.wp-routine-ex:hover{background:#ffffff0d}.wp-routine-ex-num{width:26px;height:26px;background:#ffffff1f;color:#d4d4d4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex-shrink:0;margin-top:2px}.wp-routine-ex-info{flex:1;min-width:0}.wp-routine-ex-name{display:block;color:var(--text-primary, #fff);font-size:14px;font-weight:600}.wp-routine-ex-note{display:block;color:var(--text-muted, #71717a);font-size:11px;margin-top:2px;font-style:italic}.wp-routine-ex-sets{flex-shrink:0;background:var(--bg-secondary, #18181b);padding:6px 12px;border-radius:8px;color:var(--text-primary, #fff);font-size:13px;font-weight:700;white-space:nowrap;margin-top:2px}.wp-all-plans{margin-bottom:40px}.wp-plans-header{margin-bottom:16px}.wp-plans-header h3{color:var(--text-primary, #fff);font-size:18px;font-weight:700;margin:0}.wp-plans-list{display:flex;flex-direction:column;gap:8px}.wp-plan-item{background:var(--bg-secondary, #18181b);border:1px solid var(--border, #3f3f46);border-radius:14px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:all .2s}.wp-plan-item:hover{border-color:#ffffff4d}.wp-plan-item.active{border-color:#10b98166;background:#10b9810d}.wp-plan-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.wp-plan-name-row h4{color:var(--text-primary, #fff);margin:0;font-size:15px;font-weight:600}.wp-plan-active-dot{width:8px;height:8px;background:#10b981;border-radius:50%;flex-shrink:0;animation:wp-pulse 2s ease-in-out infinite}@keyframes wp-pulse{0%,to{opacity:1}50%{opacity:.4}}.wp-plan-meta-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.wp-plan-type,.wp-plan-days{color:var(--text-muted, #71717a);font-size:12px;text-transform:capitalize}.wp-custom-tag{background:#ffffff26;color:#d4d4d4;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.wp-plan-actions{display:flex;gap:8px;flex-shrink:0}.wp-btn-activate{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.wp-btn-activate:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.wp-btn-delete{width:32px;height:32px;background:transparent;border:1px solid var(--border, #3f3f46);color:var(--text-muted, #71717a);border-radius:8px;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.wp-btn-delete:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.wp-show-more{width:100%;background:transparent;border:1px dashed var(--border, #3f3f46);color:var(--text-secondary, #a1a1aa);padding:12px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .2s}.wp-show-more:hover{border-color:#fff6;color:#d4d4d4}.wp-empty-active{text-align:center;padding:60px 24px;margin-bottom:40px;background:var(--bg-secondary, #18181b);border:1px dashed var(--border, #3f3f46);border-radius:20px}.wp-empty-icon{font-size:56px;margin-bottom:16px;opacity:.8}.wp-empty-active h3{color:var(--text-primary, #fff);font-size:20px;font-weight:700;margin:0 0 8px}.wp-empty-active p{color:var(--text-secondary, #a1a1aa);font-size:14px;max-width:400px;margin:0 auto}@media(max-width:768px){.wp-container{padding:16px}.wp-header{flex-direction:column;align-items:stretch}.wp-create-btn{width:100%;justify-content:center}.wp-splits-grid{grid-template-columns:1fr}.wp-active-plan{padding:20px}.wp-day-stats{justify-content:space-around}.wp-ex-metrics{flex-wrap:wrap}.wp-metric.rest{margin-left:0}.wp-plan-item{flex-direction:column;align-items:stretch}.wp-plan-actions{justify-content:flex-end}}@media(max-width:480px){.wp-page-title{font-size:22px}.wp-splits-grid{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #09090b;--bg-secondary: #18181b;--bg-tertiary: #27272a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-primary: #6366f1;--accent-hover: #4f46e5;--accent-light: rgba(99, 102, 241, .15);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--border: #3f3f46;--border-light: #27272a;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:0 24px 60px}.app.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.loading-content{text-align:center}.loading-content .logo{font-size:48px;margin-bottom:24px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}.loading-content p{color:var(--text-secondary);font-size:16px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0;position:relative}.header-left{display:flex;align-items:baseline;gap:16px}.header-right{position:relative}.logo{font-size:32px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-badge{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:40px;cursor:pointer;transition:all .2s ease;font-family:inherit}.profile-badge:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.profile-name{color:var(--text-primary);font-size:14px;font-weight:600}.dropdown-arrow{color:var(--text-muted);font-size:10px;transition:transform .2s}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 40px #0006;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:14px 18px;color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light)}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 18px;background:transparent;border:none;cursor:pointer;transition:background .15s;font-family:inherit;text-align:left}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item.active{background:#6366f11a}.item-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.item-info{flex:1;min-width:0}.item-name{display:block;color:var(--text-primary);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-goal{display:block;color:var(--text-muted);font-size:12px;text-transform:capitalize}.check-mark{color:var(--success);font-size:16px;font-weight:700}.dropdown-divider{height:1px;background:var(--border-light);margin:8px 0}.dropdown-item.add-new .item-avatar{background:var(--bg-tertiary);border:2px dashed var(--border);color:var(--text-muted);font-size:18px}.dropdown-item.add-new:hover .item-avatar{border-color:var(--accent-primary);color:var(--accent-primary)}.dropdown-item.logout-btn:hover{background:#ef444414}.dropdown-item.logout-btn:hover .item-name{color:#ef4444}.dropdown-item-main{display:flex;align-items:center;gap:12px;flex:1;background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left;padding:0;color:inherit}.delete-profile-btn{background:transparent;border:none;cursor:pointer;font-size:14px;padding:4px 6px;border-radius:6px;opacity:0;transition:all .2s}.dropdown-item:hover .delete-profile-btn{opacity:.6}.delete-profile-btn:hover{opacity:1!important;background:#ef444426}.section-nav{display:flex;gap:12px;margin-bottom:16px}.section-btn{display:flex;align-items:center;gap:10px;padding:16px 28px;border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);font-size:15px;font-weight:700;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;flex:1;justify-content:center;position:relative;overflow:hidden}.section-btn:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--accent-primary);border-radius:3px 3px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.section-btn:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border);transform:translateY(-1px)}.section-btn.active{background:var(--bg-primary);color:var(--text-primary);border-color:var(--accent-primary);box-shadow:0 0 20px #6366f126,var(--shadow-md)}.section-btn.active:before{width:60%}.section-icon{font-size:22px;transition:transform .2s}.section-btn:hover .section-icon{transform:scale(1.1)}.section-btn.active .section-icon{transform:scale(1.15)}.section-label{letter-spacing:-.2px}.tab-nav{display:flex;gap:8px;padding:8px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:32px;overflow-x:auto;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit}.tab-btn:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.tab-icon{font-size:18px;filter:grayscale(100%) brightness(200%);opacity:.7;transition:all .2s}.tab-btn.active .tab-icon{filter:grayscale(0%);opacity:1}.calculator-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:40px;border:1px solid var(--border-light);box-shadow:var(--shadow-md)}.calculator-card h2{font-size:28px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}.subtitle{color:var(--text-secondary);font-size:15px;margin-bottom:32px}.calc-form{margin-bottom:32px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1;display:flex;flex-direction:column;gap:8px}.form-group.full-width{flex:1 1 100%}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:15px;font-family:inherit;transition:all .2s ease}.form-group input:hover,.form-group select:hover{border-color:var(--text-muted)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);background:var(--bg-primary)}.btn-row{display:flex;gap:16px;margin-top:16px}.btn-primary{padding:14px 28px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-primary:hover{background:#e4e4e7;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{padding:14px 28px;background:transparent;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.error-msg{color:var(--danger);font-size:14px;padding:12px 16px;background:#ef44441a;border-radius:var(--radius-sm);margin-bottom:20px;border:1px solid rgba(239,68,68,.2);display:flex;align-items:center;gap:8px}.result-section{margin-top:16px;padding-top:32px;border-top:1px dashed var(--border-light)}.result-hero{text-align:center;padding:32px 0;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light);margin-bottom:32px}.result-big{font-size:64px;font-weight:800;display:block;line-height:1;letter-spacing:-2px;color:var(--text-primary)}.result-unit{font-size:16px;color:var(--text-secondary);font-weight:500;margin-top:8px;display:block}.result-category{font-size:20px;font-weight:600;display:inline-block;margin-top:16px;padding:6px 16px;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-primary)}.gauge-bar{position:relative;height:12px;background:linear-gradient(90deg,var(--info) 0%,var(--success) 35%,var(--success) 55%,var(--warning) 75%,var(--danger) 100%);border-radius:var(--radius-full);margin:32px 0 40px}.gauge-fill{position:absolute;top:-8px;height:28px;width:4px;background:var(--text-primary);border-radius:2px;left:var(--pos);box-shadow:0 0 10px #ffffff80;transition:left .5s ease-out}.gauge-segments{position:relative;height:24px;margin-top:8px}.gauge-segments span{position:absolute;font-size:12px;color:var(--text-secondary);transform:translate(-50%);font-weight:500}.details-table{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light);margin-top:24px;background:var(--bg-primary)}.detail-row{display:flex;justify-content:space-between;padding:16px 24px;font-size:15px;border-bottom:1px solid var(--border-light)}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:var(--text-secondary);font-weight:500}.detail-row span:last-child{font-weight:600;color:var(--text-primary)}.detail-row.highlight{background:var(--accent-light);border-left:3px solid var(--accent-primary)}.result-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.result-cards.four-col{grid-template-columns:repeat(4,1fr)}.metric-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px;text-align:center;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--border)}.metric-card.accent{border-color:var(--text-primary)}.metric-card h3{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px;font-weight:600}.metric-value{font-size:36px;font-weight:800;color:var(--text-primary);display:block;letter-spacing:-1px}.metric-unit{font-size:14px;color:var(--text-muted);display:block;margin-top:4px;font-weight:500}.info-box{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;margin-top:24px;font-size:14px;color:var(--text-secondary);line-height:1.6}.info-box h4{color:var(--text-primary);margin-bottom:8px;font-size:15px}.plan-tabs{display:flex;gap:12px;margin-bottom:24px}.plan-tab{padding:10px 24px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.plan-tab:hover:not(.active){border-color:var(--text-muted);color:var(--text-primary)}.plan-tab.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.macro-result-section{margin-top:0}.macro-result-intro{padding:16px 0;color:var(--text-secondary);font-size:14px;line-height:1.7}.macro-results-table{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;margin-bottom:24px}.macro-row{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--border-light);transition:background .2s}.macro-row:last-child{border-bottom:none}.macro-row:hover{background:#ffffff05}.macro-row-label{display:flex;flex-direction:column;justify-content:center;padding:16px 20px;border-right:1px solid var(--border-light);background:#ffffff04}.macro-row-name{font-weight:700;font-size:15px;color:var(--text-primary)}.macro-row-sub{font-size:12px;color:var(--text-muted);margin-top:2px;font-style:italic}.macro-row-value{display:flex;flex-direction:column;justify-content:center;padding:16px 24px}.macro-row-amount{font-size:28px;font-weight:800;color:var(--text-primary);line-height:1.2}.macro-row-unit{font-size:14px;color:var(--text-secondary);font-weight:500}.macro-row-range{font-size:13px;color:var(--text-muted);margin-top:4px}.macro-row-limit .macro-row-amount{color:var(--warning)}.macro-row-energy{background:#6366f10a}.macro-row-energy .macro-row-amount{color:var(--accent-primary);font-size:30px}.macro-disclaimer{margin-top:24px;padding:20px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md)}.macro-disclaimer p{font-size:13px;line-height:1.8;color:var(--text-muted);margin:0}.chart-section{margin:32px 0;background:var(--bg-primary);padding:24px;border-radius:var(--radius-md);border:1px solid var(--border-light)}.chart-section h3{margin-bottom:24px;font-size:18px}.history-table-wrapper{margin-top:32px}.history-table-wrapper h3{margin-bottom:16px;font-size:18px}.table-scroll{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-light)}.data-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--bg-primary)}.data-table th{text-align:left;padding:16px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;font-size:13px;border-bottom:1px solid var(--border)}.data-table td{padding:16px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-secondary)}.btn-delete{background:transparent;color:var(--text-muted);border:none;width:32px;height:32px;border-radius:var(--radius-sm);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-delete:hover{background:#ef44441a;color:var(--danger)}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 0;font-size:16px;background:var(--bg-primary);border-radius:var(--radius-md);border:1px dashed var(--border)}.tracker-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.date-picker-group{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.date-nav-btn{background:transparent;border:none;color:var(--text-secondary);padding:12px 16px;cursor:pointer;font-size:14px;transition:all .2s}.date-nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.date-picker{padding:12px 16px;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);background:transparent;color:var(--text-primary);font-size:15px;font-weight:600}.date-picker:focus{outline:none}.goal-form{background:var(--bg-primary);padding:24px;border-radius:var(--radius-md);margin-bottom:24px;border:1px solid var(--border-light);display:flex;align-items:flex-end;gap:16px}.goal-form .form-group{margin-bottom:0}.goal-form .btn-primary{padding:14px 24px}.cal-summary{display:flex;gap:40px;align-items:center;margin-bottom:32px;flex-wrap:wrap;background:var(--bg-primary);padding:32px;border-radius:var(--radius-md);border:1px solid var(--border-light)}.cal-ring-wrapper{position:relative;width:160px;height:160px;flex-shrink:0}.cal-ring{width:100%;height:100%;transform:rotate(-90deg)}.cal-ring-circle-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:8}.cal-ring-circle{fill:none;stroke:var(--accent-primary);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease}.cal-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.cal-ring-big{display:block;font-size:28px;font-weight:800;letter-spacing:-1px}.cal-ring-small{font-size:13px;color:var(--text-secondary);font-weight:500}.cal-stats{display:flex;flex-direction:column;gap:16px;min-width:180px}.cal-stat{display:flex;justify-content:space-between;align-items:center;gap:24px}.stat-label{color:var(--text-secondary);font-size:15px;font-weight:500}.stat-value{font-weight:700;font-size:16px;color:var(--text-primary)}.macro-summary{flex:1;min-width:300px}.macro-track{margin-bottom:16px}.macro-track-header{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.macro-track-header span:first-child{font-weight:600;color:var(--text-primary)}.macro-track-header span:last-child{color:var(--text-secondary);font-weight:500}.macro-track-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.macro-track-fill{height:100%;border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1)}.macro-track-fill.protein{background:var(--accent-primary)}.macro-track-fill.carbs{background:var(--warning)}.macro-track-fill.fat{background:var(--danger)}.food-search{margin-bottom:32px;background:var(--bg-primary);padding:24px;border-radius:var(--radius-md);border:1px solid var(--border-light)}.food-search h3{margin-bottom:16px;font-size:18px}.search-row{display:flex;gap:12px}.search-row input{flex:1}.search-results{margin-top:16px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;max-height:400px;overflow-y:auto;background:var(--bg-secondary)}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:var(--bg-secondary)}.search-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.food-result{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-light);transition:background .15s}.food-result:hover{background:var(--bg-tertiary)}.food-result:last-child{border-bottom:none}.food-info{display:flex;flex-direction:column;gap:4px}.food-info strong{font-size:15px;color:var(--text-primary)}.food-info span{font-size:13px;color:var(--text-secondary);font-weight:500}.btn-add{padding:8px 20px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-full);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit}.btn-add:hover{background:#e4e4e7;transform:scale(1.05)}.meal-logs h3{margin-bottom:20px;font-size:18px}.meal-group{margin-bottom:24px;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-primary)}.meal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.meal-header h4{font-size:15px;font-weight:700;color:var(--text-primary)}.meal-header span{font-size:14px;color:var(--text-secondary);font-weight:600}.meal-entry{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-light);font-size:15px}.meal-entry:last-child{border-bottom:none}.meal-food{flex:1;font-weight:600;color:var(--text-primary)}.meal-cals{font-weight:700;min-width:80px;text-align:right}.meal-macros{color:var(--text-secondary);font-size:13px;min-width:180px;font-weight:500}.db-status{text-align:center;color:var(--text-secondary);font-size:13px;margin-top:32px;padding:16px;background:var(--bg-primary);border-radius:var(--radius-md);border:1px dashed var(--border)}.search-input-wrapper{position:relative;flex:1}.search-input-wrapper input{width:100%}.suggest-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:0 12px 32px #0006;z-index:100;max-height:320px;overflow-y:auto}.suggest-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border-light);gap:10px}.suggest-item:last-child{border-bottom:none}.suggest-item:hover{background:var(--bg-primary)}.suggest-main{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.suggest-name{font-weight:600;color:var(--text-primary);text-transform:capitalize}.suggest-cal{font-size:13px;color:var(--text-muted);font-weight:500}.suggest-badges{display:flex;gap:5px;flex-shrink:0}.suggest-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap;text-transform:capitalize}.badge-vegan{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-veg{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-egg{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-nonveg{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-dish{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.serving-customizer{margin-top:16px;padding:20px 24px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);animation:slideIn .25s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.serving-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.serving-header h4{margin:0;font-size:16px;color:var(--text-primary)}.serving-header em{color:var(--accent-primary);text-transform:capitalize}.btn-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all .15s}.btn-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.serving-hint{font-size:13px;color:var(--text-muted);padding:8px 12px;background:#6366f10f;border-radius:var(--radius-sm);margin-bottom:14px;border-left:3px solid var(--accent-primary)}.serving-hint .serving-category{color:var(--text-secondary);text-transform:capitalize}.serving-controls{display:flex;gap:16px;align-items:flex-end;margin-bottom:16px}.serving-control{display:flex;flex-direction:column;gap:6px;flex:1}.serving-control label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.serving-control select,.serving-control input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:600}.serving-grams{font-size:20px;font-weight:800;color:var(--accent-primary);padding:6px 0}.serving-preview{margin-top:8px}.preview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}.preview-item{text-align:center;padding:12px 8px;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.preview-item.cal{border-color:var(--accent-primary);background:#6366f114}.pv-val{display:block;font-size:18px;font-weight:800;color:var(--text-primary)}.pv-lbl{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-top:2px}.btn-log{width:100%;padding:14px;font-size:15px;font-weight:700}.water-tracker{margin-top:32px;padding:24px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md)}.water-tracker h3{margin:0 0 20px;font-size:18px;color:var(--text-primary)}.water-progress-row{display:flex;gap:32px;align-items:center}.water-ring-wrapper{position:relative;width:120px;height:120px;flex-shrink:0}.water-ring{width:100%;height:100%}.water-ring circle:last-child{transition:stroke-dasharray .5s ease}.water-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.water-ring-big{font-size:20px;font-weight:800;color:#38bdf8;line-height:1}.water-ring-small{font-size:10px;color:var(--text-muted);margin-top:2px}.water-info{flex:1}.water-glasses{font-size:15px;color:var(--text-secondary);font-weight:600;margin-bottom:12px}.water-buttons{display:flex;gap:8px;flex-wrap:wrap}.water-btn{padding:10px 16px;background:linear-gradient(135deg,#38bdf81f,#38bdf80a);border:1px solid rgba(56,189,248,.25);border-radius:var(--radius-sm);color:#38bdf8;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.water-btn:hover{background:linear-gradient(135deg,#38bdf838,#38bdf81a);border-color:#38bdf8;transform:translateY(-1px);box-shadow:0 4px 12px #38bdf833}.meal-serving{font-size:12px;color:var(--text-muted);min-width:50px;font-weight:600}.placeholder-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.placeholder-feature{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:600;transition:all .2s}.placeholder-feature:hover{border-color:var(--border);color:var(--text-primary);transform:translateY(-1px)}.placeholder-feature span:first-child{font-size:20px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.exercise-logger{position:relative}.exercise-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.exercise-stat-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .2s,box-shadow .2s,border-color .2s}.exercise-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border)}.exercise-stat-icon{font-size:24px}.exercise-stat-value{font-size:30px;font-weight:800;color:var(--text-primary);letter-spacing:-1px;line-height:1}.exercise-stat-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.exercise-search-section{margin-bottom:24px}.exercise-dropdown{max-height:420px}.search-message{display:flex;align-items:center;gap:10px;padding:20px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);line-height:1.5}.search-message-icon{font-size:20px;flex-shrink:0}.search-error{background:#ef44440f;border-left:3px solid var(--danger);color:var(--danger)}.search-empty{color:var(--text-muted)}.load-more-row{padding:14px;text-align:center;font-size:13px;font-weight:700;color:var(--accent-primary);cursor:pointer;border-top:1px solid var(--border-light);transition:background .2s;letter-spacing:.3px}.load-more-row:hover{background:var(--accent-light)}.exercise-suggest-item{display:flex!important;justify-content:flex-start!important;align-items:center;gap:14px;padding:10px 16px}.exercise-thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--bg-tertiary);border:1px solid var(--border-light);flex-shrink:0}.exercise-suggest-info{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}.exercise-suggest-meta{display:flex;flex-wrap:wrap;gap:4px}.exercise-category-badge{display:inline-block;font-size:10px;font-weight:700;color:var(--accent-primary);background:var(--accent-light);padding:2px 10px;border-radius:var(--radius-full);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.exercise-equip-badge{display:inline-block;font-size:10px;font-weight:700;color:var(--warning);background:#f59e0b1a;padding:2px 10px;border-radius:var(--radius-full);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.exercise-type-badge{display:inline-block;font-size:10px;font-weight:700;color:var(--success);background:#10b9811a;padding:2px 10px;border-radius:var(--radius-full);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.exercise-level-badge{display:inline-block;font-size:10px;font-weight:700;color:#fff;padding:2px 10px;border-radius:var(--radius-full);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.exercise-category-badge.small{font-size:10px;padding:1px 8px}.exercise-detail-panel{background:var(--bg-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-md);margin-bottom:24px;overflow:hidden;box-shadow:0 0 30px #6366f114;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.exercise-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;border-bottom:1px solid var(--border-light)}.exercise-detail-name{font-size:22px;font-weight:800;color:var(--text-primary);margin:0 0 10px}.exercise-detail-badges{display:flex;flex-wrap:wrap;gap:6px}.exercise-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;color:var(--text-muted)}.loading-spinner{width:36px;height:36px;border:3px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.exercise-detail-body{padding:24px}.exercise-media-row{margin-bottom:24px}.exercise-video-wrapper{border-radius:var(--radius-md);overflow:hidden;background:#000;max-height:400px;display:flex;justify-content:center}.exercise-video{width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-md)}.exercise-image-wrapper{border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary);display:flex;justify-content:center}.exercise-detail-img{max-width:100%;max-height:350px;object-fit:contain}.exercise-images-container{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.exercise-images-container .exercise-detail-img{max-width:calc(50% - 8px);border-radius:var(--radius-sm)}.exercise-info-grid{display:flex;gap:24px;margin-bottom:20px;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.exercise-info-item{display:flex;flex-direction:column;gap:2px}.exercise-info-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.exercise-info-value{font-size:14px;font-weight:600;color:var(--text-primary)}.exercise-overview{margin-bottom:24px;padding:16px 20px;background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--accent-primary)}.exercise-overview p{font-size:14px;line-height:1.7;color:var(--text-secondary);margin:0}.exercise-muscles-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.exercise-muscle-group h4{font-size:14px;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.exercise-muscle-pills{display:flex;flex-wrap:wrap;gap:6px}.muscle-pill{font-size:11px;font-weight:700;padding:4px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px}.muscle-pill.target{color:#f87171;background:#f871711f}.muscle-pill.secondary{color:#60a5fa;background:#60a5fa1f}.exercise-instructions,.exercise-tips,.exercise-variations{margin-bottom:20px}.exercise-instructions h4,.exercise-tips h4,.exercise-variations h4{font-size:14px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.instruction-list{padding-left:20px;margin:0}.instruction-list li{font-size:14px;line-height:1.7;color:var(--text-secondary);padding:6px 0;border-bottom:1px solid var(--border-light)}.instruction-list li:last-child{border-bottom:none}.tips-list,.variations-list{padding-left:20px;margin:0}.tips-list li,.variations-list li{font-size:13px;line-height:1.7;color:var(--text-muted);padding:4px 0}.exercise-detail-panel .exercise-log-form{border-top:1px solid var(--border-light);padding:24px;margin:0;background:var(--bg-secondary)}.exercise-detail-panel .exercise-log-form h4{font-size:16px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.exercise-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.exercise-form-grid--narrow{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:400px}.exercise-log-btn{margin-top:20px;width:100%}.exercise-log-list{margin-top:24px}.exercise-log-list h3{font-size:18px;font-weight:700;margin-bottom:16px}.exercise-log-entry{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:10px;transition:border-color .2s}.exercise-log-entry:hover{border-color:var(--border)}.exercise-log-main{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.exercise-log-name-row{display:flex;align-items:center;gap:10px}.exercise-log-name-row strong{font-size:15px;font-weight:700}.exercise-log-details{display:flex;flex-wrap:wrap;gap:8px}.exercise-detail-chip{font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 12px;border-radius:var(--radius-full);white-space:nowrap}.exercise-log-notes{font-size:13px;color:var(--text-muted);font-weight:500;font-style:italic}.exercise-empty{margin-top:24px}@media(max-width:860px){.app{padding:0 16px 40px}.calculator-card{padding:24px}.result-cards{grid-template-columns:1fr}.result-cards.four-col{grid-template-columns:repeat(2,1fr)}.cal-summary{flex-direction:column;align-items:center;text-align:center;gap:24px}.goal-form{flex-direction:column;align-items:stretch}.tab-label{display:none}.tab-btn{padding:12px;justify-content:center}.form-row{flex-direction:column;gap:16px}.btn-row{flex-direction:column}.meal-entry{flex-direction:column;align-items:flex-start;gap:8px}.meal-cals,.meal-macros{text-align:left}.section-nav{gap:8px}.section-btn{padding:12px 16px;font-size:13px}.section-icon{font-size:18px}.placeholder-features{grid-template-columns:1fr}.exercise-placeholder{min-height:400px}.serving-controls{flex-direction:column;gap:12px}.preview-grid{grid-template-columns:repeat(3,1fr)}.water-progress-row{flex-direction:column;gap:16px;text-align:center}.water-buttons{justify-content:center}.search-row{flex-direction:column;gap:10px}.exercise-summary-row,.exercise-form-grid{grid-template-columns:repeat(2,1fr)}.exercise-muscles-section{grid-template-columns:1fr}.exercise-detail-header{flex-direction:column;gap:12px}.exercise-detail-name{font-size:18px}.exercise-video{max-height:280px}.exercise-detail-panel .exercise-log-form{padding:16px}.macro-row{grid-template-columns:120px 1fr}.macro-row-amount{font-size:22px}.macro-row-label{padding:12px 14px}.macro-row-value{padding:12px 16px}.macro-disclaimer{padding:14px}}