.todo{--todo-pad:#fdf3a0;--todo-rule:#a8c8db;--todo-mat:#e2c591;gap:var(--s-4);display:grid}:root[data-theme=dark] .todo{--todo-pad:#3a3418;--todo-rule:#57512c;--todo-mat:#5e4a2c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .todo{--todo-pad:#3a3418;--todo-rule:#57512c;--todo-mat:#5e4a2c}}.todo-layout{gap:var(--s-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=52rem){.todo-layout{gap:var(--s-5);grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.todo-col{gap:var(--s-4);align-content:start;min-width:0;display:grid}.todo-sheet{--sheet:var(--paper);--sheet-rule:var(--rule);gap:var(--s-2);padding:var(--s-4) var(--s-4) var(--s-3);border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--sheet);display:grid}.todo-sheet--today{--sheet:var(--todo-pad);--sheet-rule:var(--todo-rule)}.todo-sheet__head{justify-content:space-between;align-items:baseline;gap:var(--s-1) var(--s-4);flex-wrap:wrap;display:flex}.todo-sheet__head h2{font-size:var(--step-3)}.todo-sheet--today .todo-sheet__head h2{font-size:clamp(2.4rem,7vw,3.6rem);line-height:1}.todo-sheet__note{min-height:1.5em;color:var(--ink-2);font-weight:600}.todo-toggle{min-height:2.75rem;padding:0 var(--s-2)}.todo-list{display:grid}.todo-list .kit-reorder__row{background:var(--sheet);border-bottom:1.5px solid var(--sheet-rule);min-height:3rem}.todo-row{align-items:center;min-width:0;display:flex}.todo-check{cursor:pointer;flex:none;place-items:center;width:2.75rem;height:2.75rem;display:grid;position:relative}.todo-check input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.todo-check__box{border:var(--border) solid var(--line);background:var(--paper);border-radius:.375rem;width:1.5rem;height:1.5rem}.todo-check input:checked+.todo-check__box{background:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");background-size:100% 100%}:root[data-theme=dark] .todo-check input:checked+.todo-check__box{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111226' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .todo-check input:checked+.todo-check__box{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111226' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}}.todo-check:has(input:focus-visible) .todo-check__box{outline:3px solid var(--signal);outline-offset:3px}.todo-text{min-width:0;min-height:3rem;padding:var(--s-2) var(--s-2);border-radius:var(--r-input);color:var(--ink);text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;flex:1;font-weight:500}.todo-text__label{background:linear-gradient(var(--ink-2), var(--ink-2)) no-repeat 0 58% / 0 2px}.is-done .todo-text__label{color:var(--ink-2);transition:background-size var(--t-state) var(--ease);background-size:100% 2px}.todo-add{align-items:center;gap:var(--s-2);display:flex}.todo-add__field{min-width:0;min-height:2.75rem;padding:0 var(--s-1);border:0;border-bottom:1.5px solid var(--sheet-rule);color:var(--ink);background:0 0;border-radius:0;flex:1;font-weight:500}.todo-add__field::placeholder{color:var(--ink-2);opacity:1}.todo-add__button{flex:none;width:2.75rem;padding:0}.todo-empty{min-height:1.5em;color:var(--ink-2);font-size:var(--step--1)}.todo-mat{gap:var(--s-3);padding:var(--s-4);border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--todo-mat);color:var(--ink);display:grid}.todo-mat h2{font-size:var(--step-2)}.todo-mat__group{gap:var(--s-2);display:grid}.todo-mat__group h3{font-weight:700}.todo-mat ul{gap:var(--s-2);padding:0;list-style:none;display:grid}.todo-slip{gap:var(--s-2);padding:var(--s-2) var(--s-3) var(--s-3);border:2px solid var(--line);border-radius:var(--r-input);background:var(--paper);display:grid}.todo-slip .todo-text{flex:none;width:100%;padding-inline:0}.todo-slip__choices{gap:var(--s-2);flex-wrap:wrap;display:flex}.todo-slip__choices .btn{padding:0 var(--s-2);flex:auto}.todo-mat>.btn--quiet{color:var(--ink);justify-self:start}.todo-done{gap:var(--s-3);display:grid}.todo-done>.todo-toggle{justify-self:start}#todo-done-list{gap:var(--s-3);justify-items:start;display:grid}.todo-done__group{gap:var(--s-1);justify-self:stretch;display:grid}.todo-done ul{padding:0;list-style:none}.todo-done li{justify-content:space-between;align-items:baseline;gap:var(--s-3);padding:var(--s-2) 0;border-bottom:2px solid var(--rule);display:flex}.todo-done__text{overflow-wrap:anywhere;min-width:0;color:var(--ink-2);text-decoration:line-through}.todo-done__time{color:var(--ink-2);font-size:var(--step--1);flex:none}.todo-foot{justify-content:flex-start;display:flex}.todo-edit{gap:var(--s-4);display:grid}.todo-edit__form{gap:var(--s-3);display:grid}.todo-edit__form label,.todo-setting label{gap:var(--s-1);font-weight:600;font-size:var(--step--1);display:grid}.todo-edit__group{gap:var(--s-2);display:grid}.todo-edit__label{font-weight:600;font-size:var(--step--1)}.todo-edit__buttons{gap:var(--s-2);flex-wrap:wrap;display:flex}.todo-error{color:var(--danger);font-weight:600}.todo-setting{gap:var(--s-1);display:grid}.todo-hint{color:var(--ink-2);font-size:var(--step--1)}.todo-mat>.btn--quiet,.todo-done .btn--quiet,.todo-foot .btn--quiet{padding-inline:0}