:root{--bg:#0f1115;--surface:#181b21;--surface-2:#22262e;--border:#2c313a;--text:#e8eaed;--muted:#8b929c;--accent:#4ade80;--accent-text:#06260f;--danger:#f87171;--warn:#fbbf24;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:light){:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#eef0f3;--border:#dde1e6;--text:#15181d;--muted:#68707b;--accent:#16a34a;--accent-text:#fff;--danger:#dc2626;--warn:#b45309;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:16px;line-height:1.4}h1{margin:8px 0 16px;font-size:28px}h2{margin:24px 0 8px;font-size:18px}h3{margin:0 0 8px;font-size:16px}h4{text-transform:uppercase;letter-spacing:.04em;margin:16px 0 4px;font-size:13px}p{margin:8px 0}.app{min-height:100dvh}.content{max-width:640px;padding:calc(16px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.tabbar{background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10;justify-content:center;display:flex;position:fixed;inset:auto 0 0}.tabbar button{max-width:128px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 10px;font-size:12px;display:flex}.tabbar button.active{color:var(--accent)}.tab-icon{font-size:20px;line-height:1.2}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card-head{justify-content:space-between;align-items:baseline;display:flex}.clickable{cursor:pointer}.list{margin:0 0 12px;padding:0;list-style:none}.list-item{text-align:left;background:var(--surface);width:100%;color:inherit;font:inherit;border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;display:flex}.list-item.static{cursor:default}.list.compact .list-item{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;margin:0;padding:10px 2px}.card .list.compact{margin-bottom:4px}.btn{border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-weight:600;display:inline-flex}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.ghost{color:var(--accent);background:0 0;border-color:#0000}.btn.danger{color:var(--danger)}.btn.block{width:100%;margin:8px 0}.btn:disabled{opacity:.5;cursor:default}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:22px}.icon-btn.small{width:32px;height:32px;font-size:14px}.icon-btn:disabled{opacity:.3}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:14px}input{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;width:100%;min-width:0;min-height:44px;padding:10px 12px;font-size:16px}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.field{color:var(--muted);flex-direction:column;gap:4px;margin-bottom:12px;font-size:14px;display:flex}.search{margin-bottom:8px}.row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.grow{flex:1}.grid-2{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.toolbar{justify-content:space-between;margin:0 -12px;display:flex}.right{text-align:right;white-space:nowrap}.muted{color:var(--muted)}.small{font-size:13px}.capitalize{text-transform:capitalize}.empty{color:var(--muted);text-align:center;padding:16px 0}.error{color:var(--danger)}.photo-preview{object-fit:cover;border-radius:var(--radius);width:100%;max-height:180px;margin-bottom:8px;display:block}.photo-item{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 0;display:flex}.photo-grams{align-items:center;gap:4px;display:flex}.photo-grams input{text-align:right;width:64px}.photo-thumb{object-fit:cover;border-radius:8px;flex:none;width:44px;height:44px}.photo-thumb.large{width:96px;height:96px;margin-bottom:8px;display:block}.meal-row{align-items:center;gap:10px;display:flex}.check-row{align-items:center;gap:8px;margin:12px 0;display:flex}.check-row input{width:auto}.link-text{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0}.date-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.date-label{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;font-size:17px;font-weight:600}.date-label:disabled{cursor:default}.progress{margin:10px 0}.progress-head{justify-content:space-between;margin-bottom:4px;font-size:14px;display:flex}.progress-track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:inherit;height:100%;transition:width .3s}.progress-fill.over{background:var(--warn)}.over{color:var(--warn)}.hero{align-items:baseline;gap:8px;display:flex}.hero strong{font-size:40px;line-height:1}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.stats div{flex-direction:column;display:flex}.stats strong{font-size:22px}.macro-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.macro-grid div{background:var(--surface-2);border-radius:10px;flex-direction:column;padding:10px 4px;display:flex}.macro-grid strong{font-size:20px}.macro-grid span{color:var(--muted);font-size:12px}.segmented{background:var(--surface-2);border-radius:10px;margin-bottom:8px;padding:3px;display:flex}.segmented button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:6px;font-size:14px}.segmented button.active{background:var(--surface);color:var(--text);font-weight:600}.sets{margin:8px 0;padding:0;list-style:none}.sets li{border-bottom:1px solid var(--border);grid-template-columns:24px 1fr auto;align-items:center;padding:2px 0;display:grid}.add-set{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;display:grid}.add-set label{flex-direction:column;gap:2px;display:flex}.add-weight{grid-template-columns:9.5rem 1fr auto;gap:8px;display:grid}.add-weight.no-date{grid-template-columns:1fr auto}.card .add-weight{border:0;margin:0;padding:0}.small-seg{margin:0}.small-seg button{padding:4px 10px;font-size:12px}a{color:var(--accent)}.chart{width:100%;height:auto;display:block}.chart-grid{stroke:var(--border);stroke-dasharray:3 4}.chart-label{fill:var(--muted);font-size:11px}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.chart-dot{fill:var(--accent)}.sheet-backdrop{z-index:20;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border:1px solid var(--border);border-bottom:0;border-radius:18px 18px 0 0;flex-direction:column;width:100%;max-width:640px;max-height:90dvh;animation:.2s ease-out slide-up;display:flex;box-shadow:0 -8px 32px #0006}.sheet-header{justify-content:space-between;align-items:center;padding:8px 8px 0 16px;display:flex}.sheet-header h2{text-transform:capitalize;margin:0}.sheet-body{padding:8px 16px calc(16px + env(safe-area-inset-bottom));overflow-y:auto}@media (width>=700px){.sheet-backdrop{align-items:center}.sheet{border-radius:18px;max-height:80vh}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}}.scanner{aspect-ratio:4/3;object-fit:cover;background:#000;border-radius:12px;width:100%}.notice{text-align:center;max-width:420px;padding-top:20vh}.routine-row{align-items:center;gap:4px;display:flex}.routine-row .list-item{flex:1}.card-actions{margin:-6px -8px 0 0;display:flex}.link-btn{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.link-btn h3{text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:4px}.sets .set-row{min-height:40px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-column:1/-1;grid-template-columns:24px 1fr auto;align-items:center;padding:0;display:grid}.pr{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.routine-items .card{padding:12px 16px 0}.stats span.small{margin-top:2px}a.icon-btn,a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}