:root{--bg: #ebeff6;--card: #ffffff;--nest: #f4f7fc;--ink: #191d26;--muted: #6b7486;--faint: #a4acbb;--line: #e3e8f1;--track: #dfe5ef;--field: #ffffff;--ring-l: 56%;--ring-c: .15;--shadow-card: 0 1px 2px rgb(20 26 40 / 5%), 0 6px 16px -6px rgb(20 26 40 / 10%);--shadow-lift: 0 2px 4px rgb(20 26 40 / 6%), 0 14px 30px -10px rgb(20 26 40 / 18%);--sheet-veil: rgb(22 27 38 / 38%);--font: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", roboto, sans-serif;--mono: ui-monospace, "SF Mono", menlo, consolas, monospace;--spring: linear( 0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .975 57.1%, .997 69.4%, 1.003 76.6%, 1 );--ease: cubic-bezier(.22, .68, .36, 1);--r-card: 18px;--r-row: 12px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1116;--card: #171b22;--nest: #1d222b;--ink: #e8ecf3;--muted: #98a1b2;--faint: #6a7385;--line: #252b35;--track: #2a313d;--field: #1d222b;--ring-l: 74%;--ring-c: .14;--shadow-card: 0 1px 2px rgb(0 0 0 / 35%), 0 6px 16px -6px rgb(0 0 0 / 45%);--shadow-lift: 0 2px 4px rgb(0 0 0 / 40%), 0 14px 30px -10px rgb(0 0 0 / 60%);--sheet-veil: rgb(6 8 12 / 60%)}}:root[data-theme=dark]{--bg: #0e1116;--card: #171b22;--nest: #1d222b;--ink: #e8ecf3;--muted: #98a1b2;--faint: #6a7385;--line: #252b35;--track: #2a313d;--field: #1d222b;--ring-l: 74%;--ring-c: .14;--shadow-card: 0 1px 2px rgb(0 0 0 / 35%), 0 6px 16px -6px rgb(0 0 0 / 45%);--shadow-lift: 0 2px 4px rgb(0 0 0 / 40%), 0 14px 30px -10px rgb(0 0 0 / 60%);--sheet-veil: rgb(6 8 12 / 60%)}*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,p,ul,figure{margin:0;padding:0}ul{list-style:none}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.45;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid oklch(var(--ring-l) var(--ring-c) 268);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{max-width:30rem;margin:0 auto;padding:1.75rem 1rem calc(var(--composer-h, 8rem) + 1.5rem);display:flex;flex-direction:column;gap:1.15rem}.top{display:flex;align-items:center;gap:.85rem;padding:.35rem .25rem .1rem}.brand{font-size:1.6rem;font-weight:700;letter-spacing:-.04em;line-height:1;flex:1}.brand i{font-style:normal;color:oklch(var(--ring-l) var(--ring-c) 268)}.headline{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.pct{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.frac{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.totalring{flex:none}.more{flex:none;width:2rem;height:2rem;display:grid;place-items:center;border-radius:999px;color:var(--faint);font-size:1.15rem;line-height:1;transition:color .2s,background .2s}.more:hover{color:var(--ink);background:var(--card)}.list{display:flex;flex-direction:column;gap:.6rem}.list>.task,.list>.group,.items>.task{transition:opacity .22s var(--ease),transform .3s var(--ease)}@starting-style{.list>.task,.list>.group,.items>.task{opacity:0;transform:translateY(-8px) scale(.97)}}.list>.task.leaving,.list>.group.leaving,.items>.task.leaving{opacity:0;transform:translate(14px) scale(.96)}.group{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:.55rem .55rem .3rem}.group.clear{box-shadow:var(--shadow-card),0 0 0 1.5px oklch(var(--ring-l) var(--ring-c) 150 / 50%)}.ghead{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem .5rem}.chev{flex:none;width:1.1rem;height:1.1rem;display:grid;place-items:center;color:var(--faint);transition:transform .3s var(--spring)}.group.collapsed .chev{transform:rotate(-90deg)}.gtitle{flex:1;font-weight:700;font-size:.88rem;letter-spacing:.015em;min-width:0;cursor:text}.gcount{flex:none;font-size:.75rem;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:right;padding-left:.2rem}.group.clear .gcount{color:oklch(var(--ring-l) var(--ring-c) 150)}.gbody{display:grid;grid-template-rows:1fr;transition:grid-template-rows .34s var(--ease)}.group.collapsed .gbody{grid-template-rows:0fr}.gbody>.inner{overflow:hidden;min-height:0}.items{display:flex;flex-direction:column;margin-left:1.05rem;padding-left:.6rem;border-left:1.5px solid var(--line);transition:border-color .3s var(--ease)}.group.clear .items{border-left-color:oklch(var(--ring-l) var(--ring-c) 150 / 45%)}.task{display:flex;align-items:center;gap:.6rem;padding:.42rem .5rem;border-radius:var(--r-row);transition:background .18s}.list>.task{background:var(--card);box-shadow:var(--shadow-card);padding:.7rem .75rem;border-radius:var(--r-card)}.items>.task:hover{background:var(--nest)}.ring{flex:none;display:block;cursor:pointer;touch-action:manipulation}.ring circle{fill:none}.ring .trk{stroke:var(--track)}.ring .seg{transition:stroke .3s var(--ease),stroke-dashoffset .45s var(--ease)}.ring .chk{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset .34s var(--ease) .06s}.done .ring .chk{stroke-dashoffset:0}.ring.pop{animation:pop .45s var(--spring)}@keyframes pop{0%{transform:scale(1)}32%{transform:scale(1.22)}to{transform:scale(1)}}.label{flex:1;min-width:0;font-size:.95rem;letter-spacing:-.005em;position:relative;overflow-wrap:anywhere;cursor:text;padding:.1rem 0}.label .line{position:relative}.label .line:after{content:"";position:absolute;left:0;top:50%;height:1.5px;width:100%;background:currentcolor;border-radius:2px;transform:scaleX(0);transform-origin:left;opacity:.55;transition:transform .3s var(--ease)}.done .label .line:after{transform:scaleX(1)}.done .label{color:var(--faint)}.label[contenteditable=true]{color:var(--ink)}.qty{color:oklch(var(--ring-l) var(--ring-c) 268);font-weight:600}.done .qty{color:inherit}.count{flex:none;font-size:.76rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted);padding:.2rem .35rem;border-radius:6px;cursor:pointer;user-select:none}.count:hover{background:var(--nest);color:var(--ink)}.kill,.plus{flex:none;width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:8px;color:var(--faint);transition:opacity .16s,color .16s,background .16s}.plus{font-size:1.05rem;line-height:1}.kill:hover{color:var(--ink);background:var(--nest)}.plus:hover,.plus.aimed{color:oklch(var(--ring-l) var(--ring-c) 268);background:var(--nest);opacity:1}@media(hover:hover){.kill,.plus{opacity:0}.task:hover .kill,.ghead:hover .kill,.ghead:hover .plus,.kill:focus-visible,.plus:focus-visible{opacity:1}}.endday{--end-hue: 268;align-self:center;position:relative;margin-top:2rem;padding:.72rem 1.35rem;font-size:.86rem;font-weight:650;color:var(--muted);background:var(--card);border:1.5px solid transparent;border-radius:999px;box-shadow:var(--shadow-card);display:inline-flex;align-items:center;gap:.55rem;transition:color .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease),transform .45s var(--spring)}.endday[hidden]{display:none}.endday:before{content:"";position:absolute;top:-1.15rem;left:50%;width:2px;height:1.1rem;transform:translate(-50%);background:repeating-linear-gradient(to bottom,var(--track) 0 3px,transparent 3px 6px)}.endday.lit{border-color:oklch(var(--ring-l) var(--ring-c) var(--end-hue) / 40%)}.endday.ripe{color:#fff;background:oklch(var(--ring-l) var(--ring-c) 150);border-color:transparent;box-shadow:var(--shadow-lift)}.endday:hover{color:var(--ink);transform:translateY(-1px);box-shadow:var(--shadow-lift)}.endday.ripe:hover{color:#fff}.endday:active{transform:scale(.96)}.endday span{transition:transform .3s var(--ease)}.endday:hover span{transform:translate(3px)}.empty{text-align:center;color:var(--faint);font-size:.9rem;padding:3rem 1rem;line-height:1.7}.composer{position:fixed;left:0;right:0;bottom:0;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 82%,transparent);display:flex;justify-content:center}.composer-inner{width:100%;max-width:28rem}.composer form{display:flex;gap:.5rem;align-items:center;background:var(--field);border-radius:999px;box-shadow:var(--shadow-lift);padding:.35rem .35rem .35rem 1rem}.composer input{flex:1;min-width:0;border:0;background:none;font-size:.95rem;padding:.5rem 0}.composer input:focus{outline:none}.composer input::placeholder{color:var(--faint)}.add{flex:none;width:2.2rem;height:2.2rem;border-radius:999px;display:grid;place-items:center;background:oklch(var(--ring-l) var(--ring-c) 268);color:#fff;font-size:1.25rem;line-height:1;transition:transform .4s var(--spring)}.add:active{transform:scale(.9)}.destrow{display:flex;align-items:center;gap:.4rem;padding:0 .2rem .45rem;font-size:.74rem;color:var(--faint)}.destrow[hidden]{display:none}.dest{font-weight:600;color:var(--ink);background:var(--card);border:0;border-radius:999px;padding:.28rem 1.5rem .28rem .7rem;box-shadow:var(--shadow-card);cursor:pointer;max-width:12rem;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentcolor 50%),linear-gradient(135deg,currentcolor 50%,transparent 50%);background-position:right .75rem center,right .55rem center;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.hint{text-align:center;font-size:.74rem;color:var(--faint);padding:.1rem 0 .2rem}.hint b{font-weight:600;color:var(--muted)}.toast{position:fixed;left:50%;bottom:calc(var(--composer-h, 8rem) + .6rem);transform:translate(-50%);display:flex;align-items:center;gap:.9rem;background:var(--card);box-shadow:var(--shadow-lift);border-radius:999px;padding:.5rem .55rem .5rem 1rem;font-size:.85rem;z-index:20;transition:opacity .2s,transform .38s var(--spring)}.toast[hidden]{display:flex;opacity:0;transform:translate(-50%) translateY(14px);pointer-events:none}.toast-action{font-size:.8rem;font-weight:650;color:oklch(var(--ring-l) var(--ring-c) 268);padding:.28rem .7rem;border-radius:999px;background:var(--nest)}.veil{position:fixed;inset:0;background:var(--sheet-veil);backdrop-filter:blur(3px);display:grid;place-items:center;padding:1.25rem;z-index:40;overflow-y:auto}.veil[hidden]{display:none}.sheet{background:var(--card);border-radius:22px;box-shadow:var(--shadow-lift);padding:2rem 1.75rem 1.5rem;width:100%;max-width:20rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.35rem;animation:rise .5s var(--spring)}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}.sheet h2{font-size:.74rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)}.sheet .score{font-size:2.6rem;font-weight:700;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:tabular-nums;margin-top:.35rem}.sheet .of{font-size:.9rem;color:var(--muted);margin-bottom:.5rem}.sheet .cleared{display:flex;flex-direction:column;gap:.3rem}.sheet .cleared li{font-size:.85rem;color:var(--muted)}.sheet .dur{font-size:.8rem;color:var(--faint);margin-top:.6rem}.sheet button{margin-top:1.3rem;width:100%;padding:.75rem;border-radius:14px;font-size:.92rem;font-weight:650;background:oklch(var(--ring-l) var(--ring-c) 268);color:#fff;transition:transform .4s var(--spring)}.sheet button:active{transform:scale(.96)}.sheet .dismiss{background:none;color:var(--faint);font-weight:500;font-size:.8rem;margin-top:.3rem;padding:.4rem}.sheet.wide{max-width:26rem;text-align:left;align-items:stretch}.sheet.wide p{font-size:.82rem;color:var(--muted);line-height:1.5}.block{margin-top:1.1rem}.blocktitle{font-size:.68rem!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)!important;margin-bottom:.4rem}.drop{margin-top:.55rem;border:1.5px dashed var(--line);border-radius:14px;background:var(--nest);padding:1.4rem 1rem;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:.15rem;transition:border-color .2s,background .2s}.drop[hidden]{display:none}.drop b{font-size:.88rem;font-weight:650;color:var(--ink)}.drop span{font-size:.78rem;color:var(--faint)}.drop:hover,.drop.over{border-color:oklch(var(--ring-l) var(--ring-c) 268);background:var(--card)}.preview{margin-top:.55rem;border-radius:14px;background:var(--nest);padding:.9rem 1rem 1rem}.preview[hidden]{display:none}.pname{font-size:.86rem!important;font-weight:650;color:var(--ink)!important;overflow-wrap:anywhere}.psum{font-size:.78rem!important;margin-top:.1rem}.btnrow{display:flex;gap:.5rem;margin-top:.9rem}.btnrow button{margin-top:0;flex:1;padding:.65rem;font-size:.85rem}.btnrow .ghost{background:var(--nest);color:var(--ink)}.btnrow .danger{background:#c43f3e}.raw{margin-top:1.2rem}.raw summary{font-size:.78rem;color:var(--faint);cursor:pointer;list-style:none;padding:.2rem 0}.raw summary::-webkit-details-marker{display:none}.raw summary:before{content:"▸ "}.raw[open] summary:before{content:"▾ "}.sheet.wide textarea{width:100%;height:11rem;resize:vertical;margin-top:.3rem;border-radius:12px;border:1.5px solid var(--line);background:var(--nest);padding:.7rem .8rem;font-family:var(--mono);font-size:.74rem;line-height:1.55;white-space:pre;overflow-x:auto}.sheet.wide textarea:focus{outline:none;border-color:oklch(var(--ring-l) var(--ring-c) 268)}.status{font-size:.78rem!important;min-height:1.2em;margin-top:.55rem}.status.bad{color:#cb4644!important}.status.good{color:oklch(var(--ring-l) var(--ring-c) 150)!important}.confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}