.cl-listacts,.cl-tools{display:flex;flex-wrap:wrap;gap:8px}
.cl-tools .btn{flex:1 1 auto}
.cl-title{font-size:20px;font-weight:800;margin:0 0 12px;letter-spacing:-.01em}
.cl-prog-top{display:flex;align-items:baseline;gap:10px}
.cl-prog-top b{font-size:28px;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}
.cl-prog-top span{color:var(--muted);font-size:14px}
.cl-bar{height:10px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-top:6px}
.cl-bar i{display:block;height:100%;width:0;background:var(--brand);border-radius:99px;transition:width .25s}
.cl-sheet.done .cl-prog-top b{color:var(--good)}.cl-sheet.done .cl-bar i{background:var(--good)}
.cl-items{list-style:none;margin:14px 0 0;padding:0}
.cl-item{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid var(--border)}
.cl-item .check{flex:1;min-width:0;min-height:42px;font-size:16px;align-items:center;word-break:break-word}
.cl-item input[type=checkbox]{width:22px;height:22px;flex:none;accent-color:var(--brand)}
.cl-item.done .cl-txt{text-decoration:line-through;color:var(--faint)}
.cl-item.head{border-bottom:0;padding-top:14px}
.cl-item.head .cl-txt{flex:1;font-weight:800;font-size:14px;color:var(--brand);letter-spacing:.02em}
.cl-acts{display:flex;gap:2px;flex:none}
.cl-acts button{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--faint);cursor:pointer;font-size:15px}
.cl-acts button:hover{background:var(--surface-2);color:var(--text)}
.cl-acts button:disabled{opacity:.3;cursor:default}
.cl-acts .cl-x:hover{color:var(--bad)}
.cl-empty{color:var(--muted);text-align:center;padding:24px 0;margin:0}
@media print{
  body *{visibility:hidden}
  #cl-sheet,#cl-sheet *{visibility:visible}
  #cl-sheet{position:absolute;left:0;top:0;width:100%;border:0;box-shadow:none;padding:0}
  .cl-noprint,.cl-acts,.cl-empty{display:none!important}
  .cl-item{break-inside:avoid}
  .cl-item.done .cl-txt{text-decoration:none;color:#000}
}