.tasks-desk{--tasks-touch:2rem;--tasks-line:#e8eaed;--tasks-ink:#1f1f1f;--tasks-ink-soft:#5f6368;--tasks-accent:#0b57d0;--tasks-danger:#b3261e;width:100%;max-width:44rem;margin:0 auto;padding:1.25rem 1rem 4rem}@media (pointer:coarse){.tasks-desk{--tasks-touch:2.75rem}}.tasks-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.tasks-title{letter-spacing:.04em;text-transform:uppercase;color:var(--tasks-ink-soft);margin:0;font-size:.8rem;font-weight:600}.tasks-summary{letter-spacing:normal;text-transform:none;color:var(--tasks-ink);margin-top:.15rem;font-size:1.125rem;font-weight:400;display:block}.tasks-tabs{scrollbar-width:none;background:#f1f3f4;border-radius:9999px;gap:.25rem;max-width:100%;padding:.2rem;display:inline-flex;overflow-x:auto}.tasks-tabs::-webkit-scrollbar{display:none}.tasks-tab{min-height:calc(var(--tasks-touch) - .4rem);font:inherit;color:var(--tasks-ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9999px;flex:none;padding:0 .9rem;font-size:.85rem}.tasks-tab:hover{color:var(--tasks-ink)}.tasks-tab.is-active{color:var(--tasks-ink);background:#fff;box-shadow:0 1px 2px #3c404333}.tasks-add{grid-template-columns:1fr auto auto;gap:.5rem;margin-bottom:1.25rem;display:grid}@media (max-width:34rem){.tasks-add{grid-template-columns:1fr auto}.tasks-add-input{grid-column:1/-1}}.tasks-add-input,.tasks-add-date,.tasks-edit-title,.tasks-edit-notes{min-height:var(--tasks-touch);font:inherit;color:var(--tasks-ink);background:#fff;border:1px solid #dadce0;border-radius:.5rem;padding:.55rem .75rem}.tasks-add-input::placeholder,.tasks-edit-notes::placeholder{color:#9aa0a6}.tasks-add-input:focus-visible,.tasks-add-date:focus-visible,.tasks-edit-title:focus-visible,.tasks-edit-notes:focus-visible{outline-offset:0;border-color:var(--tasks-accent);outline:2px solid #a8c7fa}.tasks-add-btn,.tasks-btn{min-height:var(--tasks-touch);font:inherit;color:var(--tasks-ink);cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:.5rem;padding:0 1rem;font-size:.875rem}.tasks-add-btn,.tasks-btn--primary{background:var(--tasks-accent);border-color:var(--tasks-accent);color:#fff}.tasks-add-btn:hover:not(:disabled),.tasks-btn--primary:hover:not(:disabled){background:#0842a0;border-color:#0842a0}.tasks-add-btn:disabled,.tasks-btn:disabled{opacity:.5;cursor:default}.tasks-error,.tasks-undo{border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0 0 1rem;padding:.6rem .85rem;font-size:.875rem;display:flex}.tasks-error{color:var(--tasks-danger);background:#fce8e6;border:1px solid #f5c6c2}.tasks-undo{color:#174ea6;background:#e8f0fe;border:1px solid #d6e2fb}.tasks-inline-btn{min-height:calc(var(--tasks-touch) - .5rem);font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 .25rem;font-size:.875rem;font-weight:500;text-decoration:underline}.tasks-note{color:var(--tasks-ink-soft);text-align:center;margin:1rem 0 0;font-size:.8rem}.tasks-empty{text-align:center;margin:2.5rem 0}.tasks-empty-title{color:var(--tasks-ink);margin:0 0 .35rem;font-size:1rem}.tasks-empty-text{max-width:28rem;color:var(--tasks-ink-soft);margin:0 auto;font-size:.875rem;line-height:1.5}.tasks-item--skeleton{align-items:center}.tasks-skeleton{background:linear-gradient(90deg,#f1f3f4 25%,#e8eaed 37%,#f1f3f4 63%) 0 0/400% 100%;border-radius:.25rem;animation:1.4s infinite tasks-shimmer;display:block}.tasks-skeleton-check{border-radius:.25rem;width:1.1rem;height:1.1rem}.tasks-skeleton-line{width:min(60%,18rem);height:.9rem}.tasks-list--skeleton .tasks-item:nth-child(2) .tasks-skeleton-line{width:min(80%,24rem)}.tasks-list--skeleton .tasks-item:nth-child(3) .tasks-skeleton-line{width:min(45%,14rem)}@keyframes tasks-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.tasks-skeleton{animation:none}}.tasks-group{margin-bottom:1.25rem}.tasks-group-title{letter-spacing:.04em;text-transform:uppercase;color:var(--tasks-ink-soft);margin:0 0 .35rem;font-size:.8rem;font-weight:600}.tasks-group-title.is-overdue{color:var(--tasks-danger)}.tasks-group-count{color:#80868b;font-weight:400}.tasks-list{border:1px solid var(--tasks-line);background:#fff;border-radius:.75rem;margin:0;padding:0;list-style:none;overflow:hidden}.tasks-item{grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;padding:.6rem .75rem;display:grid}.tasks-item+.tasks-item{border-top:1px solid #f1f3f4}.tasks-item:hover{background:#f8f9fa}.tasks-item.is-overdue{box-shadow:inset 3px 0 0 var(--tasks-danger)}.tasks-check{width:1.15rem;height:1.15rem;margin:0;margin-block:calc((var(--tasks-touch) - 1.15rem) / 2);margin-inline:calc((var(--tasks-touch) - 1.15rem) / 2);accent-color:var(--tasks-accent);cursor:pointer;flex:none}.tasks-item-main{min-width:0;padding-block:calc((var(--tasks-touch) - 1.5rem) / 2)}.tasks-item-title{width:100%;font:inherit;text-align:left;color:inherit;cursor:text;overflow-wrap:anywhere;background:0 0;border:0;padding:0;display:block}.tasks-item-title:focus-visible,.tasks-source:focus-visible,.tasks-remove:focus-visible,.tasks-tab:focus-visible,.tasks-inline-btn:focus-visible,.tasks-due:focus-within{outline-offset:2px;border-radius:.25rem;outline:2px solid #a8c7fa}.tasks-item.is-done .tasks-item-title{color:#80868b;text-decoration:line-through}.tasks-item-notes{color:var(--tasks-ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;margin:.2rem 0 0;font-size:.85rem}.tasks-item-meta{color:var(--tasks-ink-soft);flex-wrap:wrap;align-items:center;gap:.35rem .75rem;margin-top:.3rem;font-size:.78rem;display:flex}.tasks-due{min-height:calc(var(--tasks-touch) - .5rem);cursor:pointer;background:#f1f3f4;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.3rem;padding:0 .4rem;display:inline-flex;position:relative}.tasks-due:hover{border-color:#dadce0}.tasks-due input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.tasks-due .is-overdue,.tasks-item.is-overdue .tasks-due span{color:var(--tasks-danger);font-weight:500}.tasks-source{color:var(--tasks-accent);text-decoration:none}.tasks-source:hover{text-decoration:underline}.tasks-remove{width:var(--tasks-touch);height:var(--tasks-touch);color:#80868b;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:50%;place-items:center;transition:opacity .12s;display:grid}.tasks-item:hover .tasks-remove,.tasks-remove:focus-visible{opacity:1}@media (pointer:coarse){.tasks-remove{opacity:1}}.tasks-remove:hover{color:var(--tasks-danger);background:#fce8e6}@media (prefers-reduced-motion:reduce){.tasks-remove{transition:none}}.tasks-edit{gap:.5rem;display:grid}.tasks-edit-notes{resize:vertical;min-height:4.5rem}.tasks-edit-actions{flex-wrap:wrap;gap:.5rem;display:flex}