:root{color:#272923;font-synthesis:none;text-rendering:optimizelegibility;--ink:#272923;--muted:#77796f;--paper:#fbfaf6;--sage:#6f826a;--sage-dark:#4f6450;--line:#dedbd1;--shadow:0 18px 50px #36372e14;background:#f2efe8;font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 5%,#d977571c,#0000 28rem),#f2efe8;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #607fa252}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.desktop-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#fbfaf6b3;border-right:1px solid #dedbd1cc;flex-direction:column;width:240px;padding:36px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:21px;font-weight:700;display:flex}.brand-mark{color:#fff;background:var(--sage-dark);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 16px #4f64503d}.desktop-sidebar nav{gap:8px;margin-top:54px;display:grid}.nav-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:13px;align-items:center;gap:13px;padding:13px 15px;transition:all .18s;display:flex}.nav-button svg{width:20px}.nav-button:hover{color:var(--ink);background:#6f826a14}.nav-button.active{color:var(--sage-dark);background:#6f826a24;font-weight:600}.sidebar-note{color:#929388;margin:auto 12px 0;font-size:13px;line-height:1.8}.main-content{grid-column:2;min-width:0}.mobile-header,.mobile-nav{display:none}.page{max-width:1040px;margin:0 auto;padding:56px 48px 90px;animation:.28s appear}@keyframes appear{0%{opacity:0;transform:translateY(5px)}}.date-controls{justify-content:center;align-items:center;gap:16px;margin-bottom:34px;display:flex}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fbfaf6bf;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-button svg{width:19px}.icon-button:hover{background:#fff}.date-heading{cursor:pointer;background:0 0;border:0;gap:3px;min-width:180px;display:grid}.date-heading span{color:var(--sage-dark);font-size:13px;font-weight:700}.date-heading strong{font-size:18px}.hero-card{color:#fdfcf8;background:linear-gradient(120deg,#4d6250,#73826a 68%,#8d8d75);border-radius:30px;justify-content:space-between;align-items:center;gap:32px;min-height:230px;padding:44px 48px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #414e4033}.hero-card:after{content:"";border:1px solid #ffffff1f;border-radius:48% 52% 60% 40%;width:240px;height:240px;position:absolute;top:-70px;right:-65px;transform:rotate(25deg)}.eyebrow{color:var(--sage-dark);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.hero-card .eyebrow{color:#dbe4d5}.hero-card h1{letter-spacing:-.035em;max-width:540px;margin:10px 0 8px;font-size:clamp(28px,4vw,43px);line-height:1.25}.hero-card p{color:#ffffffb8;margin:0}.progress-ring{--progress:0deg;background:conic-gradient(#f5c0a9 var(--progress), #ffffff24 0);z-index:1;border-radius:50%;flex:none;place-items:center;width:112px;height:112px;display:grid;position:relative}.progress-ring:after{content:"";background:#687868;border-radius:50%;position:absolute;inset:9px}.progress-ring span{z-index:1;font-size:24px;font-weight:700;position:relative}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin:46px 4px 20px;display:flex}.section-heading h2,.page-title h1{letter-spacing:-.02em;margin:5px 0 0;font-size:27px}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 17px;font-weight:600;display:inline-flex}.primary-button{background:var(--sage-dark);color:#fff;box-shadow:0 8px 18px #4f64502e}.primary-button:hover{background:#405442}.primary-button.small{min-height:39px}.secondary-button{color:#4c5047;background:#eeece5}.danger-button{color:#a14334;background:#f8e8e3}.primary-button svg,.secondary-button svg,.danger-button svg{width:18px}button:disabled{opacity:.55;cursor:wait}.timeline{gap:13px;display:grid}.routine-card{--accent:var(--sage);background:#fbfaf6f0;border:1px solid #dedbd1e6;border-radius:22px;grid-template-columns:70px 22px 1fr 52px;align-items:center;min-height:132px;padding:18px 22px 18px 16px;transition:transform .18s,opacity .18s;display:grid;box-shadow:0 8px 28px #3d3e340a}.routine-card:hover{transform:translateY(-2px)}.routine-card.completed{opacity:.62}.routine-card.completed h3{text-decoration:line-through}.time-column{flex-direction:column;justify-content:center;align-self:stretch;align-items:end;display:flex}.time-column strong{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.time-column span{color:var(--muted);margin-top:3px;font-size:12px}.routine-line{align-self:stretch;place-items:center;display:grid}.routine-line:before{content:"";background:var(--line);width:1px;height:100%}.routine-line span{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 5px var(--paper);border-radius:50%;position:absolute}.routine-body{min-width:0;padding-left:14px}.routine-topline{justify-content:space-between;align-items:center;display:flex}.category-pill{color:var(--accent);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.category-pill svg{width:16px}.routine-body h3{margin:9px 0 5px;font-size:19px}.routine-body p{color:var(--muted);align-items:center;gap:5px;margin:0;font-size:13px;display:flex}.card-actions{opacity:.6;gap:3px;display:flex}.card-actions button,.photo-action{cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.card-actions button:hover,.photo-action:hover{opacity:1;background:#efede6}.photo-action.busy{cursor:wait;opacity:.6}.photo-action input,.photo-prompt input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.meal-photo{border:1px solid var(--line);width:min(240px,100%);color:var(--sage-dark);cursor:pointer;text-align:left;background:#f3f0e9;border-radius:13px;margin-top:11px;padding:0;overflow:hidden}.meal-photo img{object-fit:cover;width:100%;height:104px;display:block}.meal-photo span{align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.photo-prompt{width:fit-content;color:var(--sage-dark);cursor:pointer;text-underline-offset:3px;align-items:center;gap:6px;margin-top:10px;font-size:12px;font-weight:600;text-decoration:underline;display:inline-flex}.check-button{border:1.5px solid var(--accent);color:#0000;cursor:pointer;background:0 0;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.check-button:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.completed .check-button{color:#fff;background:var(--accent)}.state-card,.empty-state{width:100%;min-height:170px;color:var(--muted);background:#fbfaf6a6;border:1px dashed #ccc9bf;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.empty-state{cursor:pointer}.empty-state strong{color:var(--ink)}.state-card.error button{color:var(--sage-dark);cursor:pointer;background:0 0;border:0;text-decoration:underline}.health-note{text-align:center;color:#989990;margin:25px 0 0;font-size:12px}.page-title{margin:25px 0 34px}.page-title h1{font-size:38px}.page-title p{color:var(--muted);margin:9px 0 0}.calendar-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fbfaf6f2;border-radius:28px;padding:30px}.calendar-toolbar{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.calendar-toolbar strong{font-size:20px}.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.weekday-row{color:#96978e;text-align:center;margin-bottom:7px;font-size:12px}.days-grid{row-gap:7px;transition:opacity .2s}.days-grid.muted{opacity:.45}.days-grid>button{cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:78px;display:flex}.days-grid>button:hover{background:#f0eee7}.days-grid>button.selected{background:var(--sage-dark);color:#fff}.days-grid>button.today span{text-underline-offset:4px;font-weight:800;text-decoration:underline}.days-grid>button i{--ratio:0%;background:linear-gradient(to right, #d97757 var(--ratio), #dedbd1 var(--ratio));border-radius:9px;width:28px;height:4px}.days-grid>button.selected i{background:linear-gradient(to right, #f5c0a9 var(--ratio), #ffffff42 var(--ratio))}.calendar-legend{color:var(--muted);justify-content:end;gap:20px;margin-top:24px;font-size:12px;display:flex}.calendar-legend span{align-items:center;gap:7px;display:flex}.calendar-legend i{background:#dedbd1;border-radius:50%;width:8px;height:8px}.calendar-legend i.done-dot{background:#d97757}.settings-grid{gap:14px;display:grid}.setting-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;grid-template-columns:52px 1fr auto;align-items:center;gap:18px;padding:24px;display:grid}.setting-icon{width:48px;height:48px;color:var(--sage-dark);background:#6f826a21;border-radius:15px;place-items:center;display:grid}.setting-icon svg{width:21px}.setting-card h2{margin:0 0 5px;font-size:17px}.setting-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.routine-template-list{grid-column:1/-1;grid-template-columns:repeat(7,minmax(88px,1fr));gap:8px;padding-top:4px;display:grid}.routine-template-list button{border:1px solid var(--line);min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:#f5f3ed;border-radius:13px;padding:12px 9px}.routine-template-list button:hover{background:#6f826a1a;border-color:#9aaa96}.routine-template-list button.is-added{background:#6f826a1f;border-color:#b9c3b6}.routine-template-list button span{align-items:center;gap:6px;display:flex}.routine-template-list button svg{width:16px;color:var(--sage-dark)}.routine-template-list button small{color:var(--muted);white-space:nowrap;margin-top:7px;display:block}.quiet-card{background:#fbfaf685;border-left:3px solid #c9b58a;border-radius:0 14px 14px 0;margin-top:25px;padding:18px 21px}.quiet-card p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.65}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:50;background:#21231f7a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:27px;width:min(680px,100%);max-height:calc(100vh - 48px);padding:28px;animation:.22s modal-in;overflow-y:auto;box-shadow:0 35px 90px #1d1f1b47}@keyframes modal-in{0%{opacity:0;transform:scale(.97)translateY(8px)}}.modal-header{justify-content:space-between;align-items:start;margin-bottom:23px;display:flex}.modal-header h2{margin:4px 0 0;font-size:26px}.modal form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.full{grid-column:1/-1}.field{gap:7px;display:grid}.field>span,fieldset legend{color:#5f6259;font-size:12px;font-weight:600}.field input,.field select{width:100%;min-height:47px;color:var(--ink);background:#fff;border:1px solid #d7d4ca;border-radius:12px;padding:0 13px}.category-picker,.weekday-picker,.preset-picker{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.category-picker legend,.weekday-picker legend,.preset-picker legend{margin-bottom:8px}.category-picker button,.weekday-picker button,.preset-picker button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;align-items:center;gap:6px;min-height:40px;padding:0 13px;display:inline-flex}.category-picker button.selected,.weekday-picker button.selected,.preset-picker button.selected{color:var(--sage-dark);background:#6f826a1f;border-color:#9aaa96;font-weight:600}.category-picker svg,.preset-picker svg{width:16px}.weekday-picker button{justify-content:center;width:40px;padding:0}.toggle-row{border-top:1px solid #ebe8df;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;display:flex}.toggle-row span{gap:3px;display:grid}.toggle-row small{color:var(--muted)}.toggle-row input{width:42px;height:23px;accent-color:var(--sage-dark)}.modal-actions{grid-template-columns:auto 1fr auto auto;gap:10px;margin-top:5px;display:grid}.photo-modal{background:var(--paper);border-radius:25px;width:min(620px,100%);max-height:calc(100vh - 48px);padding:22px;overflow-y:auto;box-shadow:0 35px 90px #1d1f1b47}.photo-modal-header{justify-content:space-between;align-items:start;margin-bottom:17px;display:flex}.photo-modal-header h2{margin:4px 0 0}.photo-modal>img{object-fit:contain;background:#e9e6de;border-radius:17px;width:100%;max-height:65vh;display:block}.photo-modal-actions{justify-content:space-between;gap:10px;margin-top:16px;display:flex}.toast{color:#fff;z-index:70;background:#2e332d;border-radius:13px;padding:12px 18px;font-size:14px;animation:.2s toast-in;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000038}.login-shell{background:radial-gradient(circle at 80% 10%, #f3e6d9, transparent 35%), var(--cream);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);background:#fbfaf6f0;border-radius:28px;gap:15px;padding:34px;display:grid}.login-card .brand{margin-bottom:8px}.login-card h1{margin:0;font-size:34px}.login-card p{color:var(--muted);margin:-6px 0 8px}.login-card label{color:var(--muted);gap:7px;font-size:13px;font-weight:600;display:grid}.login-card input{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:12px;padding:0 13px}.login-error{color:#a34f43;background:#f8e6e1;border-radius:10px;padding:10px 12px;font-size:13px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats-toolbar{justify-content:space-between;align-items:center;gap:14px;margin:24px 0 18px;display:flex}.period-switcher{border:1px solid var(--line);background:#fbfaf6cc;border-radius:13px;padding:4px;display:inline-flex}.period-switcher button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 17px;font-weight:600}.period-switcher button.active{color:#fff;background:var(--sage-dark)}.stats-toolbar input{border:1px solid var(--line);background:var(--paper);min-height:39px;color:var(--ink);border-radius:11px;padding:0 11px}.stats-overview{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px;display:grid}.stats-overview article{background:var(--sage-dark);color:#fff;border-radius:18px;gap:5px;padding:18px;display:grid}.stats-overview span{opacity:.78;font-size:12px}.stats-overview strong{letter-spacing:-.04em;font-size:31px}.stats-overview small{opacity:.75;font-size:11px}.stats-card{border:1px solid var(--line);background:#fbfaf6e6;border-radius:22px;margin-bottom:15px;padding:22px;box-shadow:0 12px 35px #40433a0d}.stats-card-heading{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.stats-card-heading h2{margin:4px 0 0;font-size:22px}.stats-card-heading>svg{color:var(--sage-dark)}.category-stats{grid-template-columns:repeat(2,1fr);gap:17px 25px;display:grid}.category-stat{gap:7px;display:grid}.category-stat-top{justify-content:space-between;align-items:center;display:flex}.category-stat-top span{align-items:center;gap:7px;font-weight:600;display:inline-flex}.category-stat-top strong{color:var(--sage-dark)}.category-stat small{color:var(--muted);font-size:12px}.stat-bar{background:#e8e6de;border-radius:20px;height:8px;overflow:hidden}.stat-bar i{border-radius:inherit;height:100%;transition:width .3s;display:block}.routine-stats{gap:15px;display:grid}.routine-stat{grid-template-columns:1fr auto;align-items:center;gap:7px 12px;display:grid}.routine-stat-title{font-weight:600}.routine-stat-value{color:var(--muted);font-size:13px}.routine-stat .stat-bar{grid-column:1/-1}.stats-empty{color:var(--muted);margin:0}@media (width<=820px){.app-shell{display:block}.desktop-sidebar{display:none}.main-content{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.mobile-header{padding:calc(18px + env(safe-area-inset-top)) 20px 10px;display:flex}.mobile-nav{padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#fbfaf6f0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-nav .nav-button{justify-items:center;gap:2px;padding:7px 4px;font-size:11px;display:grid}.mobile-nav .nav-button svg{width:19px;height:19px}.page{padding:20px 18px 42px}.date-controls{margin:0 0 20px}.hero-card{border-radius:24px;min-height:185px;padding:27px 25px}.hero-card h1{font-size:27px}.progress-ring{width:82px;height:82px}.progress-ring span{font-size:18px}.section-heading{margin-top:35px}.routine-card{border-radius:19px;grid-template-columns:54px 16px 1fr 44px;min-height:125px;padding:15px 13px 15px 8px}.time-column strong{font-size:15px}.routine-body{padding-left:10px}.routine-body h3{font-size:17px}.routine-body p{font-size:11px}.card-actions{opacity:1}.calendar-card{border-radius:22px;padding:20px 12px}.days-grid>button{border-radius:12px;min-height:57px}.days-grid>button i{width:20px}.page-title{margin-top:8px}.page-title h1{font-size:31px}.stats-toolbar{flex-direction:column;align-items:stretch}.stats-toolbar input{width:100%}.stats-overview{grid-template-columns:1fr}.stats-overview article{padding:15px 17px}.stats-overview strong{font-size:27px}.stats-card{padding:18px}.category-stats{grid-template-columns:1fr}.setting-card{grid-template-columns:48px 1fr;padding:19px}.setting-card>button{grid-column:1/-1}.routine-template-list{grid-template-columns:repeat(2,1fr)}.modal-backdrop{place-items:end center;padding:0}.modal{width:100%;max-height:94vh;padding:24px 20px calc(25px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0}.modal form{grid-template-columns:1fr}.full{grid-column:1}.modal-actions{grid-template-columns:auto 1fr auto}.modal-actions>span,.modal-actions .secondary-button{display:none}.toast{bottom:calc(83px + env(safe-area-inset-bottom));text-align:center;width:max-content;max-width:calc(100% - 32px)}.photo-modal{width:100%;max-height:94vh;padding:20px 18px calc(22px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0}}@media (width<=480px){.hero-card{align-items:flex-start}.progress-ring{width:68px;height:68px}.progress-ring:after{inset:7px}.progress-ring span{font-size:15px}.section-heading h2{font-size:22px}.routine-card{grid-template-columns:49px 14px 1fr 40px}.routine-body p{align-items:flex-start}.card-actions button{width:29px}.check-button{border-radius:12px;width:37px;height:37px}}