:root{--bg: #f7f7f8;--surface: #ffffff;--border: #e2e2e5;--text: #1a1a1e;--text-dim: #6b6b70;--primary: #2f6f4f;--primary-dark: #234f39;--danger: #b3261e;--danger-bg: #fdecea}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif}a{color:var(--primary)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar .brand{font-weight:700;font-size:1.1rem}.topbar nav{display:flex;gap:16px}.topbar nav a{text-decoration:none;color:var(--text-dim);font-size:.9rem}.topbar nav a.active{color:var(--primary);font-weight:600}.page{max-width:900px;margin:0 auto;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat-label{font-size:.75rem;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px}.stat-value{font-size:1.5rem;font-weight:700}.btn{display:inline-block;border:none;border-radius:6px;padding:10px 18px;font-size:.9rem;cursor:pointer;background:var(--primary);color:#fff}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.field{margin-bottom:14px;display:flex;flex-direction:column;gap:4px}.field label{font-size:.8rem;color:var(--text-dim)}.field input,.field select,.field textarea{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:.95rem}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.error-banner{background:var(--danger-bg);color:var(--danger);padding:10px 14px;border-radius:6px;margin-bottom:14px;font-size:.9rem}.info-banner{background:#eef6f1;color:var(--primary-dark);padding:10px 14px;border-radius:6px;margin-bottom:14px;font-size:.9rem}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:32px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--border);font-size:.9rem}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-wrap{display:flex;flex-wrap:wrap}.flex-column{display:flex;flex-direction:column}.page-narrow{max-width:540px}.page-medium{max-width:640px}.page-wide{max-width:900px}.text-inherit{color:inherit;text-decoration:none;font-weight:500}.text-capitalize{text-transform:capitalize}.text-white{color:#fff}.text-dim{color:var(--text-dim)}.text-slate{color:#94a3b8}.text-slate-light{color:#e2e8f0}.text-dark-solid{color:#121314}.text-accent{color:var(--accent, #3b82f6)}.text-small{font-size:.85rem}.text-tiny{font-size:.8rem}.text-mini{font-size:.75rem}.text-0-78{font-size:.78rem}.text-0-9{font-size:.9rem}.text-1{font-size:1rem}.text-1-3{font-size:1.3rem}.text-1-5{font-size:1.5rem}.bold{font-weight:700}.fw-500{font-weight:500}.fw-600{font-weight:600}.no-underline{text-decoration:none}.text-right{text-align:right}.text-center{text-align:center}.mt-4{margin-top:4px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.w-100{width:100%}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.clickable-row{cursor:pointer;transition:background .2s}.btn-full{width:100%}.btn-small{font-size:.85rem;padding:8px 16px}.btn-transparent{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer}.btn-youtube{display:inline-block;text-decoration:none;background:#ef4444;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.modal-card{max-width:600px;width:100%;max-height:90vh;overflow-y:auto;background-color:#1e293b;color:#fff;border:1px solid #334155;box-shadow:0 20px 25px -5px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-title{color:#fff;margin:0}.modal-close{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer}.modal-section{margin:16px 0;background:#ffffff08;padding:16px;border-radius:8px;text-align:center}.modal-section-title{margin-bottom:8px;color:#fff}.modal-section-text{font-size:.85rem;color:#94a3b8;margin-bottom:12px}.modal-youtube-btn{display:inline-block;text-decoration:none;background:#ef4444;color:#fff}.modal-instructions{font-size:.9rem;line-height:1.5;color:#e2e8f0;max-height:150px;overflow-y:auto;padding-right:4px}.modal-recipe{font-size:.9rem;line-height:1.5;color:#e2e8f0;background:#ffffff08;padding:12px;border-radius:8px}.modal-footer{margin-top:24px;text-align:right}.exercise-image-container{margin:16px 0;text-align:center;background:#0f172a;border-radius:8px;padding:8px}.exercise-image{max-width:100%;max-height:240px;border-radius:8px;object-fit:contain}.no-image-msg{padding:20px;text-align:center;color:#94a3b8;background:#ffffff08;border-radius:8px;margin:16px 0}.macro-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0;text-align:center;background:#0f172a;padding:12px;border-radius:8px}.macro-label{font-size:.75rem;color:#94a3b8}.macro-value{font-weight:700;color:#fff}.step-bar{display:flex;gap:8px;margin-bottom:20px}.step-item{flex:1;padding:6px 8px;text-align:center;font-size:.8rem;border-radius:4px}.step-item-active{background:var(--accent, #3b82f6);color:#fff;font-weight:600}.step-item-inactive{background:var(--card-bg, #1e293b);color:var(--text-dim);font-weight:400}.equipment-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.equipment-btn{background:transparent;color:var(--text-main);border:1px solid var(--line, #334155);padding:6px 12px;font-size:.78rem}.equipment-btn-selected{background:var(--accent, #3b82f6);color:#fff;border:1px solid var(--line, #334155);padding:6px 12px;font-size:.78rem}.streak-banner{display:flex;align-items:center;justify-content:space-between;margin-top:16px;background:var(--card-bg, #1e293b);padding:16px 24px}.streak-value{font-size:1.5rem;font-weight:700;color:var(--accent, #3b82f6);margin-top:4px}.chart-container{height:220px}.chart-container-lg{height:240px}.chart-container-sm{height:200px}.chart-title{margin-bottom:12px;font-size:1rem}.wizard-nav{display:flex;justify-content:space-between;margin-top:24px}.wizard-back{cursor:not-allowed}.wizard-back-enabled{cursor:pointer}.grid-auto-180{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid-auto-210{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid-auto-140{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.grid-split{grid-template-columns:1fr 1fr;gap:16px}.card-no-margin{margin:0}.card-link{text-decoration:none;color:inherit}.stat-margin{margin-top:24px}.stat-margin-lg{margin-top:32px}.field-margin{margin-bottom:12px}.field-margin-sm{margin-top:12px}.field-margin-xs{margin-top:8px}.checkbox-margin{margin:12px 0}.auth-link-text{margin-top:16px;font-size:.85rem}.stat-value-accent{color:var(--accent, #3b82f6)}.stat-value-large{font-size:1.3rem}.stat-value-capitalize{font-size:1.3rem;text-transform:capitalize}.timeline-text{margin:0}.error-banner-margin{margin-top:12px}.stat-label-margin{margin-bottom:8px}.stat-label-margin-sm{margin-top:12px}.info-text-small{color:var(--text-dim);font-size:.85rem;margin-bottom:16px}.health-title{margin-bottom:4px}.fitness-title,.diet-title,.personal-title{margin-bottom:16px}.instructions-section{margin-top:16px}.instructions-title{margin-bottom:6px;color:#fff}.recipe-section{margin:16px 0}.recipe-title{margin-bottom:6px;color:#fff}.how-to-section{margin:16px 0;background:#ffffff08;padding:16px;border-radius:8px;text-align:center}.how-to-title{margin-bottom:8px;color:#fff}.how-to-text{font-size:.85rem;color:#94a3b8;margin-bottom:12px}.prescription-text,.serving-text{font-size:.85rem;color:#94a3b8;margin-bottom:16px}.page-description{color:var(--text-dim);margin-bottom:24px}.page-subtitle{color:var(--text-dim);margin-bottom:16px}.stat-summary-text,.review-summary{margin-top:12px;color:#121314}.chat-container{min-height:300px;max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.chat-message{max-width:80%;padding:10px 14px;border-radius:12px;font-size:.85rem;white-space:pre-wrap}.chat-message-user{align-self:flex-end;background:var(--primary);color:#fff}.chat-message-assistant{align-self:flex-start;background:var(--surface);color:var(--text);border:1px solid var(--border)}.chat-message-time{font-size:.7rem;opacity:.7;margin-top:4px}.chat-input-area{display:flex;gap:12px;align-items:flex-start}.chat-textarea{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--border);resize:none;font-size:.9rem;font-family:inherit}.photo-gallery{display:flex;gap:12px;overflow-x:auto;padding:8px 0}.photo-item{min-width:150px;text-align:center;position:relative}.photo-item img{width:150px;height:200px;object-fit:cover;border-radius:8px}.photo-delete-btn{position:absolute;top:4px;right:4px;background:#b3261ee6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center}.sidebar-layout{display:flex;gap:24px}.sidebar{width:280px;min-width:200px}.sidebar-content{flex:1}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.btn-danger{background:var(--danger)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;background:var(--primary);color:#fff}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.justify-between{justify-content:space-between}.opacity-80{opacity:.8}.flex-1{flex:1}.flex-auto{flex:auto}.pl-20{padding-left:20px}.p-8{padding:8px}.p-40{padding:40px}.bg-dim{background:#00000005}.bg-primary-light{background:#2f6f4f1a}@media (max-width: 900px){.page{padding:16px}.page-wide,.page-medium,.page-narrow{max-width:100%}.topbar{padding:12px 16px;flex-wrap:wrap;gap:8px}.topbar nav{gap:12px;flex-wrap:wrap}.topbar nav a{white-space:nowrap;font-size:.85rem}.sidebar-layout{flex-direction:column}.sidebar{width:100%;min-width:100%}.card-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}table{font-size:.85rem}th,td{padding:6px}.flex-between{flex-wrap:wrap;gap:8px}}@media (max-width: 600px){.page{padding:12px}.topbar{flex-direction:column;align-items:flex-start}.topbar .brand{font-size:1rem;width:100%}.topbar nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.card-grid,.grid-split{grid-template-columns:1fr}.chat-input-area{flex-direction:column}.chat-input-area .btn{width:100%}.modal-overlay{padding:8px}.modal-card{max-width:100%;max-height:100vh;border-radius:8px}.btn{padding:10px 14px;font-size:.85rem}.stat-value{font-size:1.3rem}.photo-item{min-width:120px}.photo-item img{width:120px;height:160px}table .hide-mobile{display:none}.equipment-grid{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.equipment-btn{flex-shrink:0}}