#local-save-status{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:-4px 0 18px;font-size:12px;color:#788b7c}#local-save-status .section-link{white-space:nowrap}.welcome-choice{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #dce6d8;border-radius:9px;background:#fafcf8}.welcome-choice:has(input:checked){border-color:#91b295;background:#eef5ec}.welcome-choice input{margin-top:6px}.welcome-choice strong{display:block;font-size:16px;font-weight:500}.welcome-choice small{display:block;font-size:13px;margin-top:5px;line-height:1.8;color:#7d8f79}#welcome,#backup-center,#timer-result{width:min(710px,calc(100% - 28px))}.backup-tools{display:flex;gap:10px;flex-wrap:wrap}.backup-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.backup-row strong{font-weight:500;font-size:15px}.backup-row small{display:block;font-size:13px;margin-top:5px;color:#81907d}.backup-row .button{flex-shrink:0}#restore-preview{border:1px solid #dce7d7;border-radius:9px;background:#f5f9f2;padding:18px;margin-top:20px}#restore-preview p{font-size:14px;line-height:1.9}.quick-records{margin:0 0 0 43px;width:calc(100% - 43px);display:grid;gap:8px}.quick-records>small{font-size:12px;color:#83927c}.quick-metric{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.quick-metric label{display:flex;align-items:center;gap:10px;flex:1 1 170px;margin:0;min-width:0}.quick-metric label span{font-size:13px;flex:1;min-width:70px;overflow-wrap:anywhere}.quick-metric label input{width:105px;min-width:0;padding:8px;margin:0;font-size:14px;min-height:38px}.quick-metric .button{min-height:38px}.metric-task:has(.quick-records) .task-actions{margin-top:0}.inline-steps .inline-step{display:flex;align-items:center;gap:10px;margin:0;padding:7px 0;font-size:14px;cursor:pointer}.inline-step span{color:inherit}.inline-step input{width:19px;height:19px;flex-shrink:0;accent-color:#50815b}.inline-step small{font-size:12px;margin-left:auto;color:#79917c}.inline-steps>small{font-size:12px;color:#899880}.inline-step:has(input:checked){color:#6a856c}.inline-step input:disabled{opacity:1}#active-timer{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:center;gap:12px;max-width:min(600px,calc(100% - 44px));padding:15px 18px;border:1px solid #adc9ad;border-radius:12px;background:#f5faf1;box-shadow:0 8px 32px #1d3d2e20}#active-timer[hidden]{display:none}#active-timer>div{min-width:0}#active-timer strong{display:block;font-size:14px;overflow-wrap:anywhere}#active-timer small{display:block;font-size:13px;color:#758d72;font-variant-numeric:tabular-nums}#active-timer .button{flex-shrink:0}.timer-active #toast{bottom:125px}#timer-error{color:#a57b4e}@media(max-width:650px){#welcome,#backup-center,#timer-result{width:calc(100% - 20px);padding:20px}.quick-records{margin-left:40px;width:calc(100% - 40px)}.quick-metric{gap:7px}.quick-metric label{flex-basis:100%;justify-content:space-between}.quick-metric label input{width:120px}.quick-metric .button{flex:1}.backup-row{gap:10px;flex-wrap:wrap}.backup-row small{font-size:12px}#local-save-status{font-size:12px;margin-bottom:14px}#active-timer{right:10px;left:10px;bottom:82px;max-width:none;gap:8px;padding:12px;flex-wrap:wrap}#active-timer>div{flex:1 1 100%}#active-timer .button{flex:1}.timer-active #toast{bottom:225px}.timer-day{grid-template-columns:1fr 1fr!important}.timer-day label{font-size:13px}}

.inline-step input[type=checkbox]{appearance:none;-webkit-appearance:none;display:grid;place-content:center;margin:0;border:1.5px solid #adbfaa;border-radius:4px;background:#fff}.inline-step input[type=checkbox]:checked{background:#4e7d58;border-color:#4e7d58}.inline-step input[type=checkbox]:checked:after{content:'✓';color:white;font-size:15px;font-weight:700;line-height:1}.inline-step input[type=checkbox]:focus-visible{outline:2px solid #477c58;outline-offset:3px}

.welcome-choice input[type=radio]{width:20px;height:20px;flex:0 0 20px;margin:4px 0 0;padding:0;accent-color:#4e7d58}.welcome-choice>span{flex:1;min-width:0}

@media(max-width:650px){.quick-metric{display:grid;grid-template-columns:minmax(90px,1fr) auto auto;align-items:end}.quick-metric label{display:contents}.quick-metric label>span{grid-column:1/-1}.quick-metric label input{grid-column:1;width:100%}.quick-metric .button{min-width:50px}}