.pl-top{flex-direction:column;gap:12px;display:flex}.pl-bar{align-items:center;gap:12px;display:flex}.pl-bar .meter{height:12px}.pl-bar .meter>i{background:var(--good)}.pl-bar b{font-variant-numeric:tabular-nums;text-align:right;min-width:40px}.pl-add{flex-wrap:wrap;gap:8px;display:flex}.pl-add .input{flex:3 160px;min-width:0}.pl-add .pl-g{flex:110px}.pl-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start;gap:12px;display:grid}.pl-group h2 small{font-family:var(--f-mono);font-size:12px}.pl-group ul{flex-direction:column;margin:8px 0 0;padding:0;list-style:none;display:flex}.pl-group li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.pl-group li.done span{color:var(--muted);text-decoration:line-through}.pl-group .toggle{flex:1;min-width:0;font-weight:500}.pl-group .toggle span{overflow-wrap:anywhere}.pl-group .toggle input{width:22px;height:22px}