:root{--bg: #e9ebee;--shell: #ffffff;--card: #f4f5f7;--text: #111417;--muted: #7d8894;--muted-dim: #aab3bd;--accent: #3390ec;--accent-dim: rgba(51, 144, 236, .15);--accent-border: rgba(51, 144, 236, .25);--accent-bg-soft: rgba(51, 144, 236, .08);--accent-text: #1d6fd0;--hover-bg: #eef0f3;--green: #32d474;--orange: #ffb02e;--purple: #bf5af2;--red: #ff6b6b;--safe-top: 0px;--safe-bottom: 0px;--app-height: 100dvh}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}input,button{font-family:inherit}input:focus{outline:none;border-color:var(--accent)!important}::-webkit-scrollbar{width:0;height:0}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.app-outer{display:flex;justify-content:center;height:var(--app-height);background:var(--bg)}.app-shell{position:relative;width:100%;max-width:420px;height:var(--app-height);background:var(--shell);color:var(--text);display:flex;flex-direction:column;overflow:hidden}.screen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:calc(18px + var(--safe-top)) 16px calc(90px + var(--safe-bottom));display:flex;flex-direction:column;gap:14px}.screen-title{font-size:22px;font-weight:700}.screen-sub{font-size:13px;color:var(--muted)}.screen-header-row{display:flex;align-items:center;justify-content:space-between}.card{background:var(--card);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.card-label{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.card-row{display:flex;align-items:center;justify-content:space-between}.card-row-baseline{display:flex;align-items:baseline;justify-content:space-between}button{-webkit-tap-highlight-color:transparent;transition:transform .08s ease}button:active{transform:scale(.96)}.btn{border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-primary{height:46px;background:var(--accent);color:#fff;font-size:16px;width:100%}.btn-primary.tall{height:48px}.btn-success{height:38px;padding:0 14px;background:var(--green);color:#08281a;font-size:14px;font-weight:700;border:none;border-radius:7px;cursor:pointer}.btn-outline{height:48px;width:100%;background:transparent;border:1px solid rgba(51,144,236,.4);color:var(--accent);font-size:16px;border-radius:8px;cursor:pointer;font-weight:600}.btn-outline:active{background:var(--accent-bg-soft)}.btn-chip{height:32px;padding:0 12px;border:none;border-radius:8px;background:var(--accent-dim);color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}.btn-chip-round{height:32px;padding:0 12px;border:none;border-radius:9px;background:rgba(51,144,236,.12);color:var(--accent);font-size:13px;cursor:pointer}.btn-link{height:44px;border:none;border-radius:8px;background:transparent;color:var(--accent);font-size:15px;font-weight:600;cursor:pointer;width:100%}.btn-back-text{height:40px;border:none;border-radius:7px;background:transparent;color:var(--muted);font-size:14px;cursor:pointer;width:100%}.btn-toggle{flex:1;height:38px;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer}.btn-submit-inline{height:44px;padding:0 16px;border:none;border-radius:7px;background:var(--accent);color:#fff;font-size:14px;font-weight:700;cursor:pointer;flex:none}.progress-track{height:8px;border-radius:4px;background:rgba(0,0,0,.05);overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:var(--accent);transition:width .3s}.macro-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.macro-col{display:flex;flex-direction:column;gap:5px}.macro-label{font-size:12px;color:var(--muted)}.macro-value{font-size:15px;font-weight:700}.macro-value span{color:var(--muted);font-weight:400;font-size:12px}.macro-track{height:4px;border-radius:2px;background:rgba(0,0,0,.05)}.macro-fill{height:100%;border-radius:2px}.meal-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.045)}.meal-row:last-child{border-bottom:none}.meal-name{font-size:15px}.meal-sub{font-size:12px;color:var(--muted)}.meal-kcal{font-size:14px;font-weight:600;flex:none}.row-del{width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:16px;cursor:pointer;flex:none}.row-del:hover{color:var(--red)}.tab-bar{position:absolute;left:0;right:0;bottom:0;height:calc(64px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--card);border-top:1px solid rgba(0,0,0,.06);display:flex;align-items:stretch;z-index:5}.tab-btn{flex:1;border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0}.tab-indicator{width:26px;height:3px;border-radius:2px}.tab-label{font-size:13px;font-weight:600}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--shell);z-index:10;display:flex;flex-direction:column;animation:slideUp .22s ease}.overlay.z20{z-index:20}.overlay.z30{z-index:30}.overlay.z40{z-index:40}.overlay-header{flex:none;display:flex;align-items:center;gap:8px;padding:calc(12px + var(--safe-top)) 12px 10px;border-bottom:1px solid rgba(0,0,0,.06)}.overlay-header-title{font-size:17px;font-weight:700;flex:1}.overlay-header-title.truncate{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-header-sub{font-size:12px;color:var(--muted)}.overlay-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 16px 30px;display:flex;flex-direction:column;gap:12px}.icon-btn{width:40px;height:40px;border:none;border-radius:7px;background:transparent;color:var(--accent);font-size:22px;cursor:pointer;flex:none}.input{height:44px;width:100%;border:1px solid rgba(0,0,0,.08);border-radius:7px;background:var(--shell);color:var(--text);font-size:15px;padding:0 12px}.input.tall{height:48px;border-radius:8px}.input.center-big{font-size:22px;font-weight:700;text-align:center}.input-row{display:flex;gap:8px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.stepper-row{display:flex;gap:8px;align-items:center}.stepper-btn{width:52px;height:48px;border:none;border-radius:8px;background:rgba(0,0,0,.05);color:var(--text);font-size:22px;cursor:pointer;flex:none}.stepper-value{flex:1;text-align:center;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.stepper-field{display:flex;flex-direction:column;gap:6px}.pr-badge{font-size:10px;font-weight:800;color:#08281a;background:var(--orange);border-radius:5px;padding:2px 6px;letter-spacing:.5px;flex:none}.exercise-card{text-align:left;background:var(--card);border:none;border-radius:10px;padding:13px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;color:var(--text);width:100%}.exercise-card:hover{background:var(--hover-bg)}.exercise-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.exercise-card-name{font-size:15px;font-weight:600}.exercise-card-prev{font-size:12px;color:var(--muted)}.exercise-card-sets{font-size:14px;color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}.exercise-card-chevron{color:var(--muted);font-size:18px;flex:none}.history-card{background:var(--shell);border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden}.history-card-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.history-date-badge{width:34px;height:34px;border-radius:8px;background:var(--accent-bg-soft);color:var(--accent);font-size:13px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;flex:none}.history-date-mon{font-size:9px;font-weight:600;text-transform:uppercase}.history-card-title{flex:1;min-width:0}.history-card-name{font-size:15px;font-weight:700}.history-card-meta{font-size:12px;color:var(--muted)}.history-confirm-row{display:flex;align-items:center;gap:8px;background:rgba(255,107,107,.08);border-bottom:1px solid rgba(255,107,107,.3);padding:8px 16px}.history-day-row{display:flex;align-items:center;gap:12px;border:none;border-bottom:1px solid rgba(0,0,0,.045);background:transparent;padding:11px 16px;cursor:pointer;text-align:left;width:100%;color:var(--text)}.history-day-row:last-child{border-bottom:none}.history-day-row:hover{background:var(--hover-bg)}.history-ex-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.history-ex-name{font-size:14px;font-weight:600;color:var(--text)}.history-ex-chips{display:flex;flex-wrap:wrap;gap:5px}.history-ex-chip{font-size:12px;font-weight:600;color:#4a5560;background:#f0f2f5;border-radius:5px;padding:2px 7px;font-variant-numeric:tabular-nums}.history-ex-empty{font-size:12px;color:var(--muted-dim)}.history-ex-chevron{font-size:16px;color:var(--muted-dim);flex:none}.prev-box{background:var(--accent-bg-soft);border:1px solid var(--accent-border);border-radius:10px;padding:13px 16px;display:flex;flex-direction:column;gap:9px}.prev-box-title{font-size:13px;font-weight:600;color:var(--accent)}.prev-chip{height:30px;padding:0 12px;border-radius:8px;background:var(--accent-dim);color:var(--accent-text);font-size:14px;font-weight:600;display:flex;align-items:center;font-variant-numeric:tabular-nums}.chip-wrap{display:flex;flex-wrap:wrap;gap:6px}.set-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.045)}.set-row:last-child{border-bottom:none}.set-index{width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.05);color:var(--muted);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none}.set-text{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.week-chart{position:relative;height:78px;display:flex;align-items:flex-end;gap:6px}.week-goal-line{position:absolute;left:0;right:0;border-top:1px dashed rgba(0,0,0,.22)}.week-bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.week-bar{width:100%;max-width:26px;border-radius:4px 4px 1px 1px}.week-bar-label{font-size:10px;color:var(--muted);flex:none}.prog-chart{display:flex;align-items:flex-end;gap:8px;height:170px}.prog-bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;height:100%}.prog-bar{width:100%;max-width:38px;border-radius:4px 4px 1px 1px}.prog-bar-val{font-size:11px;color:var(--accent-text);font-weight:600;font-variant-numeric:tabular-nums}.prog-bar-label{font-size:10px;color:var(--muted)}.pr-callout{background:rgba(255,176,46,.08);border:1px solid rgba(255,176,46,.3);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:10px}.metric-toggle-row{display:flex;gap:6px}.metric-toggle{flex:1;height:36px;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer}.template-card{text-align:left;background:var(--card);border:none;border-radius:10px;padding:15px 16px;cursor:pointer;display:flex;flex-direction:column;gap:3px;color:var(--text);width:100%;transition:transform .08s ease}.template-card:hover{background:var(--hover-bg)}.template-card:active{transform:scale(.96)}.template-name{font-size:15px;font-weight:600}.template-meta{font-size:12px;color:var(--muted)}.product-row{text-align:left;border:none;background:transparent;cursor:pointer;padding:11px 0;border-bottom:1px solid rgba(0,0,0,.045);color:var(--text);display:flex;flex-direction:column;gap:2px;width:100%}.product-row:hover{opacity:.75}.product-row:last-child{border-bottom:none}.product-list{background:var(--card);border-radius:10px;padding:4px 16px;display:flex;flex-direction:column}.meal-list{background:var(--card);border-radius:10px;padding:6px 16px;display:flex;flex-direction:column}.calc-hint{font-size:13px;color:var(--accent-text);background:var(--accent-bg-soft);border-radius:7px;padding:10px 12px}.empty-hint{font-size:14px;color:var(--muted);padding:4px 0}.empty-hint-center{font-size:14px;color:var(--muted);text-align:center;padding:40px 0}.section-hint{font-size:12px;color:var(--muted-dim)}.error-banner{position:absolute;left:10px;right:10px;top:calc(10px + var(--safe-top));z-index:100;background:#fdecea;border:1px solid rgba(255,107,107,.4);color:#c92a2a;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.4;cursor:pointer;animation:slideUp .2s ease}