*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button{cursor:pointer;font:inherit;background:0 0;border:none;outline:none}input{font:inherit;outline:none}:root{--bg:#f8faf9;--bg2:#fff;--bg3:#f1f5f3;--bg-nav:#ffffffe0;--text:#111827;--text2:#374151;--text3:#6b7280;--text4:#9ca3af;--border:#e5e7eb;--green:#10b981;--green-d:#059669;--green-l:#d1fae5;--green-bg:#ecfdf5;--red:#ef4444;--red-l:#fee2e2;--orange:#f59e0b;--orange-l:#fef3c7;--blue:#3b82f6;--purple:#8b5cf6;--purple-l:#ede9fe;--card-shadow:0 1px 3px #0000000f, 0 2px 8px #0000000a;--radius:16px;--radius-s:12px;--radius-xs:8px;--nav-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark]{--bg:#0f1117;--bg2:#1a1d27;--bg3:#242733;--bg-nav:#1a1d27eb;--text:#f3f4f6;--text2:#d1d5db;--text3:#9ca3af;--text4:#6b7280;--border:#2d3140;--green-l:#064e3b;--green-bg:#022c22;--red-l:#450a0a;--orange-l:#451a03;--purple-l:#2e1065;--card-shadow:0 1px 4px #0000004d}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;transition:background .3s,color .3s}.app{max-width:430px;padding:0 16px;padding-bottom:calc(var(--nav-h) + 20px + env(safe-area-inset-bottom,0px));margin:0 auto}.tab-bar{height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));background:var(--bg-nav);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--border);z-index:100;justify-content:space-around;align-items:flex-start;padding-top:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{color:var(--text4);flex-direction:column;align-items:center;gap:3px;min-width:56px;padding:2px 0;font-size:10px;font-weight:500;transition:color .2s;display:flex;position:relative}.tab-item.on{color:var(--green)}.tab-item.on:before{content:"";background:var(--green);border-radius:2px;width:24px;height:3px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.tab-item svg{stroke-width:2px;width:22px;height:22px;transition:transform .2s,stroke-width .2s}.tab-item.on svg{stroke-width:2.4px;fill:#10b9811f;filter:drop-shadow(0 1px 2px #10b98133);transform:scale(1.1)}.tab-item span{letter-spacing:.3px}.card{background:var(--bg2);border-radius:var(--radius);box-shadow:var(--card-shadow);margin-bottom:12px;padding:18px;transition:background .3s,box-shadow .3s}.press:active{transition:transform .1s;transform:scale(.95)}.card-group .card{border-radius:0;margin-bottom:0}.card-group .card:first-child{border-radius:var(--radius) var(--radius) 0 0}.card-group .card:last-child{border-radius:0 0 var(--radius) var(--radius);margin-bottom:12px}.card-group .card:only-child{border-radius:var(--radius);margin-bottom:12px}.card-group .card+.card{border-top:.5px solid var(--border)}.hero{text-align:center;color:#fff;background:linear-gradient(145deg,#047857 0%,#059669 30%,#10b981 60%,#34d399 100%);border-radius:24px;margin:12px 0 16px;padding:32px 20px 28px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0596694d,0 2px 8px #00000014}.hero:before{content:"";background:#ffffff1a;border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:-40px}.hero:after{content:"";background:#ffffff12;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-50px;left:-30px}.hero>*{z-index:1;position:relative}.hero-label{opacity:.85;letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:600}.hero-days{letter-spacing:-2px;margin:8px 0 2px;font-size:56px;font-weight:900;line-height:1}.hero-days .days-unit{opacity:.8;letter-spacing:0;vertical-align:middle;margin-left:2px;font-size:18px;font-weight:600}.hero-clock{letter-spacing:2px;opacity:.9;font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:28px;font-weight:700}.hero-clock .colon{opacity:.5;margin:0 1px}.hero-clock .sec-digit{animation:1s ease-in-out infinite heroPulse;display:inline-block}.hero-sub{opacity:.6;font-size:12px;line-height:1.4}@keyframes heroPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.stat{background:var(--bg2);border-radius:var(--radius-s);text-align:center;box-shadow:var(--card-shadow);padding:18px 12px 14px;transition:background .3s,transform .15s;position:relative;overflow:hidden}.stat:after{content:"";border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat:first-child:after{background:var(--orange)}.stat:nth-child(2):after{background:var(--red)}.stat:nth-child(3):after{background:var(--green)}.stat:nth-child(4):after{background:var(--purple)}.stat:hover{transform:scale(1.02)}.stat:active{transform:scale(.97)}.stat-val{color:var(--text);margin:6px 0 2px;font-size:26px;font-weight:800}.stat-lbl{color:var(--text4);letter-spacing:.3px;font-size:11px}.stat-ico{font-size:20px}.sec-title{align-items:center;gap:6px;margin:20px 0 10px 2px;font-size:17px;font-weight:700;display:flex}.tl-item{border-bottom:.5px solid var(--border);gap:12px;padding:14px 0;display:flex}.tl-item:last-child{border-bottom:none}.tl-item.tl-done{border-left:3px solid var(--green);padding-left:10px}.tl-dot{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.tl-dot.ok{background:var(--green-l);color:var(--green-d)}.tl-dot.wait{background:var(--bg3);color:var(--text4)}.tl-info{flex:1;min-width:0}.tl-name{font-size:14px;font-weight:600}.tl-desc{color:var(--text3);margin-top:2px;font-size:12px}.tl-meta{color:var(--text4);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.tl-bar{background:var(--bg3);border-radius:2px;flex:1;height:3px;overflow:hidden}.tl-bar-fill{background:var(--green);border-radius:2px;height:100%;transition:width .5s}.craving-btn{color:#fff;border-radius:var(--radius-s);background:linear-gradient(135deg,#ef4444,#dc2626);justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:16px;font-size:16px;font-weight:700;transition:transform .12s;animation:2s ease-in-out infinite cravingPulse;display:flex;box-shadow:0 4px 16px #ef444440}.craving-btn:active{animation:none;transform:scale(.97)}.craving-btn svg{width:20px;height:20px}@keyframes cravingPulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #ef444440}50%{transform:scale(1.02);box-shadow:0 6px 24px #ef444466}}.log-item{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.log-item:last-child{border-bottom:none}.badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.badge-g{background:var(--green-l);color:var(--green-d)}.badge-r{background:var(--red-l);color:var(--red)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.cal-hd{color:var(--text4);text-align:center;padding:4px 0;font-size:11px}.cal-day{aspect-ratio:1;border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:background .2s,color .2s;display:flex}.cal-day.done{background:var(--green);color:#fff}.cal-day.today{background:var(--green-l);color:var(--green-d);border:2px solid var(--green)}.cal-day.miss{background:var(--bg3);color:var(--text4)}.btn{border-radius:var(--radius-s);justify-content:center;align-items:center;gap:6px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:transform .12s,opacity .2s;display:flex}.btn:active{transform:scale(.97)}.btn-green{background:var(--green);color:#fff}.btn-outline{border:1.5px solid var(--border);color:var(--text3);background:0 0}.btn-red-outline{border:1.5px solid var(--red);color:var(--red);background:0 0}.set-row{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.set-row:last-child{border-bottom:none}.set-lbl{color:var(--text2);font-size:14px}.set-val{color:var(--text4);font-size:13px}.set-input{border:1px solid var(--border);border-radius:var(--radius-xs);text-align:right;background:var(--bg3);width:100px;color:var(--text);padding:8px 10px;font-size:14px;transition:border-color .2s,background .3s}.set-input:focus{border-color:var(--green);background:var(--bg2)}.toggle{background:var(--bg3);cursor:pointer;border-radius:14px;width:48px;height:28px;transition:background .25s;position:relative}.toggle.on{background:var(--green)}.toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle.on:after{transform:translate(20px)}.overlay{-webkit-backdrop-filter:blur(8px);z-index:200;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg2);width:100%;max-width:430px;padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;animation:.25s ease-out sheetUp}@keyframes sheetUp{0%{transform:translateY(100%)}}.sheet-title{text-align:center;margin-bottom:8px;font-size:18px;font-weight:700}.sheet-desc{color:var(--text3);text-align:center;margin-bottom:16px;font-size:13px;line-height:1.5}.sheet-btns{gap:10px;display:flex}.sheet-btns .btn{flex:1}.moti{color:#fff;border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#6d28d9,#7c3aed 40%,#a78bfa);margin-bottom:14px;padding:24px 22px;position:relative;overflow:hidden;box-shadow:0 8px 24px #6d28d933}.moti:before{content:"";background:#ffffff14;border-radius:50%;width:100px;height:100px;position:absolute;top:-30px;right:-20px}.moti-text{z-index:1;font-size:16px;font-weight:600;line-height:1.7;position:relative}.moti-from{opacity:.6;margin-top:6px;font-size:11px}.empty{text-align:center;color:var(--text4);padding:48px 20px}.empty-ico{opacity:.5;margin-bottom:12px;font-size:48px}.empty-txt{font-size:14px;line-height:1.6}.onboard{text-align:center;padding-top:80px}.onboard-ico{margin-bottom:16px;font-size:72px;animation:3s ease-in-out infinite floatAnim}.onboard h1{margin-bottom:6px;font-size:26px;font-weight:800}.onboard p{color:var(--text3);margin-bottom:28px;font-size:14px}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-in{animation:.25s ease-out fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-fill{min-height:calc(100vh - var(--nav-h) - env(safe-area-inset-bottom,0px));min-height:calc(100dvh - var(--nav-h) - env(safe-area-inset-bottom,0px));flex-direction:column;padding-bottom:8px;display:flex}.page-head{align-items:center;gap:8px;padding:16px 2px 12px;font-size:18px;font-weight:700;display:flex}.page-head-badge{background:var(--green-l);color:var(--green-d);border-radius:20px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:600}.stat-ico-wrap{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 8px;font-size:22px;transition:background .3s;display:flex;box-shadow:inset 0 1px 2px #0000000a}.checkin-btn{gap:6px;margin-bottom:12px}.checkin-done{text-align:center;color:var(--green);justify-content:center;align-items:center;gap:6px;font-weight:700;display:flex}.pop{animation:.4s ease-out popIn}@keyframes popIn{0%{transform:scale(1)}30%{transform:scale(1.06)}60%{transform:scale(.97)}to{transform:scale(1)}}.next-ms{cursor:pointer;border-left:3px solid var(--green);transition:transform .15s}.next-ms:active{transform:scale(.98)}.next-ms-head{justify-content:space-between;margin-bottom:12px;display:flex}.next-ms-body{align-items:center;gap:14px;display:flex}.next-ms-ico{background:var(--green-l);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;display:flex;box-shadow:0 2px 8px #10b98126}.next-ms-info{flex:1}.next-ms-pct{color:var(--green);font-size:22px;font-weight:800}.tips-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:4px 0 12px;display:flex;overflow-x:auto}.tips-scroll::-webkit-scrollbar{display:none}.tip-card{background:var(--bg2);border-radius:var(--radius-s);width:140px;box-shadow:var(--card-shadow);flex-shrink:0;padding:14px 12px;transition:background .3s}.tip-ico{margin-bottom:6px;font-size:24px}.tip-t{margin-bottom:4px;font-size:13px;font-weight:700}.tip-ds{color:var(--text4);font-size:11px;line-height:1.4}.cal-summary{border-top:.5px solid var(--border);justify-content:center;align-items:center;margin-top:18px;padding-top:14px;display:flex}.cal-stat{text-align:center;flex:1}.cal-stat-n{font-size:20px;font-weight:800}.cal-stat-l{color:var(--text4);margin-top:2px;font-size:11px}.cal-divider{background:var(--border);width:1px;height:32px}.set-val-btn{color:var(--green);font-size:13px;font-weight:500}.sheet-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 14px}.quick-actions{gap:10px;margin-bottom:16px;display:flex}.quick-action-btn{border-radius:var(--radius-s);background:var(--bg2);box-shadow:var(--card-shadow);color:var(--text2);border:1px solid var(--border);flex:1;justify-content:center;align-items:center;gap:6px;padding:14px 10px;font-size:13px;font-weight:600;transition:transform .12s,background .2s;display:flex}.quick-action-btn:active{background:var(--bg3);transform:scale(.95)}.date-header{color:var(--text3);letter-spacing:.3px;padding:14px 2px 2px;font-size:13px;font-weight:600}.countdown-wrap{text-align:center;background:var(--green-bg);border-radius:var(--radius-s);margin:16px 0;padding:16px}.countdown-label{color:var(--green-d);margin-bottom:6px;font-size:12px;font-weight:600}.countdown-time{color:var(--green);font-variant-numeric:tabular-nums;font-size:32px;font-weight:800}.countdown-done{color:var(--green-d);font-size:14px;font-weight:700}.health-summary{background:var(--bg2);border-radius:var(--radius);box-shadow:var(--card-shadow);align-items:center;gap:14px;margin-bottom:12px;padding:16px 18px;display:flex}.health-ring{flex-shrink:0;width:48px;height:48px;position:relative}.health-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.health-ring-text{color:var(--green);justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex;position:absolute;inset:0}.health-summary-info{flex:1}.health-summary-title{color:var(--text);font-size:14px;font-weight:700}.health-summary-sub{color:var(--text3);margin-top:2px;font-size:12px}.last-craving{background:var(--orange-l);border-radius:var(--radius-xs);color:var(--orange);align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.week-summary{text-align:center;color:var(--text3);margin-bottom:8px;padding:10px 0;font-size:13px;font-weight:500}.week-summary strong{color:var(--green);font-weight:700}