:root{color:#132b43;font-synthesis:none;--navy:#132b43;--teal:#1d6e6d;--teal-dark:#155c5b;--sage:#73a187;--bg:#f8f7f3;--surface:#fff;--line:#dfe4e2;--muted:#697984;--blush:#f3e7e2;--danger:#d7574d;--shadow:0 6px 22px #17324d0f;background:#f8f7f3;font-family:SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:#dfe5e5}body{background:var(--bg);margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.app-shell{background:var(--bg);max-width:480px;min-height:100dvh;margin:0 auto;position:relative;box-shadow:0 0 40px #132b431f}.app-content{padding-bottom:92px}.screen{min-height:100dvh;padding:22px 20px 38px}.page-header{justify-content:space-between;align-items:flex-start;margin:4px 0 22px;display:flex}.page-header h1{letter-spacing:-.04em;margin:0 0 7px;font-size:29px}.page-header p{color:var(--muted);margin:0;font-size:14px}.date-chip,.duration{border:1px solid var(--line);background:#fff;border-radius:11px;padding:8px 11px;font-size:13px}.week-progress{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:17px;padding:17px;display:flex}.week-progress>div:last-child{flex:1;min-width:0}.week-progress span{color:var(--muted);font-size:13px}.week-progress strong{margin:5px 0 8px;font-size:20px;display:block}.week-progress small{color:var(--muted);margin-top:9px;font-size:11px;line-height:1.5;display:block}.progress-ring{flex:0 0 92px;width:92px;height:92px;position:relative}.progress-ring svg{transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:8px}.progress-ring .track{stroke:#e8ebe8}.progress-ring .value{stroke:var(--sage);stroke-linecap:round;transition:stroke-dashoffset .4s}.progress-ring strong{place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.week-dots{gap:7px;display:flex}.week-dots i{background:#dcdedd;border-radius:50%;width:9px;height:9px}.week-dots i.done{background:var(--sage)}.week-dots i.today{outline:2px solid var(--teal);outline-offset:2px}.section-heading{justify-content:space-between;align-items:center;margin:25px 0 12px;display:flex}.section-heading h2,.block-title{letter-spacing:-.02em;margin:0;font-size:18px}.section-heading button{color:var(--muted);background:0 0;border:0;align-items:center;gap:2px;display:flex}.workout-summary{text-align:left;border:1px solid var(--line);width:100%;box-shadow:var(--shadow);background:#fff;border-radius:17px;align-items:center;gap:13px;padding:15px;display:flex}.workout-summary>div{flex:1}.workout-summary strong,.workout-summary small{display:block}.workout-summary small{color:var(--muted);margin-top:4px}.icon-disc{background:var(--blush);border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.block-title{margin:25px 0 13px}.block-title span,.block-title small{color:var(--muted);margin-left:4px;font-size:12px;font-weight:400}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-grid button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;grid-template-columns:24px 1fr;gap:8px;min-height:108px;padding:14px;display:grid;box-shadow:0 3px 12px #17324d09}.quick-grid svg{color:var(--teal)}.quick-grid span{font-size:14px;font-weight:650}.quick-grid strong{color:var(--muted);grid-column:1/-1;font-size:13px;font-weight:500}.checkin-form{border-top:1px solid var(--line);margin-top:26px;padding-top:2px}.input-pair,.input-trio{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.input-trio{grid-template-columns:repeat(3,1fr)}.number-field{border:1px solid var(--line);background:#fff;border-radius:15px;padding:11px;display:block}.number-field>span{color:var(--muted);margin-bottom:9px;font-size:12px;display:block}.number-field>div{align-items:center;display:flex}.number-field button{border:1px solid var(--line);background:#f9faf8;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.number-field input{text-align:center;background:0 0;border:0;outline:0;width:42px;min-width:0;font-weight:700}.number-field em{color:var(--muted);font-size:11px;font-style:normal}.rating{border:0;margin:15px 0;padding:0}.rating legend{margin-bottom:9px;font-size:13px;font-weight:650}.rating>div{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.rating button{border:1px solid var(--line);background:#fff;border-radius:10px;height:38px}.rating button.selected{background:var(--teal);border-color:var(--teal);color:#fff}.rating small{color:var(--muted);justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.toggle{background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;display:flex}.toggle>span{border:1px solid #b9c4c1;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.toggle.checked>span{background:var(--teal);border-color:var(--teal);color:#fff}.checkin-form>h3{margin:22px 0 10px;font-size:15px}.checkin-form>h3 small{color:var(--muted);font-weight:400}.primary{background:var(--teal);color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:54px;margin-top:18px;font-size:16px;font-weight:700;display:flex;box-shadow:0 8px 20px #1d6e6d2e}.primary:active{background:var(--teal-dark);transform:translateY(1px)}.sticky-action{z-index:2;position:sticky;bottom:83px}.bottom-nav{z-index:10;width:min(480px,100%);height:76px;padding:7px 15px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#79858c;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.bottom-nav button.active{color:var(--navy);font-weight:700}.day-tabs{background:#eceeeb;border-radius:13px;grid-template-columns:repeat(7,1fr);gap:4px;padding:4px;display:grid}.day-tabs button{background:0 0;border:0;border-radius:9px;height:35px;font-size:12px}.day-tabs button.active{background:var(--navy);color:#fff;box-shadow:0 3px 8px #132b432e}.training-heading{justify-content:space-between;align-items:center;margin:20px 0 8px;display:flex}.training-heading span{color:var(--teal);font-size:11px;font-weight:700}.training-heading h2{align-items:center;margin:4px 0;font-size:21px;display:flex}.training-heading p{color:var(--muted);margin:0;font-size:12px}.exercise{border-bottom:1px solid var(--line);padding:17px 0}.exercise-title{align-items:center;gap:10px;display:flex}.exercise-title>span{color:#3d7156;background:#e9f1ec;border-radius:9px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.exercise-title>div{flex:1}.exercise-title h3{margin:0;font-size:15px}.exercise-title p{color:var(--muted);margin:4px 0 0;font-size:12px}.exercise-title .toggle{font-size:12px}.exercise-title .toggle>span{border-radius:7px;width:22px;height:22px}.exercise-inputs{grid-template-columns:repeat(4,1fr);gap:6px;margin:13px 0 0 36px;display:grid}.number-field.compact{text-align:center;border-radius:11px;padding:8px 5px}.number-field.compact>span{margin-bottom:5px;font-size:10px}.number-field.compact>div{justify-content:center}.number-field.compact button{display:none}.number-field.compact input{width:100%}.priority-note,.privacy-note{border-left:3px solid var(--sage);background:#edf3ef;border-radius:4px 12px 12px 4px;margin:18px 0;padding:13px 14px}.priority-note strong{font-size:12px}.priority-note p,.privacy-note{color:#55676d;font-size:12px;line-height:1.6}.priority-note p{margin:4px 0}.notes{display:block;position:relative}.notes>span{font-size:13px;font-weight:650}.notes textarea{border:1px solid var(--line);resize:none;background:#fff;border-radius:14px;outline:0;width:100%;height:96px;margin-top:8px;padding:13px}.notes small{color:var(--muted);position:absolute;bottom:9px;right:11px}.recomp-summary{background:#eaf2ed;border-radius:19px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:17px;display:flex}.recomp-summary span{color:#567065;font-size:12px}.recomp-summary h2{margin:5px 0;font-size:18px}.recomp-summary p{color:var(--muted);margin:0;font-size:11px}.recomp-summary>span{border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.recomp-summary>span.good{color:#41714a;background:#d7e9da}.recomp-summary>span.neutral{color:#7e8a8d;background:#fff}.trend-card{border:1px solid var(--line);background:#fff;border-radius:17px;margin:11px 0;padding:15px;box-shadow:0 3px 14px #17324d09}.trend-title{justify-content:space-between;align-items:flex-start;display:flex}.trend-title h3{margin:0;font-size:14px}.trend-title span{color:var(--muted);font-size:10px}.trend-title strong{font-size:18px}.chart{width:100%;height:94px;margin-top:8px}.chart line{stroke:#dfe4e2;stroke-width:1px}.week-axis{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.chart-empty{color:#899599;place-items:center;height:102px;font-size:12px;display:grid}.trend-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mini-metric{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px}.mini-metric span{color:var(--muted);font-size:11px}.mini-metric strong{margin:5px 0;font-size:20px;display:block}.mini-metric small{color:#64806d;align-items:center;gap:3px;font-size:10px;display:flex}.mini-metric small svg{width:12px}.settings-list,.action-list{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden}.settings-list>label,.static-row,.action-list>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:11px 14px;display:flex}.settings-list>:last-child,.action-list>:last-child{border-bottom:0}.settings-list span,.static-row span{font-size:13px}.settings-list input{text-align:right;background:0 0;border:0;outline:0;max-width:190px}.inline-input{align-items:center;gap:5px;display:flex}.inline-input input{width:48px}.inline-input.single input{width:72px}.inline-input em{color:var(--muted);font-size:12px;font-style:normal}.static-row strong{color:var(--teal);font-size:12px}.action-list button{justify-content:flex-start;gap:12px;font-size:14px}.action-list button span{color:var(--muted);margin-left:auto;font-size:12px}.action-list button.danger{color:var(--danger)}.toast{background:var(--navy);color:#fff;border-radius:12px;padding:10px 14px;font-size:12px}.inline-toast{text-align:center;margin-top:12px}@media (width>=760px){body{padding:24px}.app-shell{border-radius:28px;min-height:calc(100dvh - 48px);overflow:hidden}.bottom-nav{border-radius:0 0 28px 28px;bottom:24px}.screen{min-height:calc(100dvh - 48px)}}@media (width<=360px){.screen{padding-inline:14px}.exercise-inputs{margin-left:0}.input-trio{grid-template-columns:1fr}.week-progress{gap:10px}.progress-ring{flex-basis:80px;width:80px;height:80px}}.start-action{margin-top:14px}