.taskcard{width:100%;max-width:320px;margin:4px 0;padding:13px 13px 10px;border-radius:16px;border:1px solid var(--glass-border);background:rgba(255,255,255,.55);backdrop-filter:blur(16px) saturate(1.4);animation:taskcardIn .4s cubic-bezier(.22,1,.36,1) both}[data-theme=dark] .taskcard{background:rgba(255,255,255,.04)}@keyframes taskcardIn{0%{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}.taskcard__head{display:flex;align-items:baseline;gap:10px;margin-bottom:11px;padding:0 1px}.taskcard__head-text{display:flex;flex-direction:column;line-height:1.3;flex:1;min-width:0}.taskcard__head-text strong{font-size:13.5px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.taskcard__head-text span{font-size:11.5px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskcard__count{flex-shrink:0;align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);background:rgba(120,120,120,.14);border:1px solid var(--glass-border);padding:3px 9px;border-radius:999px;white-space:nowrap}[data-theme=dark] .taskcard__count{background:rgba(255,255,255,.06)}.taskcard__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.taskcard__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;background:rgba(120,120,120,.06);border:1px solid transparent;animation:taskcardRowIn .42s cubic-bezier(.22,1,.36,1) both}[data-theme=dark] .taskcard__item{background:rgba(255,255,255,.03)}.taskcard__item:first-child{animation-delay:.05s}.taskcard__item:nth-child(2){animation-delay:.1s}.taskcard__item:nth-child(3){animation-delay:.15s}.taskcard__item:nth-child(4){animation-delay:.2s}.taskcard__item:nth-child(n+5){animation-delay:.24s}@keyframes taskcardRowIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}.taskcard__item.is-done{opacity:.62}.taskcard__check{width:20px;height:20px;flex-shrink:0;border-radius:7px;border:1.6px solid var(--text-tertiary);background:transparent;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.taskcard__check.is-checked{background:#10b981;border-color:#10b981;animation:taskcardCheckPop .34s cubic-bezier(.34,1.56,.64,1)}.taskcard__check.is-checked svg{animation:taskcardTickIn .26s cubic-bezier(.34,1.56,.64,1) .04s both}.taskcard__check:disabled{opacity:.55;cursor:progress}@keyframes taskcardCheckPop{0%{transform:scale(1)}45%{transform:scale(1.24)}to{transform:scale(1)}}@keyframes taskcardTickIn{0%{opacity:0;transform:scale(.3) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}.taskcard__title{flex:1;min-width:0;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .22s ease,opacity .22s ease}.taskcard__item.is-done .taskcard__title{text-decoration:line-through;color:var(--text-tertiary)}.taskcard__due{flex-shrink:0;font-size:11px;color:var(--text-tertiary);white-space:nowrap}.taskcard__dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;box-shadow:0 0 0 3px rgba(120,120,120,.1)}.taskcard__empty{padding:14px;text-align:center;font-size:12.5px;color:var(--text-tertiary)}html#app .taskcard__item{transition:transform .18s cubic-bezier(.34,1.56,.64,1),background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .22s ease}html#app .taskcard__check{transition:transform .16s cubic-bezier(.34,1.56,.64,1),background-color .16s ease,border-color .16s ease}.taskcard__item:hover{transform:translateX(2px);background:rgba(120,120,120,.12);border-color:var(--glass-border);box-shadow:0 3px 10px rgba(0,0,0,.12)}[data-theme=dark] .taskcard__item:hover{background:rgba(255,255,255,.07)}.taskcard__item:active{transform:translateX(1px) scale(.99)}.taskcard__check:hover:not(:disabled){border-color:#10b981;transform:scale(1.1)}.taskcard__check:active:not(:disabled){transform:scale(.86)}@media (prefers-reduced-motion:reduce){.taskcard,.taskcard__check.is-checked,.taskcard__check.is-checked svg,.taskcard__item{animation:none}.taskcard__item:active,html#app .taskcard__check:active:not(:disabled),html#app .taskcard__check:hover:not(:disabled),html#app .taskcard__item:hover{transform:none}}