.pp-onb{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;margin:10px 12px;padding:10px 12px;font-size:12.5px}.pp-onb.done{color:var(--ok);background:var(--ok-soft);border-color:#0000;align-items:center;gap:8px;display:flex}.pp-onb-head{align-items:center;gap:8px;display:flex}.pp-onb-count{color:var(--muted);font-variant-numeric:tabular-nums;margin-inline-start:auto}.pp-onb-x{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px;display:inline-flex}.pp-onb.done .pp-onb-x{color:inherit;margin-inline-start:auto}.pp-onb-x:hover{color:var(--ink)}.pp-onb-bar{background:var(--line);border-radius:2px;block-size:4px;margin-block:8px;overflow:hidden}.pp-onb-bar i{background:var(--accent);block-size:100%;transition:inline-size .25s;display:block}.pp-onb ol{gap:5px;margin:0;padding:0;list-style:none;display:grid}.pp-onb li{color:var(--muted);align-items:center;gap:8px;display:flex}.pp-onb li.next{color:var(--ink);font-weight:600}.pp-onb li.ok{color:var(--ink);text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.pp-onb-dot{border:1.5px solid var(--faint);border-radius:50%;flex:none;justify-content:center;align-items:center;block-size:16px;inline-size:16px;display:inline-flex}.pp-onb li.ok .pp-onb-dot{background:var(--ok);border-color:var(--ok);color:#fff}.pp-onb li.next .pp-onb-dot{border-color:var(--accent)}