:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif;color:#17211a;background:#f4f7f2;line-height:1.45}*{box-sizing:border-box}input,select,textarea{font-size:16px!important}body{margin:0;padding:0 0 calc(96px + env(safe-area-inset-bottom));background:#f4f7f2}.app-shell{max-width:680px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px 24px}.app-header,.section-heading,.button-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-header{margin-bottom:22px}.app-header h1,h2,h3,p{margin:0}.app-header h1{font-size:28px;letter-spacing:-.7px}h2{font-size:25px;letter-spacing:-.5px}h3{font-size:17px}.eyebrow{font-size:12px;font-weight:650;color:#5a765f;letter-spacing:.04em}.muted,.settings-card p{color:#66736a;font-size:14px}.view{display:none;gap:18px}.view.active{display:grid;animation:view-enter .24s ease-out both}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card,.card,.timer-card{background:#fff;border:1px solid #e3e9e1;border-radius:18px;box-shadow:0 3px 12px rgba(27,48,30,.045)}.stat-card{min-height:114px;padding:14px;display:flex;flex-direction:column}.stat-card span,.stat-card small{font-size:12px;color:#6d786f}.stat-card strong{font-size:21px;line-height:1.1;margin:auto 0 3px;letter-spacing:-.5px}.card{padding:17px}.action-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.action-card p:not(.eyebrow){color:#66736a;font-size:14px;margin-top:4px}.section{display:grid;gap:10px}.text-button,.icon-button{border:0;background:transparent;color:#19703a;font:inherit;font-weight:650;padding:7px}.icon-button{font-size:24px;line-height:1}.primary,.secondary{border:0;border-radius:12px;min-height:44px;padding:0 16px;font:inherit;font-weight:650;cursor:pointer}.primary{background:#166534;color:#fff}.secondary{background:#e6eee6;color:#22452c}.full{width:100%;margin-top:15px}.tag{font-size:12px;color:#27643b;background:#e7f3e7;padding:3px 8px;border-radius:99px}.item-list,.history-list{display:grid}.item-row,.history-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 0;border-bottom:1px solid #edf0ec;gap:10px}.item-row:last-child,.history-row:last-child{border-bottom:0}.item-row p,.history-row p{font-size:14px}.item-row small,.history-row small{color:#768179;font-size:12px}.gram-input{width:66px;border:1px solid #d7e1d5;border-radius:9px;padding:7px;text-align:right;font:inherit}.meal-total{display:flex;justify-content:space-between;padding-top:14px;margin-top:3px;border-top:1px solid #dce5db;font-size:14px}.timer-card{text-align:center;padding:27px 20px;background:linear-gradient(160deg,#f0f8ef,#fff)}.timer-card>p:first-child{font-size:13px;color:#5f7464}.timer-card strong{display:block;font-size:62px;line-height:1;margin:13px 0;letter-spacing:-2px}.timer-card h3{font-size:20px}.timer-card #exercise-detail{color:#66736a;margin:5px 0 18px;font-size:14px}.button-row{justify-content:stretch;margin-top:16px}.button-row>*{flex:1}.compact-input{font-size:13px;color:#617066;display:flex;align-items:center;gap:5px}.compact-input input{width:46px;border:1px solid #d7e1d5;border-radius:8px;padding:5px;background:white;font:inherit}.exercise-list p{display:grid;grid-template-columns:30px 1fr auto;padding:12px 0;border-bottom:1px solid #edf0ec;font-size:14px}.exercise-list span{color:#66846d;font-weight:700}.exercise-list b{font-weight:500;color:#4b5d50}.empty-state{color:#758078;text-align:center;padding:25px 12px;font-size:14px}.weight-chart{min-height:110px;display:flex;align-items:flex-end;gap:10px;padding:10px 0}.weight-bar{flex:1;background:#cde5ce;border-radius:8px 8px 3px 3px;min-height:16px;position:relative}.weight-bar span{position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);font-size:10px;color:#68756b;white-space:nowrap}.weight-bar b{position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap}.settings-card{display:grid;gap:9px}.settings-card label{font-size:14px;display:grid;gap:6px}.settings-card input{border:1px solid #d7e1d5;border-radius:10px;padding:10px;font:inherit}.breakdown{display:grid;gap:11px}.breakdown-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:9px;font-size:14px}.bar{height:9px;background:#e5eee5;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:#52a36a;border-radius:10px}.tab-bar{position:fixed;bottom:0;left:0;right:0;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:flex;justify-content:center;gap:4px;background:rgba(255,255,255,.94);border-top:1px solid #e0e7df;backdrop-filter:blur(12px)}.tab-bar button{flex:1;max-width:120px;border:0;border-radius:12px;background:transparent;color:#647067;padding:13px 4px;font:inherit;font-size:14px;transition:background-color .18s ease,color .18s ease,transform .18s ease}.tab-bar button:active{transform:scale(.96)}.tab-bar button.active{color:#156333;background:#e7f3e7;font-weight:750}dialog{border:0;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.22);width:min(92vw,420px);padding:0}dialog::backdrop{background:rgba(15,28,18,.35)}dialog form{padding:18px}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.form-field{display:grid;gap:6px;margin:12px 0;font-size:14px}.form-field input,.form-field select{border:1px solid #d7e1d5;border-radius:10px;padding:11px;background:#fff;font:inherit}@keyframes view-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.view.active,.tab-bar button{animation:none;transition:none}}@media(max-width:390px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid .stat-card:last-child{grid-column:span 2}.action-card{align-items:flex-start;flex-direction:column}.action-card .primary{width:100%}.timer-card strong{font-size:54px}}.health-connect-card{display:grid;gap:12px}.health-connect-card p{color:#66736a;font-size:13px;margin-top:4px}.health-connect-card .full{margin-top:0}.health-note{font-size:12px!important}.health-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.health-metrics span{border-radius:10px;background:#f1f7f0;padding:9px 8px;color:#66736a;font-size:11px;display:grid;gap:3px}.health-metrics b{color:#1b4027;font-size:13px}
