:root{--bg: #f6f2ea;--card: #fffaf1;--card2: #ffffff;--text: #2f2a24;--muted: #8b8175;--line: #eadfce;--green: #88c999;--red: #e98b83;--blue: #8fb9e8;--gold: #f2c35d;--brown: #8b6239;--shadow: 0 16px 40px rgba(72, 52, 31, .12);--radius: 24px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(242,195,93,.24),transparent 34%),radial-gradient(circle at bottom right,rgba(143,185,232,.22),transparent 38%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;min-height:100vh;-webkit-tap-highlight-color:transparent}.phone-shell{max-width:430px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#fffaf1e0,#f6f2eaf0);position:relative;overflow:hidden;border-left:1px solid rgba(0,0,0,.04);border-right:1px solid rgba(0,0,0,.04)}header{padding:18px 18px 8px;padding-top:calc(18px + env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#f6f2ead1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(234,223,206,.7)}.menu-btn,.icon-btn{border:none;background:var(--card2);box-shadow:0 8px 18px #48341f17;border-radius:16px;width:42px;height:42px;font-size:20px;color:var(--brown);cursor:pointer}.title-block{text-align:center}.title-block h1{margin:0;font-size:17px;letter-spacing:.5px}.title-block p{margin:3px 0 0;font-size:12px;color:var(--muted)}main{padding:14px 16px 90px;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.card{background:#fffaf1e6;border:1px solid rgba(234,223,206,.95);box-shadow:var(--shadow);border-radius:var(--radius);padding:18px;margin-bottom:14px}.hero{background:linear-gradient(135deg,#fffaf1f5,#ffeecac2),radial-gradient(circle at 90% 10%,rgba(242,195,93,.3),transparent 40%);position:relative;overflow:hidden}.hero:after{content:"✦";position:absolute;right:22px;top:18px;color:#8b623938;font-size:50px}.eyebrow{color:var(--muted);font-size:12px;margin-bottom:6px}.big{font-size:26px;line-height:1.25;font-weight:800;margin:0 0 10px}.sub{color:var(--muted);line-height:1.55;font-size:14px;margin:0}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pill{padding:8px 11px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(234,223,206,.9);font-size:12px;color:#655647}.pill b{color:var(--brown)}.score-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0}.score-btn{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 0;font-weight:700;cursor:pointer;font-size:15px;color:var(--text);transition:transform .08s ease}.score-btn:active{transform:scale(.94)}.score-btn.active{background:var(--brown);color:#fff;border-color:var(--brown)}.score-slider-wrap{margin:18px 0 6px}.score-value{text-align:center;font-size:44px;font-weight:800;color:var(--brown);line-height:1;margin-bottom:12px}.score-value small{font-size:14px;color:var(--muted);font-weight:600;margin-left:4px}input[type=range].slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--gold) 55%,var(--green));outline:none;padding:0;border:none;margin:4px 0}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--brown);box-shadow:0 4px 10px #48341f40;cursor:pointer}input[type=range].slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--brown);box-shadow:0 4px 10px #48341f40;cursor:pointer}.score-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:4px}textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;font-size:14px;color:var(--text);outline:none;font-family:inherit;resize:vertical;min-height:56px}.status-item .catchup-btn{border:1px solid var(--gold);background:#fff8e8;color:var(--brown);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer}.status-item.clickable{cursor:pointer}.row-actions{display:flex;align-items:center;gap:8px}.time-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}input,select{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;font-size:14px;color:var(--text);outline:none}.primary{width:100%;border:none;background:linear-gradient(135deg,#8b6239,#a97b4b);color:#fff;border-radius:18px;padding:14px 16px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #8b62392e}.primary:active{filter:brightness(.96)}.secondary{border:1px solid var(--line);background:#fff;color:var(--brown);border-radius:14px;padding:10px 12px;font-weight:700;cursor:pointer}.status-list{display:grid;gap:9px}.status-item{display:flex;align-items:center;justify-content:space-between;background:#ffffffb3;border:1px solid rgba(234,223,206,.8);border-radius:16px;padding:12px;font-size:14px}.dot{width:11px;height:11px;border-radius:999px;display:inline-block;margin-right:7px;background:var(--line);vertical-align:middle}.done .dot{background:var(--green)}.todo .dot{background:var(--gold)}.locked .dot{background:#d4cabc}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.metric{background:#ffffffad;border:1px solid rgba(234,223,206,.8);border-radius:18px;padding:14px}.metric b{display:block;font-size:24px;margin-bottom:3px}.metric span{color:var(--muted);font-size:12px}.section-title{font-size:18px;font-weight:800;margin:0 0 12px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.weekday{text-align:center;font-size:11px;color:var(--muted);margin-bottom:6px}.day{aspect-ratio:1 / 1;border-radius:14px;background:#eee5d8;border:1px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:13px;position:relative;color:#2f2a24cc}.day.green{background:var(--green);color:#fff}.day.red{background:var(--red);color:#fff}.day.blue{background:var(--blue);color:#fff}.day.empty{background:#e7ded2;color:#9a9084}.day.today{outline:2px solid var(--brown);outline-offset:1px}.day{position:relative}.day.rest{box-shadow:inset 0 0 0 2px #8fb9e8d9}.rest-dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:999px;background:var(--blue)}.day.green .rest-dot,.day.red .rest-dot,.day.blue .rest-dot{background:#fff}.day.star:after{content:"*";position:absolute;top:3px;right:7px;font-size:14px;font-weight:900;color:#fff}.day.empty.star:after{color:var(--brown)}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;font-size:12px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:12px;height:12px;border-radius:4px;display:inline-block}.small-note{font-size:12px;color:var(--muted);line-height:1.6;margin:8px 0 0}.placeholder{text-align:center;color:var(--muted);padding:28px 8px;font-size:13px;line-height:1.7}.placeholder .emoji{font-size:34px;display:block;margin-bottom:10px}.side-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;opacity:0;pointer-events:none;transition:.2s ease;z-index:50}.side-mask.show{opacity:1;pointer-events:auto}.sidebar{position:fixed;left:50%;top:0;bottom:0;width:min(320px,82vw);transform:translate(-215px) translate(-105%);background:#fffaf1fa;box-shadow:18px 0 40px #32200a2e;border-right:1px solid var(--line);padding:18px;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));transition:.24s ease;z-index:60;overflow-y:auto}.sidebar.show{transform:translate(-215px) translate(0)}@media (max-width: 430px){.sidebar{left:0;transform:translate(-105%)}.sidebar.show{transform:translate(0)}}.side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.side-title{font-weight:900;font-size:18px}.nav-item{border:none;width:100%;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:13px 12px;border-radius:16px;color:var(--text);font-weight:700;cursor:pointer;margin-bottom:4px;font-size:15px}.nav-item.active,.nav-item:hover{background:#fff;box-shadow:0 10px 22px #48341f14;color:var(--brown)}.nav-badge{margin-left:auto;font-size:11px;background:#fff3df;color:var(--brown);border-radius:999px;padding:2px 8px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);background:#2f2a24eb;color:#fff;padding:12px 16px;border-radius:999px;font-size:13px;opacity:0;pointer-events:none;transition:.25s ease;z-index:100;max-width:360px;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.bottom-safe{height:24px}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab{flex:1;border:1px solid var(--line);background:#ffffffb3;border-radius:999px;padding:10px 6px;font-size:13px;color:#6c5b49;cursor:pointer;font-weight:700}.tab.active{background:var(--brown);color:#fff;border-color:var(--brown)}.tab .tab-badge{font-size:11px;opacity:.8;margin-left:3px}.task-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px}.tag-select-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tag-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 11px;font-size:12px;color:var(--muted);cursor:pointer}.tag-chip.active{background:#fff3df;color:var(--brown);border-color:var(--gold);font-weight:700}.task-card{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#ffffffc7;border:1px solid rgba(234,223,206,.8);border-radius:16px;margin-bottom:8px}.task-card.completed{opacity:.62}.task-card .check{width:22px;height:22px;margin-top:1px;accent-color:var(--brown);flex:0 0 auto}.task-body{flex:1;min-width:0}.task-title{font-size:14px;font-weight:700;word-break:break-word}.task-card.completed .task-title{text-decoration:line-through}.task-meta{margin-top:4px;font-size:11px;color:var(--muted)}.task-meta .mtag{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:1px 7px;margin-right:6px}.task-title .mtag{display:inline-block;background:#fff3df;border:1px solid var(--gold);color:var(--brown);border-radius:999px;padding:0 7px;margin-left:8px;font-size:11px;font-weight:600;vertical-align:middle}.task-ops{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}.mini-btn{border:1px solid var(--line);background:#fff;color:var(--brown);border-radius:10px;padding:6px 9px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.mini-btn.danger{background:#fff3ef;color:#b95b50;border-color:#f3d8d2}.mini-btn.gold{background:#fff8e8;border-color:var(--gold)}.empty-hint{font-size:13px;color:var(--muted);text-align:center;padding:18px 8px;line-height:1.7}.rate-bar{height:12px;border-radius:999px;background:#eee3d3;overflow:hidden;margin:10px 0 6px}.rate-bar span{display:block;height:100%;background:linear-gradient(90deg,#8b6239,#f2c35d);border-radius:999px}.rank-card{text-align:center;background:radial-gradient(circle at top,rgba(242,195,93,.35),transparent 45%),linear-gradient(180deg,#fffaf1f0,#ffffffc7)}.rank-icon{width:96px;height:96px;border-radius:32px;margin:4px auto 12px;background:linear-gradient(135deg,#f2c35d,#8b6239);display:grid;place-items:center;font-size:48px;box-shadow:0 18px 34px #8b623933}.progress{height:12px;border-radius:999px;background:#eee3d3;overflow:hidden;margin:12px 0 6px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#8b6239,#f2c35d);border-radius:999px}.trophy-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#2f2a248c;display:grid;place-items:center;z-index:120;animation:fadein .2s ease}.trophy-pop{background:var(--card2);border-radius:28px;padding:32px 28px;text-align:center;box-shadow:0 24px 60px #32200a4d;width:min(300px,80vw);animation:pop .4s cubic-bezier(.18,1.4,.4,1)}.trophy-pop .ticon{font-size:72px;animation:spin .7s ease;display:inline-block}.trophy-pop h3{margin:10px 0 4px;font-size:22px}.trophy-pop p{margin:0 0 18px;color:var(--muted);font-size:14px}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(-25deg) scale(.6)}60%{transform:rotate(10deg) scale(1.15)}to{transform:rotate(0) scale(1)}}.kind-badge{font-size:10px;background:#efe6d6;color:#6c5b49;border-radius:6px;padding:1px 6px;margin-left:6px}.mini-prog{height:6px;border-radius:999px;background:#eee3d3;overflow:hidden;margin:6px 0}.mini-prog span{display:block;height:100%;background:linear-gradient(90deg,#8b6239,#f2c35d)}.prog-btns{display:flex;gap:4px;flex-wrap:wrap}.prog-btns button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:3px 7px;font-size:11px;cursor:pointer}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(242,195,93,.5),transparent 55%),linear-gradient(180deg,#fffaf1,#f2e6cf);transition:opacity .4s ease}.splash.leaving{opacity:0}.splash-inner{text-align:center;padding:24px;animation:splashpop .6s cubic-bezier(.18,1.3,.4,1)}.splash-badge{font-size:84px;animation:splashspin .9s ease}.splash-ach{margin-top:14px;font-size:16px;color:#6c5b49;max-width:280px;line-height:1.5}.splash-great{margin-top:16px;font-size:40px;font-weight:900;color:var(--brown);letter-spacing:4px}@keyframes splashpop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes splashspin{0%{transform:rotate(-20deg) scale(.6)}60%{transform:rotate(8deg) scale(1.12)}to{transform:rotate(0) scale(1)}}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}.badge{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center}.badge.got{background:#fff8e8;border-color:var(--gold)}.badge-ic{font-size:30px;filter:grayscale(1);opacity:.45}.badge.got .badge-ic{filter:none;opacity:1}.badge-name{font-size:11px;line-height:1.35;color:#6c5b49}.badge.got .badge-name{color:var(--brown);font-weight:700}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:430px;display:flex;background:#fffaf1f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);box-shadow:0 -8px 24px #48341f14;padding-bottom:env(safe-area-inset-bottom,0px);z-index:40}.tabbar-item{flex:1;border:none;background:transparent;padding:9px 0 8px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;color:var(--muted)}.tabbar-ic{font-size:22px;filter:grayscale(1);opacity:.55;transition:.15s}.tabbar-label{font-size:11px}.tabbar-item.active{color:var(--brown)}.tabbar-item.active .tabbar-ic{filter:none;opacity:1;transform:translateY(-1px)}.tabbar-item.active .tabbar-label{font-weight:700}.coinfx-layer{position:fixed;left:50%;top:30%;transform:translate(-50%);z-index:150;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px}.coinfx{font-size:30px;font-weight:900;color:var(--gold);text-shadow:0 2px 6px rgba(139,98,57,.35);animation:coinfly 1.2s ease-out forwards}.coinfx.minus{color:#c0705f}@keyframes coinfly{0%{opacity:0;transform:translateY(10px) scale(.6)}20%{opacity:1;transform:translateY(0) scale(1.15)}60%{opacity:1;transform:translateY(-18px) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.9)}}.rankfx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#f2c35d8c,#2f2a2499 70%);animation:fadein .3s ease}.rankfx-inner{text-align:center;animation:rankpop .7s cubic-bezier(.18,1.4,.4,1)}.rankfx-burst{font-size:80px;animation:rankspin .9s ease}.rankfx-title{margin-top:10px;font-size:18px;color:#fff;letter-spacing:3px}.rankfx-name{margin-top:8px;font-size:36px;font-weight:900;color:var(--gold);text-shadow:0 3px 10px rgba(0,0,0,.3)}@keyframes rankpop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rankspin{0%{transform:rotate(-30deg) scale(.5)}60%{transform:rotate(12deg) scale(1.2)}to{transform:rotate(0) scale(1)}}.task-ops{position:relative}.ops-menu{position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 20px #48341f24;padding:6px;display:flex;flex-direction:column;gap:4px;z-index:30;min-width:88px}.ops-menu .mini-btn{width:100%}.done-toggle{width:100%;border:1px dashed var(--line);background:#ffffff80;color:var(--muted);border-radius:12px;padding:9px;font-size:13px;font-weight:700;cursor:pointer;margin:8px 0}