.pk-top{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;margin-block-end:20px;padding-block:var(--sp-3);padding-inline:var(--sp-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg)}.pk-overall{flex:1 1 220px;min-inline-size:200px}.pk-overall-label{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--muted);margin-block-end:6px}.pk-overall-label span:last-child{font-weight:700;color:var(--text)}.pk-bar{block-size:8px;border-radius:var(--r-pill);background:var(--panel2);overflow:hidden}.pk-bar>i{display:block;block-size:100%;background:var(--accent);border-radius:var(--r-pill);transition:width .2s ease}.pk-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.pk-actions .btn{padding-block:var(--sp-2);padding-inline:var(--sp-3);font-size:var(--fs-sm)}.pk-actions .btn.danger{color:#e5484d;border-color:#e5484d}.pk-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4)}.pk-cat{display:flex;flex-direction:column;gap:var(--sp-2);padding-block:var(--sp-3);padding-inline:var(--sp-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg)}.pk-cat-head{display:flex;align-items:baseline;justify-content:space-between}.pk-cat-head h3{margin:0;font-size:var(--fs-md)}.pk-cat-count{font-size:var(--fs-xs);font-weight:700;color:var(--muted)}.pk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.pk-item{display:flex;align-items:center;gap:var(--sp-2);border-radius:var(--r-sm);padding-inline:var(--sp-1)}.pk-item:hover{background:var(--panel2)}.pk-item-label{flex:1;display:flex;align-items:center;gap:var(--sp-2);padding-block:var(--sp-2);cursor:pointer;font-size:var(--fs-md);min-inline-size:0}.pk-item-label input[type=checkbox]{flex:none;inline-size:17px;block-size:17px;accent-color:var(--accent)}.pk-item-label span{overflow-wrap:anywhere}.pk-item.checked .pk-item-label span{color:var(--muted);text-decoration:line-through}.pk-item-x{flex:none;inline-size:26px;block-size:26px;border:none;background:transparent;color:var(--muted);border-radius:var(--r-sm);font-size:var(--fs-sm);opacity:.6}.pk-item-x:hover{opacity:1;color:#e5484d;background:var(--panel2)}.pk-empty{color:var(--muted);font-size:var(--fs-sm);padding-block:var(--sp-2)}.pk-add{display:flex;gap:var(--sp-2);margin-block-start:4px}.pk-add-input{flex:1;min-inline-size:0;background:var(--panel2);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding-block:var(--sp-2);padding-inline:var(--sp-2);font:inherit;font-size:var(--fs-sm)}.pk-add-input:focus{outline:none;border-color:var(--accent)}.pk-add-btn{flex:none;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:var(--r-sm);padding-inline:var(--sp-3);font-size:var(--fs-sm);font-weight:700}.pk-add-btn:hover{border-color:var(--accent)}.pk-info{margin-block-start:20px;padding-block:var(--sp-3);padding-inline:var(--sp-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);font-size:var(--fs-sm);color:var(--muted);line-height:1.6}.pk-info strong{display:block;color:var(--text);margin-block-end:4px}@media(max-width:480px){.pk-top{flex-direction:column;align-items:stretch}}@media(max-width:760px){.pk-item-x{inline-size:44px;block-size:44px}}