:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#20372e;background:#f4f5ef;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #b6854a;outline-offset:2px}
.app-shell{max-width:560px;min-height:100dvh;margin:auto;background:#f8f9f4;box-shadow:0 0 45px #263a2a10;padding-bottom:calc(82px + env(safe-area-inset-bottom))}
.topbar{height:66px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:#f8f9f4;position:sticky;top:0;z-index:5;border-bottom:1px solid #e9ebe3}
.brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;letter-spacing:.05em}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#17483c;color:white;font-size:18px}.status-pill{font-size:11px;color:#4b6d60;background:#e5eee5;padding:6px 9px;border-radius:999px}
main{padding:0 20px}.view{display:none}.view.active{display:block}.hero{background:#17483c;color:#f5f8ed;border-radius:0 0 26px 26px;margin:0 -20px 28px;padding:34px 24px 24px;min-height:220px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-38px;top:-44px;width:220px;height:220px;border:1px solid #ffffff29;border-radius:50%;box-shadow:0 0 0 32px #ffffff08,0 0 0 68px #ffffff06}.eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.18em;font-weight:800;color:#9db9a5}.hero .eyebrow{color:#c2d6b0}.hero h1{margin:0;font-size:29px;line-height:1.3;letter-spacing:-.03em;position:relative;z-index:1}.hero-date{margin:10px 0 22px;color:#d1e3d4;font-size:13px}.goal-line{border-top:1px solid #ffffff32;padding-top:16px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;color:#c5dfcf;font-size:12px}.goal-line strong{font-size:16px;color:#f1f6e8}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-head h2,.chart-title h2,.settings-card h2{margin:0;font-size:18px}.progress-count{font-size:12px;color:#397757;font-weight:800}.check-card{display:flex;gap:13px;padding:18px 15px;margin:0 0 11px;background:white;border:1px solid #eaeee7;border-radius:19px;box-shadow:0 4px 20px #183e2510}.card-icon{flex:0 0 31px;height:31px;border-radius:11px;display:grid;place-items:center;font-size:10px;font-weight:900}.sit{background:#e5f1e8;color:#277656}.move{background:#f5ead8;color:#98703a}.sleep{background:#eceafb;color:#6566ae}.weight{background:#e8eff3;color:#547080}.card-main{min-width:0;flex:1}.card-main h3{margin:2px 0 4px;font-size:15px}.card-main p{margin:0 0 13px;color:#7e8e83;font-size:12px;line-height:1.5}.choice-row{display:flex;flex-wrap:wrap;gap:7px}.choice-row label{position:relative}.choice-row input{position:absolute;opacity:0;width:1px;height:1px}.choice-row span{display:inline-flex;padding:9px 14px;border-radius:10px;background:#f2f5ef;color:#65786c;font-size:12px;font-weight:700;border:1px solid transparent;min-height:35px;align-items:center}.choice-row input:checked+span{background:#dfeee4;border-color:#8bc3a0;color:#1d6741}.choice-row input:focus-visible+span{outline:3px solid #b6854a;outline-offset:2px}.choice-row.compact span{padding:8px 11px;font-size:11px}.exercise-group{display:grid;gap:13px}.exercise-item>span{display:block;font-size:12px;font-weight:700;margin-bottom:8px;color:#4e6658}.exercise-item+.exercise-item{padding-top:12px;border-top:1px solid #f1f2ef}.weight-field{display:flex;align-items:center;gap:9px;max-width:200px;border:1px solid #e0e9e1;border-radius:10px;background:#f8faf7;padding:0 12px}.weight-field input{width:100%;padding:10px 0;border:0;background:transparent;outline:none;font-size:19px;font-weight:800;color:#254d3a}.weight-field span{white-space:nowrap;color:#7e8e83;font-size:12px}.primary-button{display:block;width:100%;border:0;border-radius:13px;background:#17483c;color:white;font-weight:800;padding:15px;margin-top:18px;box-shadow:0 8px 18px #17483c30}.primary-button:active{transform:translateY(1px)}.saved-note{text-align:center;color:#577360;font-size:12px;min-height:20px}.form-error{padding:10px 12px;border-radius:9px;background:#fff0ec;color:#a33b30;font-size:12px}
.page-intro{padding:31px 1px 21px}.page-intro h1{margin:0;font-size:29px}.page-intro>p:last-child{font-size:13px;color:#7e8e83;margin:8px 0 0}.history-picker,.settings-card,.chart-card{background:white;border:1px solid #eaeee7;border-radius:18px;padding:18px;margin-bottom:14px}.history-picker{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.history-picker label{font-size:12px;font-weight:700}.history-picker input,.settings-card input:not([type=file]){min-width:0;padding:10px;border:1px solid #e1e9e0;border-radius:9px;background:#f9fbf8;color:#20372e}.history-picker input{flex:1}.secondary-button,.import-button{border:1px solid #cbded0;border-radius:9px;background:#f4f8f4;color:#245b40;font-size:12px;font-weight:800;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center}.history-list{display:grid;gap:9px}.history-day{background:white;border:1px solid #eaeee7;border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;width:100%}.history-day strong{display:block;font-size:14px}.history-day small{display:block;margin-top:4px;color:#7e8e83;font-size:11px}.history-day .result{color:#327750;font-size:13px;font-weight:800}.empty-state{padding:30px;text-align:center;color:#7e8e83;font-size:13px}
.period-tabs{display:flex;gap:6px;background:#e9efe8;padding:4px;border-radius:11px;margin-bottom:13px}.period-tabs button{flex:1;padding:9px;border:0;background:transparent;border-radius:8px;color:#557361;font-weight:800}.period-tabs button.selected{background:white;color:#17483c;box-shadow:0 2px 7px #123a2514}.stats-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.metric-card{background:white;border:1px solid #eaeee7;border-radius:16px;padding:15px}.metric-card span{display:block;color:#7e8e83;font-size:11px}.metric-card strong{display:block;margin:9px 0 2px;font-size:24px;color:#17483c}.metric-card small{color:#8c9a8d;font-size:11px}.chart-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.chart-title span{font-size:11px;color:#8c9a8d}.weight-chart{min-height:155px}.weight-chart svg{display:block;width:100%;height:175px}.habit-chart{display:grid;gap:12px;padding-bottom:4px}.bar-row{display:grid;grid-template-columns:68px 1fr 46px;gap:8px;align-items:center;font-size:12px}.bar-track{height:10px;background:#eff3ed;border-radius:10px;overflow:hidden}.bar-fill{height:100%;background:#519b73;border-radius:10px}.bar-row:nth-child(2) .bar-fill{background:#d7a96b}.bar-row:nth-child(3) .bar-fill{background:#8b8ac5}.bar-row strong{text-align:right;font-size:11px}
.settings-card h2{margin-bottom:10px}.schedule-row{display:flex;gap:15px;align-items:center;border-top:1px solid #f0f2ee;padding:12px 0;font-size:12px}.schedule-row span{font-weight:900;color:#317857}.schedule-row strong{font-size:12px}.small-note{font-size:11px;line-height:1.6;color:#7e8e83;margin:9px 0}.field-label{display:block;font-size:11px;color:#4a6654;font-weight:800;margin:14px 0 6px}.settings-card input:not([type=file]){width:100%;font-size:12px}.settings-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.import-button input{display:none}
.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);height:calc(68px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);display:flex;background:#fff;border-top:1px solid #e9eee6;box-shadow:0 -6px 18px #203a2410}.bottom-nav button{flex:1;border:0;background:transparent;color:#90a095;font-size:10px;font-weight:800;display:grid;place-items:center;gap:1px}.bottom-nav button span{font-size:20px;line-height:1}.bottom-nav button.active{color:#1c6d48}
@media (min-width:650px){body{background:#e8ece5}.app-shell{min-height:100vh}}