:root{--bg: #12131a;--card: #1b1d27;--line: #2b2e3c;--ink: #eceef5;--dim: #949bb0;--go: #6ea8fe;--good: #63d69a;color-scheme:dark}@media (prefers-color-scheme: light){:root{--bg: #f7f7fb;--card: #fff;--line: #e3e5ee;--ink: #1a1c25;--dim: #6a7186;--go: #3563d9;--good: #1f9d61}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 18px}.inner{width:100%;max-width:620px;display:flex;flex-direction:column;gap:18px;align-items:stretch}.h{font-size:26px;font-weight:700;margin:0;letter-spacing:-.02em}.sub{margin:-8px 0 6px;color:var(--dim);font-size:15px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:34px 28px;display:flex;flex-direction:column;gap:18px;align-items:stretch}.task{font-size:clamp(26px,6vw,40px);font-weight:650;line-height:1.2;letter-spacing:-.02em;text-align:center;overflow-wrap:anywhere}button{font:inherit;cursor:pointer;border-radius:12px;transition:background .12s,border-color .12s}.big{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--go);color:#fff;font-size:19px;font-weight:700;padding:18px 26px;width:100%}.big:hover{filter:brightness(1.08)}.big:disabled{opacity:.4;cursor:default;filter:none}.ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--dim);border:1px solid var(--line);padding:11px 16px;font-size:15px}.ghost:hover{color:var(--ink);border-color:var(--dim)}.ghost.dim{opacity:.6}.row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.row .big{width:auto;flex:1 1 200px}.deal{margin:-6px 0 0;text-align:center;color:var(--dim);font-size:14px}.bar{height:12px;border-radius:99px;background:var(--line);overflow:hidden}.fill{height:100%;background:var(--go);border-radius:99px;transition:width .25s linear}.bar.rang .fill{background:var(--good)}.time{font-size:44px;font-weight:300;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.time.done{color:var(--good);font-weight:600;font-size:34px}.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--line);color:var(--dim);padding:7px 12px;font-size:13px;border-radius:99px}.chip.on{background:var(--go);border-color:var(--go);color:#fff}.grow{flex:1}.foot{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.foot .ghost{font-size:13.5px;padding:8px 13px}.dump{width:100%;min-height:220px;resize:vertical;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:16px;font:inherit;line-height:1.7}.dump:focus{outline:2px solid var(--go);outline-offset:1px}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.list li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:center}.list .muted{color:var(--dim);justify-content:center}.tick{color:var(--good);font-weight:700}.mini{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--line);color:var(--dim);font-size:12.5px;padding:5px 10px}.mini:hover{color:var(--ink)}.boom{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:30vmin;color:var(--good);pointer-events:none;z-index:50;animation:boom 1.4s ease-out forwards}@keyframes boom{0%{transform:scale(.4);opacity:0}22%{transform:scale(1);opacity:.95}to{transform:scale(1.25);opacity:0}}@media (prefers-reduced-motion: reduce){.boom{animation-duration:.5s}.fill{transition:none}}.brand{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:700}.of{text-align:center;color:var(--dim);font-size:13px;margin-top:-8px}.tools{align-items:center}.lab{font-size:12.5px;color:var(--dim);margin-right:2px}.who{align-self:center;font-size:12.5px;color:var(--dim)}.undo{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:center;background:transparent;border:1px dashed var(--line);color:var(--dim);font-size:13px;padding:9px 16px;border-radius:12px}.undo:hover{color:var(--ink);border-color:var(--dim);border-style:solid}@media (max-width: 480px){.wrap{padding:28px 12px 16px;align-items:flex-start}.card{padding:26px 18px;border-radius:18px}.big{padding:20px 22px;font-size:18px}.chip,.ghost,.mini{min-height:44px;display:inline-flex;align-items:center}.foot .ghost{min-height:44px}.time{font-size:38px}}.drop{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--dim);font-size:12.5px;padding:6px;opacity:.65;text-decoration:underline;text-underline-offset:3px}.drop:hover{opacity:1}:root{--dim: #a2a9bd}@media (prefers-color-scheme: light){:root{--dim: #5c6379}}.undo{min-height:44px}@media (max-width: 360px){.row{gap:8px}.row .ghost{flex:1 1 auto}.tools{gap:6px}.chip{padding:7px 10px;font-size:12.5px}}:root{--bg: #0e0f17;--bg2: #15172380;--card: #1a1d2b;--line: #2c3145;--ink: #f0f2f9;--dim: #a2a9bd;--go: #6ea8fe;--good: #4fd18b}@media (prefers-color-scheme: light){:root{--bg: #f4f5fb;--bg2: #ffffff80;--card: #fff;--line: #e2e5f0;--ink: #171922;--dim: #5c6379}}body{background:radial-gradient(1100px 600px at 12% -10%,hsl(250 60% 30% / .3),transparent 60%),radial-gradient(900px 520px at 92% 8%,hsl(190 65% 30% / .22),transparent 60%),radial-gradient(800px 600px at 50% 108%,hsl(320 55% 32% / .2),transparent 62%),var(--bg);background-attachment:fixed}@media (prefers-color-scheme: light){body{background:radial-gradient(1100px 600px at 12% -10%,hsl(250 90% 70% / .16),transparent 60%),radial-gradient(900px 520px at 92% 8%,hsl(190 90% 60% / .14),transparent 60%),radial-gradient(800px 600px at 50% 108%,hsl(320 90% 70% / .12),transparent 62%),var(--bg)}}.card{position:relative;background:linear-gradient(165deg,hsl(var(--hue, 250) 55% 22% / .55),transparent 55%),var(--card);border-color:hsl(var(--hue, 250) 45% 45% / .35);box-shadow:0 20px 60px -20px hsl(var(--hue, 250) 60% 12% / .9);animation:cardIn .34s cubic-bezier(.2,.9,.3,1.2)}@media (prefers-color-scheme: light){.card{background:linear-gradient(165deg,hsl(var(--hue, 250) 85% 92%),var(--card) 60%);border-color:hsl(var(--hue, 250) 50% 78%);box-shadow:0 18px 50px -22px hsl(var(--hue, 250) 50% 45% / .45)}}.card:before{content:"";position:absolute;inset:-1px -1px auto -1px;height:5px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,hsl(var(--hue, 250) 85% 62%),hsl(calc(var(--hue, 250) + 55) 85% 62%))}.bar+.card:before{display:none}@keyframes cardIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.task{text-shadow:0 2px 20px hsl(var(--hue, 250) 70% 20% / .5)}@media (prefers-color-scheme: light){.task{text-shadow:none}}.big{color:#0a0d14;background:linear-gradient(180deg,hsl(var(--hue, 218) 92% 74%),hsl(var(--hue, 218) 88% 66%));box-shadow:0 6px hsl(var(--hue, 218) 72% 46%),0 12px 30px -8px hsl(var(--hue, 218) 80% 40% / .7);transform:translateY(0);transition:transform .09s ease,box-shadow .09s ease,filter .12s}.big:hover:not(:disabled){filter:brightness(1.06)}.big:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px hsl(var(--hue, 218) 72% 46%),0 4px 14px -6px hsl(var(--hue, 218) 80% 40% / .6)}.big:disabled{box-shadow:none;opacity:1;background:var(--line);color:var(--dim)}.chip,.ghost,.mini,.undo{transition:transform .1s ease,background .12s,border-color .12s,color .12s}.chip:active,.ghost:active,.mini:active{transform:translateY(2px)}.chip.on{background:linear-gradient(180deg,#528ef4,#2e73ea);border-color:transparent;color:#0a0d14;font-weight:600;box-shadow:0 3px #1d4fa5}.bar{height:14px;box-shadow:inset 0 1px 3px #00000059}.fill{background:linear-gradient(90deg,#34b4f4,#29e0a3);box-shadow:0 0 18px #25f4f473}.bar.rang{box-shadow:inset 0 1px 3px #00000059,0 0 24px #19e68059}.bar.rang .fill{background:linear-gradient(90deg,#20df80,#42d742)}.time{background:linear-gradient(180deg,var(--ink),hsl(var(--hue, 250) 40% 70%));-webkit-background-clip:text;background-clip:text;color:transparent}.time.done{background:linear-gradient(180deg,#51ec9e,#25d0a5);-webkit-background-clip:text;background-clip:text;color:transparent}.boom{font-size:0;animation:none}.tickbig{font-size:26vmin;color:var(--good);line-height:1;filter:drop-shadow(0 0 40px hsl(150 80% 50% / .6));animation:pop .9s cubic-bezier(.2,.9,.3,1.4) forwards}.bit{position:absolute;left:50%;top:50%;width:12px;height:18px;border-radius:3px;background:hsl(var(--h) 85% 60%);transform-origin:center;animation:fling var(--d) cubic-bezier(.15,.8,.4,1) forwards}@keyframes pop{0%{transform:scale(.3);opacity:0}25%{transform:scale(1.08);opacity:1}65%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}@keyframes fling{0%{transform:rotate(var(--a)) translateY(0) rotate(0);opacity:1}70%{opacity:1}to{transform:rotate(var(--a)) translateY(-46vmin) rotate(720deg);opacity:0}}.brand{background:linear-gradient(90deg,#6ea0f7,#cc7bf4,#47ebcf);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.of{letter-spacing:.01em}.dump:focus{outline-color:#4987f3}@media (prefers-reduced-motion: reduce){.card,.tickbig,.bit{animation:none}.bit{display:none}.big:active:not(:disabled){transform:none}.chip:active,.ghost:active,.mini:active{transform:none}}.where{margin:-4px 0 0;text-align:center;font-size:13px;line-height:1.6;color:var(--dim)}.link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:var(--go);text-decoration:underline;text-underline-offset:3px;border-radius:4px}.link:hover{filter:brightness(1.15)}@media (max-width: 480px){.link{display:inline-block;padding:6px 0}}