:root{--amber-l:#fdf3dd;--red-l:#fbe6e2;--sand1:#f4dca6;--sand2:#e7bf78;--sand3:#d3a154;--cork:#b98a5a;--cork2:#a5764a}.topbar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:clamp(20px,3vw,28px);display:flex}.datebox{border:1.5px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:9px 14px;display:flex}.datebox svg{width:18px;height:18px;color:var(--green)}.datebox input{color:var(--ink);background:0 0;border:none;outline:none;font-family:inherit;font-size:15px;font-weight:700}.datelabel{color:var(--muted);font-size:14px;font-weight:700}.spacer{flex:1}.tbtn{cursor:pointer;border:none;border-radius:100px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:800;transition:transform .16s,background .2s,color .2s}.tbtn.ghost{border:1.5px solid var(--line);color:var(--muted);background:#fff}.tbtn.ghost:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px)}.tbtn.star{background:linear-gradient(135deg,var(--green2),var(--green-d));color:#fff;box-shadow:0 8px 20px #3fa82c47}.tbtn.star:hover{transform:translateY(-2px)}.tbtn.star.pulse{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 8px 20px #3fa82c47}50%{box-shadow:0 8px 30px #3fa82c99}}.board{grid-template-columns:1fr 360px;align-items:start;gap:clamp(16px,2.6vw,26px);margin-top:16px;display:grid}.tasks{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(18px,2.6vw,26px);box-shadow:0 20px 48px #181d1a0f}.sect+.sect{margin-top:22px}.sect-h{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sect-t{align-items:center;gap:9px;font-size:15px;font-weight:800;display:flex}.sect-t .dot{background:var(--amber);border-radius:3px;width:9px;height:9px}.sect.plain .sect-t .dot{background:var(--green)}.sect-c{color:var(--muted);background:#f1f5f2;border-radius:100px;padding:4px 11px;font-size:12.5px;font-weight:800}.sect-c.full{color:var(--amber);background:var(--amber-l)}.addrow{gap:9px;margin-bottom:11px;display:flex}.addrow input{border:1.5px solid var(--line);color:var(--ink);background:#fcfdfc;border-radius:12px;outline:none;flex:1;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s}.addrow input:focus{border-color:var(--green)}.addrow input:disabled{cursor:not-allowed;background:#f4f6f4}.addbtn{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:none;width:46px;font-size:22px;font-weight:600;transition:background .2s}.addbtn:hover{background:var(--green)}.addbtn:disabled{cursor:not-allowed;background:#c7d0ca}.list{flex-direction:column;gap:8px;display:flex}.empty{color:#9fb0a6;padding:4px 2px;font-size:13.5px;font-style:italic}.item{border:1px solid var(--line);background:#fcfdfc;border-radius:13px;align-items:center;gap:12px;padding:11px 13px;transition:opacity .3s,background .2s;display:flex}.item.imp{border-left:3px solid var(--amber)}.item.plainitem{border-left:3px solid var(--green)}.chk{cursor:pointer;background:#fff;border:2px solid #cdd8d1;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;transition:all .18s;display:flex}.chk svg{color:#fff;opacity:0;width:14px;height:14px;transition:all .18s;transform:scale(.5)}.item.done .chk{background:var(--green);border-color:var(--green)}.item.done .chk svg{opacity:1;transform:scale(1)}.item.imp.done .chk{background:var(--amber);border-color:var(--amber)}.locked .chk{cursor:not-allowed;opacity:.5}.txt{word-break:break-word;flex:1;font-size:15px;line-height:1.35}.item.done .txt{color:var(--muted);text-decoration:line-through}.del{color:#c3ccc6;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:none;padding:2px 4px;font-size:20px;line-height:1;transition:color .18s}.del:hover{color:var(--red)}.startbtn{cursor:pointer;background:var(--ink);color:#fff;border:none;border-radius:15px;width:100%;margin-top:20px;padding:16px;font-family:inherit;font-size:16px;font-weight:800;transition:transform .16s,background .22s}.startbtn:hover{background:var(--green);transform:translateY(-2px)}.startbtn:disabled{cursor:not-allowed;background:#c7d0ca;transform:none}.starthint{text-align:center;color:var(--muted);margin-top:9px;font-size:13px;font-weight:600}.jarcol{border:1px solid var(--line);background:linear-gradient(#fbfdfa,#f4f9f2);border-radius:24px;flex-direction:column;align-items:center;padding:clamp(20px,3vw,30px) 20px;display:flex;position:sticky;top:80px}.jartitle{color:var(--muted);letter-spacing:.3px;margin-bottom:16px;font-size:14px;font-weight:800}.jar{-webkit-user-select:none;user-select:none;width:150px;position:relative}.cork{background:linear-gradient(180deg,var(--cork),var(--cork2));border-radius:8px 8px 5px 5px;width:70px;height:22px;margin:0 auto;box-shadow:inset 0 -3px 6px #0000001f}.neck{background:linear-gradient(#e6eee899,#d2e0d680);border-left:2px solid #96a59b59;border-right:2px solid #96a59b59;width:88px;height:14px;margin:0 auto}.glass{background:linear-gradient(#ffffff8c,#ebf2ee59);border:2px solid #96a59b52;border-radius:18px 18px 30px 30px;width:150px;height:250px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #788c821f}.sand{background:linear-gradient(180deg,var(--sand1),var(--sand2) 55%,var(--sand3));height:0;transition:height 1.05s cubic-bezier(.34,1.15,.5,1);position:absolute;bottom:0;left:0;right:0}.sand:before{content:"";background:var(--sand1);opacity:.9;border-radius:50%;height:8px;position:absolute;top:-4px;left:0;right:0}.glass-shine{pointer-events:none;background:linear-gradient(#ffffffbf,#fff0);border-radius:100px;width:16px;height:70%;position:absolute;top:10px;left:12px}.particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.grain{background:var(--sand2);will-change:transform,opacity;border-radius:50%;position:absolute}.jarnums{text-align:center;margin-top:18px}.jarbig{color:var(--ink);font-size:30px;font-weight:800;line-height:1}.jarbig.zero{color:var(--green)}.jarsmall{color:var(--muted);margin-top:6px;font-size:13.5px;font-weight:600}.stars{z-index:60;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}.star{will-change:transform,opacity;position:absolute}.praise{z-index:61;color:var(--green-d);text-align:center;opacity:0;pointer-events:none;text-shadow:0 6px 24px #3fa82c40;font-size:clamp(28px,6vw,54px);font-weight:800;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)scale(.6)}@media (width<=820px){.board{grid-template-columns:1fr}.jarcol{order:-1;position:static}}