:root{color:#18362d;font-synthesis:none;background:#edf4f0;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#fff 0,#f5faf7 36%,#edf4f0 100%);min-width:320px;margin:0}button,input{font:inherit}.app{max-width:480px;min-height:100dvh;padding:calc(22px + env(safe-area-inset-top)) 20px calc(104px + env(safe-area-inset-bottom));background:#f9fcfa;margin:auto;box-shadow:0 0 60px #173d2b12}main{gap:16px;display:grid}.hero,.page-header{justify-content:space-between;align-items:center;padding:5px 4px 12px;display:flex}.hero h1,.page-header h1{letter-spacing:-1px;margin:4px 0;font-size:28px}.hero p,.page-header p{color:#6c827b;margin:0;font-size:14px}.eyebrow{letter-spacing:1.7px;font-weight:800;color:#63a887!important;font-size:10px!important}.date-badge{text-align:center;color:#438365;background:#e2f3e9;border-radius:18px;place-content:center;width:58px;height:58px;display:grid}.date-badge strong{font-size:21px;line-height:21px}.date-badge span{text-transform:uppercase;font-size:10px}.notify{text-align:left;color:#2a5e49;cursor:pointer;background:#e7f3ec;border:0;border-radius:17px;align-items:center;gap:12px;width:100%;padding:13px 15px;display:flex}.notify>span:first-child{font-size:22px}.notify small{color:#71887f;margin-top:2px;display:block}.notify b{margin-left:auto}.notify.enabled{background:#edf6f1;font-size:12px;line-height:1.5}.card{background:#fff;border:1px solid #e6eee9;border-radius:24px;padding:19px;box-shadow:0 9px 28px #214d3710}.card-head{align-items:center;gap:12px;display:flex}.habit-icon{border-radius:15px;place-items:center;width:47px;height:47px;font-size:23px;display:grid}.habit-icon.water{background:#e4f5fb}.habit-icon.activity{background:#fff0dd}.habit-icon.sleep{background:#eee9fc}.card h2{margin:0 0 3px;font-size:17px}.muted{color:#84938e;margin:0;font-size:12px}.muted strong{color:#48635a;font-size:13px}.percent,.status{color:#58a17f;background:#edf8f2;border-radius:20px;margin-left:auto;padding:6px 9px;font-size:12px;font-weight:700}.status{color:#9a8bba;background:#f2eff9}.status.done{color:#529373;background:#e9f6ef}.progress{background:#edf1ef;border-radius:8px;height:8px;margin:17px 0;overflow:hidden}.progress span{border-radius:8px;height:100%;transition:width .35s;display:block}.next{background:#f7faf8;border-radius:14px;grid-template-columns:1fr auto;align-items:end;margin-bottom:13px;padding:11px 13px;display:grid}.next span{color:#83948e;font-size:11px}.next strong{grid-area:1/2/3;font-size:17px}.next small{color:#7c8f87;margin-top:2px;font-size:10px}.action{color:#fff;cursor:pointer;border:0;border-radius:15px;width:100%;min-height:49px;font-weight:700;transition:all .15s}.action:active{transform:scale(.98)}.action.water{background:#57a9d4}.action.activity{background:#e5a358}.action.sleep{background:#8574b6}.sleep-result{color:#71678e;background:#f7f5fc;border-radius:14px;margin:17px 0 13px;padding:12px;font-size:12px}.sleep-result strong{float:right;font-size:17px}.sleep-result small{margin-top:5px;display:block}.completion{color:#fff;background:#183f32;border-radius:23px;padding:19px 20px}.completion>div{justify-content:space-between;align-items:center;display:flex}.completion strong{font-size:27px}.completion .progress{background:#315a4d;margin:10px 0}.completion p{color:#a9c2b8;margin:0;font-size:10px}.history-list{gap:11px;display:grid}.history{background:#fff;border:1px solid #e6eee9;border-radius:18px;padding:15px 17px}.history>div{justify-content:space-between;display:flex}.history h2{margin:0 0 10px;font-size:15px}.history b{color:#57a17e}.history p{color:#698078;margin:5px 0;font-size:13px}.history p span{margin-left:24px}.settings{gap:0;padding:8px 18px;display:grid}.settings label{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;min-height:62px;font-size:13px;display:flex}.settings label span{align-items:center;gap:6px;display:flex}.settings input{color:#315448;background:#f9fcfa;border:1px solid #dce7e1;border-radius:10px;max-width:112px;padding:8px}.settings input[type=number]{width:65px}.reset{color:#4b8269;background:#f3faf6;border:1px solid #d9e8e0;border-radius:13px;margin:17px 0 8px;padding:12px;font-weight:600}.notice{color:#688078;background:#eaf4ef;border-radius:14px;padding:13px;font-size:12px}nav{z-index:5;width:min(480px,100%);height:calc(75px + env(safe-area-inset-bottom));padding:8px 28px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffed;border-top:1px solid #e3ebe7;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{color:#8a9994;cursor:pointer;background:0 0;border:0;place-content:center;gap:2px;min-width:70px;font-size:11px;display:grid}nav button span{filter:grayscale();font-size:20px}nav button.active{color:#3e8466;font-weight:700}nav button.active span{filter:none}.toast{z-index:10;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));color:#fff;white-space:nowrap;background:#183d31;border-radius:20px;padding:11px 18px;font-size:13px;animation:.25s pop;position:fixed;transform:translate(-50%);box-shadow:0 10px 28px #17382c44}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px)}}@media (width>=700px){body{padding:24px}.app{border-radius:28px;min-height:calc(100dvh - 48px)}nav{border-radius:0 0 28px 28px;bottom:24px}}