:root{color:#1d2635;font-synthesis:none;text-rendering:optimizelegibility;background:#eef1f6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 5%,#fff 0,#f3f5f9 42%,#e8edf5 100%);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}.app{--bg:#f6f7fa;--surface:#ffffffe0;--ink:#182335;--muted:#7c8798;--line:#e7ebf1;--accent:#5e8df7;background:var(--bg);min-height:100vh;color:var(--ink)}.theme-blush{--bg:#fbf3f0;--surface:#fffcfbe6;--accent:#e88977}.theme-blue{--bg:#eef6ff;--surface:#fafdffe6;--accent:#5e9df5}.shell{background:var(--bg);width:100%;max-width:520px;min-height:100vh;margin:auto;position:relative;box-shadow:0 0 60px #9eabc330}.topbar{justify-content:space-between;align-items:center;height:86px;padding:24px 22px 12px;display:flex}.eyebrow{letter-spacing:.18em;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.topbar h1{letter-spacing:-.04em;margin:4px 0 0;font-size:23px}.avatar,.settings-icon{color:#fff;background:linear-gradient(135deg,#ffe89d,#ffadbd 52%,#a9c9ff);border-radius:14px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 18px #ecb2b650}.page{padding:12px 20px 104px;animation:.35s in}@keyframes in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}h2,h3,p{margin:0}h2{letter-spacing:-.05em;font-size:29px;line-height:1.1}h3{letter-spacing:-.03em;font-size:19px}.hero-card{background:linear-gradient(130deg,#fff 5%,#f7f9ff 50%,#fff5f3 100%);border-radius:28px;align-items:center;gap:16px;min-height:158px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 35px #c2cad81f}.hero-card:after{content:"";background:radial-gradient(circle,#ffd76c55,#c1d7ff00 66%);border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-55px}.hero-card h2{margin:10px 0 8px}.hero-card em{color:#7198ee;font-style:normal}.hero-card p,.muted{color:var(--muted);font-size:13px}.hero-orbit,.big-star{color:#fff;background:linear-gradient(145deg,#ffcf75,#ff9fae 50%,#9abfff);border-radius:50%;flex:none;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 9px 20px #eaaa9a55}.date-row{justify-content:space-between;align-items:center;margin:18px 0;display:flex}.icon-btn{background:var(--surface);width:35px;height:35px;color:var(--muted);border-radius:12px;place-items:center;display:grid;box-shadow:0 3px 10px #9da8b520}.date-picker{background:var(--surface);border-radius:14px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;display:flex;position:relative}.date-picker input,.mini-calendar input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.progress-card,.chart-card,.settings-group{background:var(--surface);border:1px solid #fff;border-radius:22px;box-shadow:0 10px 25px #9ca8b618}.progress-card{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.progress-card span{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.progress-card strong{font-size:24px}.progress-card small{color:var(--muted);font-size:12px;font-weight:500}.progress-ring{--progress:0%;background:conic-gradient(var(--accent) var(--progress),#edf0f5 0);border-radius:50%;place-items:center;width:55px;height:55px;display:grid;position:relative}.progress-ring:after{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:6px}.progress-ring span{z-index:1;font-size:11px;font-weight:800;position:relative}.section-head{justify-content:space-between;align-items:center;margin:27px 2px 14px;display:flex}.section-head h3,.section-head h2{margin-top:5px}.primary-icon{background:var(--ink);color:#fff;border-radius:13px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 7px 12px #15223725}.category{margin:17px 0}.category-head{align-items:center;gap:8px;margin-bottom:9px;font-size:14px;display:flex}.dot{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #fff6}.count{color:var(--muted);margin-left:auto;font-size:12px}.task-card{background:var(--surface);border:1px solid #fff;border-radius:18px;align-items:center;gap:10px;margin:8px 0;padding:14px 12px;transition:all .2s;display:flex;box-shadow:0 7px 18px #9ca8b612}.task-card:hover{transform:translateY(-1px)}.task-card.done{opacity:.66}.task-card.done .task-main>strong{text-decoration:line-through}.check{border:1.5px solid #c9d0dc;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.done .check{background:var(--accent);color:#fff;border-color:var(--accent)}.task-main{flex:1;min-width:0}.task-main>strong{font-size:14px}.task-main p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 8px;font-size:12px;overflow:hidden}.task-meta{color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.task-meta span:first-child{align-items:center;gap:3px;display:flex}.category-pill{border-radius:8px;padding:4px 8px}.task-actions{gap:4px;display:flex}.task-actions button,.category-setting button{color:#a2abba;padding:7px}.empty{text-align:center;color:var(--muted);padding:55px 18px}.empty h3{color:var(--ink);margin:13px 0 7px}.empty p{margin-bottom:20px;font-size:13px}.primary-btn{background:var(--ink);color:#fff;border-radius:13px;padding:12px 18px;font-size:13px;font-weight:700;box-shadow:0 8px 15px #15223722}.full{width:100%;margin-top:8px}.bottom-nav{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffd;border:1px solid #fff;border-radius:22px;justify-content:space-around;width:min(480px,100% - 28px);padding:8px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 13px 30px #8c98ab38}.bottom-nav button{color:#9aa5b5;border-radius:15px;flex-direction:column;align-items:center;gap:4px;padding:7px 18px;font-size:10px;display:flex}.bottom-nav button.active{background:var(--ink);color:#fff}.timer-page{text-align:center;padding-top:36px}.timer-kicker{color:#6d85ab;letter-spacing:.08em;font-size:12px;font-weight:800}.live-dot{background:#7cc6a1;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 5px #7cc6a126}.timer-title{margin-top:14px}.timer-page>.muted{margin-top:9px}.timer-orb{background:radial-gradient(circle at 35% 30%,#fff,#f4f7ff 45%,#dce7ff);border-radius:50%;place-items:center;width:min(76vw,300px);height:min(76vw,300px);margin:44px auto 42px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #fff,0 28px 50px #829cd933}.timer-orb:before,.timer-orb:after{content:"";border:1px solid #9cb8f655;border-radius:50%;position:absolute;inset:-17px}.timer-orb:after{border-color:#f0b2b655;inset:-31px}.timer-orb span{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:42px;display:block}.timer-orb small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.timer-controls{justify-content:center;align-items:center;gap:19px;display:flex}.pause-btn{background:var(--ink);color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:74px;height:74px;display:flex;box-shadow:0 10px 20px #15223730}.pause-btn span{font-size:10px}.stop-btn{color:#d88787;background:#fff;border:1px solid #e8d9d9;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:86px;height:74px;display:flex;position:relative;overflow:hidden}.stop-btn>span:first-child{opacity:.55;background:#f7c4be;transition:width .1s;position:absolute;inset:0 auto 0 0}.stop-square{background:#e8a29c;border-radius:5px;width:16px;height:16px;position:relative}.stop-btn small,.stop-progress{font-size:10px;position:relative}.hint{color:#a5adba;margin-top:18px;font-size:11px}.stats-title{margin-top:5px}.mini-calendar{background:var(--surface);color:var(--muted);border-radius:11px;align-items:center;gap:6px;padding:8px 10px;display:flex;position:relative}.segmented{background:#e7ebf1;border-radius:13px;margin:20px 0 13px;padding:3px;display:flex}.segmented button{color:var(--muted);border-radius:10px;flex:1;padding:8px;font-size:12px}.segmented button.active{color:var(--ink);background:#fff;font-weight:700;box-shadow:0 2px 6px #8793a522}.stats-hero{color:#fff;background:linear-gradient(135deg,#17243a,#304b72);border-radius:23px;justify-content:space-between;align-items:end;padding:20px;display:flex;overflow:hidden}.stats-hero .muted{color:#bfcbe0}.stats-hero strong{margin:7px 0;font-size:31px;display:block}.stats-hero small{color:#a6ddb9;align-items:center;gap:5px;font-size:11px;display:flex}.sparkline{align-items:end;gap:4px;height:65px;display:flex}.sparkline span{background:#a9c8ff;border-radius:5px;width:7px}.sparkline span:first-child{height:25%}.sparkline span:nth-child(2){height:48%}.sparkline span:nth-child(3){height:35%}.sparkline span:nth-child(4){height:70%}.sparkline span:nth-child(5){height:55%}.sparkline span:nth-child(6){height:90%}.sparkline span:nth-child(7){height:76%}.chart-card{margin-top:14px;padding:17px}.card-title{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.card-title h3{font-size:15px}.card-title span{color:var(--muted);font-size:11px}.bars{flex-direction:column;gap:13px;display:flex}.bar-row{grid-template-columns:58px 1fr 32px;align-items:center;gap:8px;font-size:11px;display:grid}.bar-label{align-items:center;gap:5px;display:flex}.bar-label i{border-radius:50%;width:7px;height:7px}.bar-track{background:#edf0f5;border-radius:8px;height:8px;overflow:hidden}.bar-track b{border-radius:8px;height:100%;display:block}.bar-row>strong{text-align:right;color:var(--muted);font-size:11px}.heatmap{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.heat-cell{aspect-ratio:1;color:#77879f;background:#edf1f7;border-radius:7px;place-items:center;display:grid}.heat-cell small{font-size:9px}.heat-legend{color:var(--muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:12px;font-size:10px;display:flex}.heat-legend i{background:#edf1f7;border-radius:4px;width:12px;height:12px}.heat-legend i:nth-of-type(2){background:#cbdcff}.heat-legend i:nth-of-type(3){background:#a9c5ff}.heat-legend i:nth-of-type(4){background:#82aaff}.completion-line{background:#edf0f5;border-radius:9px;height:13px;position:relative;overflow:hidden}.completion-line div{background:linear-gradient(90deg,#9bc8ff,#8eabff);border-radius:9px;height:100%}.completion-line span{text-align:right;color:var(--muted);margin-top:8px;font-size:11px;display:block}.settings-icon{color:#fff}.settings-group{margin:14px 0;padding:18px}.settings-group>h3{margin-bottom:13px;font-size:14px}.theme-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-options button{color:var(--muted);border:1px solid #0000;border-radius:14px;padding:10px 6px;font-size:11px;position:relative}.theme-options button.selected{border-color:var(--accent);color:var(--ink);background:#fff}.theme-options button>svg{color:var(--accent);position:absolute;top:5px;right:5px}.theme-swatch{border-radius:13px;place-items:center;width:42px;height:42px;margin:0 auto 8px;font-size:19px;display:grid}.swatch-white{background:#f2f4f7}.swatch-blush{background:#f4c2b8}.swatch-blue{background:#b9d8ff}.setting-row{align-items:center;gap:10px;display:flex}.setting-symbol{color:#76839b;background:#eef0f5;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.setting-row>div:nth-child(2){flex:1}.setting-row strong{font-size:13px}.setting-row p{color:var(--muted);margin-top:4px;font-size:11px}.switch{background:#d6dce6;border-radius:18px;width:46px;height:27px;padding:3px;transition:all .2s}.switch span{background:#fff;border-radius:50%;width:21px;height:21px;transition:all .2s;display:block;box-shadow:0 2px 4px #52617a33}.switch.on{background:var(--accent)}.switch.on span{transform:translate(19px)}.inner{margin:0 0 12px}.text-btn{color:var(--accent);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.category-setting{border-top:1px solid var(--line);align-items:center;gap:9px;padding:10px 0;font-size:13px;display:flex}.category-setting>i{border-radius:50%;width:11px;height:11px}.category-setting>div{margin-left:auto;display:flex}.utility-btn{color:#718097;border-bottom:1px solid var(--line);align-items:center;gap:8px;width:100%;padding:12px 0;font-size:12px;display:flex}.utility-btn:last-child{border-bottom:0}.utility-btn.danger{color:#d48585}.version{text-align:center;color:#b2bac6;margin:24px;font-size:10px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b263944;place-items:end center;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border-radius:28px 28px 0 0;width:min(520px,100%);padding:20px 20px 30px;animation:.25s up;box-shadow:0 -10px 40px #1b263933}@keyframes up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.modal-head{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.modal-head h3{font-size:20px}.modal-head button{color:var(--muted)}.modal label{color:var(--muted);margin:13px 0;font-size:12px;display:block}.modal input,.modal textarea,.modal select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;margin-top:7px;padding:12px;display:block}.modal textarea{resize:vertical;min-height:75px}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--accent)}.color-pick{gap:9px;margin-top:10px;display:flex}.color-pick button{border:3px solid #0000;border-radius:50%;width:30px;height:30px}.color-pick button.picked{border-color:var(--ink);box-shadow:0 0 0 2px #fff}.primary-btn:active,.pause-btn:active{transform:scale(.98)}@media (width>=700px){.shell{border-radius:34px;min-height:calc(100vh - 48px);margin:24px auto;overflow:hidden}.bottom-nav{bottom:38px}.page{padding-bottom:125px}.modal-backdrop{align-items:center}.modal{border-radius:28px;max-width:440px}}.avatar img,.hero-orbit img,.big-star img{object-fit:contain;border-radius:inherit;width:100%;height:100%}.avatar{padding:4px;overflow:hidden}.hero-orbit{padding:0;overflow:hidden}.big-star{padding:3px;overflow:hidden}.range-nav{background:var(--surface);color:var(--muted);border-radius:13px;justify-content:space-between;align-items:center;margin:10px 0 14px;padding:8px 12px;font-size:12px;display:flex}.range-nav strong{color:var(--ink)}.range-nav button{background:#eef1f6;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.heat-cell.level-1{background:#dbe6ff}.heat-cell.level-2{background:#bad0ff}.heat-cell.level-3{background:#98baff}.heat-cell.level-4{color:#fff;background:#729cff}.star-gallery{grid-template-columns:repeat(6,1fr);gap:7px;margin:14px 0;display:grid}.star-gallery img{aspect-ratio:1;object-fit:cover;background:linear-gradient(145deg,#fff,#eef3ff);border-radius:13px;width:100%;box-shadow:0 5px 12px #8294b51f}.focus-reminder{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.compact-input{border:1px solid var(--line);text-align:center;background:#fff;border-radius:9px;width:55px;padding:7px}.setting-row>span{color:var(--muted);font-size:11px}.reminder-grid{grid-template-columns:1fr 115px;gap:9px;display:grid}.reminder-grid label{color:var(--muted);font-size:11px}.reminder-grid input{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;margin-top:6px;padding:9px;display:block}.setting-note{color:var(--muted);margin-top:10px;font-size:11px}.start-main-btn{background:linear-gradient(135deg,#5e8df7,#8d7df2)}.stats-hero{position:relative}.empty-mascot{object-fit:contain;filter:drop-shadow(0 8px 12px #8490aa25);width:92px;height:92px;margin:0 auto 10px;display:block}.mascot-icon{background:linear-gradient(135deg,#ffe2b8,#ffb3c4 55%,#b9d2ff);padding:2px;overflow:hidden}.mascot-icon img{object-fit:contain;border-radius:12px;width:100%;height:100%}.heatmap-day{grid-template-columns:repeat(7,1fr)}.heatmap-week{grid-template-columns:repeat(5,1fr)}.heatmap-month{grid-template-columns:repeat(4,1fr)}.heatmap-week .heat-cell,.heatmap-month .heat-cell{aspect-ratio:auto;min-height:52px}.heatmap-week .heat-cell small,.heatmap-month .heat-cell small{font-size:11px;font-weight:700}@media (width<=390px){.star-gallery{display:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.shell{min-height:100dvh}.bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}