.TodoDropdownChecklist-module__cmt2Sq__checklist{--background:transparent;--text:#ffffffe6;--check:#22c55e;--disabled:#ffffff59;-moz-column-gap:12px;grid-template-columns:18px auto 28px;align-items:center;gap:10px 12px;padding:10px 14px;display:grid}.TodoDropdownChecklist-module__cmt2Sq__checklist label{color:var(--text);cursor:pointer;align-items:center;width:fit-content;transition:color .3s;display:grid;position:relative}.TodoDropdownChecklist-module__cmt2Sq__checklist label:before,.TodoDropdownChecklist-module__cmt2Sq__checklist label:after{content:"";position:absolute}.TodoDropdownChecklist-module__cmt2Sq__checklist label:before{background:var(--check);border-radius:2px;width:8px;height:2px;transition:background .3s;left:-27px}.TodoDropdownChecklist-module__cmt2Sq__checklist label:after{border-radius:50%;width:4px;height:4px;top:8px;left:-25px}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]{appearance:none;cursor:pointer;background:var(--background);border:0;outline:none;align-items:center;width:15px;height:15px;margin:0;display:grid;position:relative}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:before,.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:after{content:"";background:var(--check);border-radius:2px;height:2px;position:absolute;top:auto}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:before{transform-origin:100% 100%;width:0;right:60%}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:after{transform-origin:0 100%;width:0;left:40%}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:checked:before{animation:.4s forwards TodoDropdownChecklist-module__cmt2Sq__check-01}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:checked:after{animation:.4s forwards TodoDropdownChecklist-module__cmt2Sq__check-02}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:checked+label{color:var(--disabled);animation:.3s .1s forwards TodoDropdownChecklist-module__cmt2Sq__move}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:checked+label:before{background:var(--disabled);animation:.4s forwards TodoDropdownChecklist-module__cmt2Sq__slice}.TodoDropdownChecklist-module__cmt2Sq__checklist input[type=checkbox]:checked+label:after{animation:.5s .1s forwards TodoDropdownChecklist-module__cmt2Sq__firework}.TodoDropdownChecklist-module__cmt2Sq__addRow{justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.TodoDropdownChecklist-module__cmt2Sq__addRowText{color:#ffffffe6;font-size:16px;font-weight:600}.TodoDropdownChecklist-module__cmt2Sq__addRowPlus{background:#ffffff1f;border-radius:9999px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .2s;display:flex}.TodoDropdownChecklist-module__cmt2Sq__addRowPlus:hover{background:#ffffff2e}.TodoDropdownChecklist-module__cmt2Sq__trashBtn{background:#ef44441f;border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:inline-flex}.TodoDropdownChecklist-module__cmt2Sq__trashBtn:hover{background:#ef444433}@keyframes TodoDropdownChecklist-module__cmt2Sq__move{50%{padding-left:8px;padding-right:0}to{padding-right:4px}}@keyframes TodoDropdownChecklist-module__cmt2Sq__slice{60%{width:100%;left:4px}to{width:100%;padding-left:0;left:-2px}}@keyframes TodoDropdownChecklist-module__cmt2Sq__check-01{0%{width:4px;top:auto;transform:rotate(0)}50%{width:0;top:auto;transform:rotate(0)}51%{width:0;top:8px;transform:rotate(45deg)}to{width:5px;top:8px;transform:rotate(45deg)}}@keyframes TodoDropdownChecklist-module__cmt2Sq__check-02{0%{width:4px;top:auto;transform:rotate(0)}50%{width:0;top:auto;transform:rotate(0)}51%{width:0;top:8px;transform:rotate(-45deg)}to{width:10px;top:8px;transform:rotate(-45deg)}}@keyframes TodoDropdownChecklist-module__cmt2Sq__firework{0%{opacity:1;box-shadow:0 0 0 -2px var(--check),0 0 0 -2px var(--check),0 0 0 -2px var(--check),0 0 0 -2px var(--check),0 0 0 -2px var(--check),0 0 0 -2px var(--check)}30%{opacity:1}to{opacity:0;box-shadow:0 -15px 0 0px var(--check),14px -8px 0 0px var(--check),14px 8px 0 0px var(--check),0 15px 0 0px var(--check),-14px 8px 0 0px var(--check),-14px -8px 0 0px var(--check)}}
.tactile-btn{--c:#2cc6fe;--c-glow:#2cc6fe80;--c-soft:#2cc6fe14;--step:.4s;--ease:cubic-bezier(.34,1.56,.64,1);cursor:pointer;background:0 0;border:0;border-radius:1.5rem;width:100%;max-width:24rem;padding:0;display:block;position:relative}.tactile-socket{background:linear-gradient(135deg,var(--c),var(--c2));opacity:1;transition:box-shadow var(--step)var(--ease),background var(--step)var(--ease);border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff26}:root:not(.dark) .tactile-socket,.planner-light .tactile-socket{background:linear-gradient(135deg,var(--c),var(--c2));box-shadow:0 2px 8px #00000014,inset 0 1px #ffffff80}:root:not(.dark) .tactile-socket:before,.planner-light .tactile-socket:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:#ffffff59;position:absolute;inset:0}.tactile-face{transition:transform var(--step)var(--ease);transform-origin:50%;border-radius:1.35rem;align-items:center;gap:.9rem;margin:3px;padding:.85rem 1.1rem;display:flex;position:relative;overflow:hidden}.tactile-face-shadow{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.tactile-face-shadow:before{content:"";border-radius:inherit;transition:opacity var(--step)var(--ease),transform var(--step)var(--ease),filter var(--step)var(--ease);background:0 0;position:absolute;inset:0}.tactile-face-shadow:after{content:"";border-radius:inherit;filter:blur(.6em);transition:opacity var(--step)var(--ease),transform var(--step)var(--ease),filter var(--step)var(--ease);background:0 0;position:absolute;inset:0;transform:scale(.6)}.tactile-face-plate{border-radius:inherit;pointer-events:none;transition:background var(--step)var(--ease);background:#0e0e12;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1a}:root:not(.dark) .tactile-face-plate,.planner-light .tactile-face-plate{background:#f8f9fb;box-shadow:inset 0 1px #ffffffe6}.tactile-face-glowdrop{display:none}.tactile-face-shine{border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--step)var(--ease);position:absolute;inset:0}.tactile-face-shine:before{content:"";border-radius:inherit;position:absolute;inset:1px;box-shadow:inset 0 1px #ffffff1f}.tactile-face-shine:after{content:"";border-radius:inherit;background:linear-gradient(135deg,#ffffff14 0%,#0000 50%);position:absolute;inset:0}.tactile-face-glows,.tactile-face-glows-inner{display:none}.tactile-icon-box{width:44px;height:44px;transition:box-shadow var(--step)var(--ease);z-index:2;background:#08080a;border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -1px 3px #0000004d}:root:not(.dark) .tactile-icon-box,.planner-light .tactile-icon-box{background:#f0f1f4;box-shadow:inset 0 1px #fffffff2,inset 0 -1px 3px #0000000f}.tactile-icon{color:var(--c);opacity:.9}.tactile-text{z-index:2;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex;position:relative}.tactile-label{color:#fff;white-space:nowrap;letter-spacing:.01em;font-family:Inter,-apple-system,Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:600;transition:color .4s cubic-bezier(.34,1.56,.64,1)}:root:not(.dark) .tactile-label,.planner-light .tactile-label{color:#0a0a0a}.tactile-desc{color:#fff9;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;transition:color .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}:root:not(.dark) .tactile-desc,.planner-light .tactile-desc{color:#00000073}.tactile-btn:hover .tactile-face,.tactile-btn.is-active .tactile-face{transform:none}.tactile-btn:hover .tactile-program-panel,.tactile-btn.is-active .tactile-program-panel{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);width:100%}.tactile-btn:hover .tactile-program-icon svg,.tactile-btn.is-active .tactile-program-icon svg{stroke:#fffffff2;fill:#ffffff0d}.tactile-btn:hover .tactile-program-icon.tactile-program-icon-dark svg,.tactile-btn.is-active .tactile-program-icon.tactile-program-icon-dark svg{stroke:#000000d9;fill:#0000000a}.tactile-btn:hover .tactile-label,.tactile-btn.is-active .tactile-label{color:#fff}.tactile-btn:hover .tactile-desc,.tactile-btn.is-active .tactile-desc{color:#ffffffb3}.tactile-btn.tactile-btn-light-grad:hover .tactile-label,.tactile-btn.tactile-btn-light-grad.is-active .tactile-label{color:#000000e6}.tactile-btn.tactile-btn-light-grad:hover .tactile-desc,.tactile-btn.tactile-btn-light-grad.is-active .tactile-desc{color:#0009}.tactile-btn:hover .tactile-face-plate,.tactile-btn.is-active .tactile-face-plate{background:#12121a}:root:not(.dark) .tactile-btn:hover .tactile-label,:root:not(.dark) .tactile-btn.is-active .tactile-label,.planner-light .tactile-btn:hover .tactile-label,.planner-light .tactile-btn.is-active .tactile-label{color:#0a0a0a}:root:not(.dark) .tactile-btn:hover .tactile-desc,:root:not(.dark) .tactile-btn.is-active .tactile-desc,.planner-light .tactile-btn:hover .tactile-desc,.planner-light .tactile-btn.is-active .tactile-desc{color:#00000080}:root:not(.dark) .tactile-btn:hover .tactile-face-plate,:root:not(.dark) .tactile-btn.is-active .tactile-face-plate,.planner-light .tactile-btn:hover .tactile-face-plate,.planner-light .tactile-btn.is-active .tactile-face-plate{background:#ebedf0}.tactile-btn:hover .tactile-face-glows,.tactile-btn:hover .tactile-face-shine,.tactile-btn.is-active .tactile-face-glows,.tactile-btn.is-active .tactile-face-shine{opacity:1}.tactile-btn:hover .tactile-face-glowdrop,.tactile-btn.is-active .tactile-face-glowdrop{transform:scale(1)}.tactile-btn:hover .tactile-face-shadow:before,.tactile-btn.is-active .tactile-face-shadow:before{filter:blur(.8em);opacity:.25;transform:translate(-10%,40%)}.tactile-btn:hover .tactile-face-shadow:after,.tactile-btn.is-active .tactile-face-shadow:after{filter:blur(.5em);transform:scale(1)}.tactile-btn:hover .tactile-icon-box,.tactile-btn.is-active .tactile-icon-box{background:#0e0e12;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px 3px #0000004d}:root:not(.dark) .tactile-btn:hover .tactile-icon-box,:root:not(.dark) .tactile-btn.is-active .tactile-icon-box,.planner-light .tactile-btn:hover .tactile-icon-box,.planner-light .tactile-btn.is-active .tactile-icon-box{background:#e5e7eb;box-shadow:inset 0 1px #fffffff2,inset 0 -1px 3px #00000014}.card-wheel .tactile-btn{pointer-events:none;width:100%;height:100%}.card-wheel .tactile-socket{border-radius:.9rem;height:100%;overflow:hidden}.card-wheel .tactile-face{border-radius:.75rem;gap:.4rem;height:calc(100% - 4px);margin:2px;padding:.35rem .7rem;overflow:hidden}.card-wheel .tactile-program-icon svg{width:18px;height:18px}.card-wheel .tactile-program-icon{left:12px}.card-wheel .tactile-program-panel{clip-path:polygon(0 0,100% 0,68% 100%,0 100%);width:58px}.card-wheel .tactile-btn.is-active .tactile-program-panel{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);width:100%}.card-wheel .tactile-label{font-size:13px}.tactile-btn:active .tactile-socket{box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff14}:root:not(.dark) .tactile-btn:active .tactile-socket,.planner-light .tactile-btn:active .tactile-socket{box-shadow:0 2px 8px #00000026,inset 0 1px #fff6}.tactile-btn:active .tactile-face{transform:scale(.985)}.tactile-btn:active .tactile-icon-box{background:#06060a;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px 2px #00000080}:root:not(.dark) .tactile-btn:active .tactile-icon-box,.planner-light .tactile-btn:active .tactile-icon-box{background:#dbe0e6;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px 2px #0000001a}.tactile-program-panel{clip-path:polygon(0 0,100% 0,75% 100%,0 100%);z-index:1;pointer-events:none;width:72px;transition:width .4s cubic-bezier(.34,1.56,.64,1),clip-path .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;bottom:0;left:0}.tactile-program-icon{z-index:3;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.tactile-program-icon svg{stroke:#ffffffe6;fill:#ffffff14;-webkit-backdrop-filter:blur(4px);filter:drop-shadow(0 1px 2px #00000080);width:24px;height:24px}.tactile-program-icon.tactile-program-icon-dark svg{stroke:#000c;fill:#0000000f;filter:drop-shadow(0 1px 2px #ffffff4d)}.tactile-pill{--c:#2cc6fe;--c2:#2cc6fe;--c-glow:#2cc6fe80;cursor:pointer;background:0 0;border:0;border-radius:1rem;flex-shrink:0;align-items:center;padding:0;text-decoration:none;display:inline-flex;position:relative}.tactile-pill-socket{background:linear-gradient(135deg,var(--c),var(--c2));border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff26}:root:not(.dark) .tactile-pill-socket,.planner-light .tactile-pill-socket{box-shadow:0 2px 6px #0000001a,inset 0 1px #ffffff80}.tactile-pill-face{border-radius:.75rem;align-items:center;gap:.4rem;margin:2px;padding:.2rem .65rem .2rem .35rem;display:flex;position:relative;overflow:hidden}.tactile-pill-plate{border-radius:inherit;pointer-events:none;background:#0e0e12;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff14}:root:not(.dark) .tactile-pill-plate,.planner-light .tactile-pill-plate{background:#f8f9fb;box-shadow:inset 0 1px #ffffffe6}.tactile-pill-icon{z-index:2;background:#08080a;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px 2px #0000004d}:root:not(.dark) .tactile-pill-icon,.planner-light .tactile-pill-icon{background:#f0f1f4;box-shadow:inset 0 1px #fffffff2,inset 0 -1px 2px #0000000d}.tactile-pill-icon svg{color:var(--c);opacity:.9}.tactile-pill-text{z-index:2;color:#fff;white-space:nowrap;letter-spacing:.01em;font-family:Inter,-apple-system,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:600;position:relative}:root:not(.dark) .tactile-pill-text,.planner-light .tactile-pill-text{color:#0a0a0a}.tactile-pill:active .tactile-pill-face{transition:transform .1s;transform:scale(.96)}.tactile-pill-v2 .tactile-pill-socket{background:linear-gradient(135deg,var(--c),var(--c2))}.tactile-pill-v2 .tactile-pill-face{padding:.2rem .65rem}.tactile-pill-v2 .tactile-pill-icon{margin-right:-.1rem;position:relative}