.pocket-shelf{border-bottom:1px solid var(--line);color:var(--text-main);margin:0 0 28px;padding:23px 0 20px}.pocket-shelf[hidden],.pocket-shelf [hidden]{display:none!important}.pocket-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.pocket-heading h2{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:600}.pocket-heading h2 small{color:var(--text-subtle);letter-spacing:.12em;margin-left:12px;font:10px/1.5 system-ui}.pocket-heading p{color:var(--text-subtle);margin:5px 0 0;font-size:12px}.pocket-local{color:var(--text-subtle);white-space:nowrap;font-size:11px}.pocket-controls{justify-content:space-between;align-items:center;gap:12px;margin:15px 0 12px;display:flex}.pocket-shelf button{font:inherit;cursor:pointer}.pocket-switch{gap:16px;display:flex}.pocket-switch button,.pocket-clear{min-height:36px;color:var(--text-subtle);background:0 0;border:0;border-bottom:2px solid #0000;padding:4px 0;font-size:12px}.pocket-switch button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.pocket-switch span{margin-left:6px;font:10px/1.5 ui-monospace,monospace}.pocket-clear:hover{color:var(--danger)}.pocket-items{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.pocket-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:0;display:flex}.pocket-item a{min-width:0;color:inherit;flex:1;grid-template-columns:1fr auto;gap:4px 8px;padding:13px 12px;text-decoration:none;display:grid}.pocket-item a>span:first-child{color:var(--text-subtle);grid-column:1/-1;font-size:10px}.pocket-item strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.pocket-item a>span:last-child{color:var(--accent);font-size:13px}.pocket-item:hover{border-color:var(--line-strong)}.pocket-item button{width:36px;min-height:44px;color:var(--text-subtle);background:0 0;border:0;flex-shrink:0;align-self:center;font-size:19px}.pocket-item button:hover{color:var(--danger)}.pocket-empty{color:var(--text-subtle);margin:0;padding:14px 0;font-size:12px;line-height:1.8}.pocket-status{color:var(--accent);margin:8px 0 0;font-size:12px}.pocket-status:empty{display:none}.pocket-shelf :is(a,button):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.pocket-compact{margin:10px 0 28px;padding:24px 0}.pocket-compact .pocket-items{grid-template-columns:repeat(2,minmax(0,1fr))}.pocket-compact .pocket-heading h2 small{display:none}.catalog-page .pocket-shelf[data-empty=true]{grid-template-columns:1fr auto;gap:8px 22px;padding:14px 0 20px;display:grid}.catalog-page .pocket-shelf[data-empty=true] .pocket-heading p,.catalog-page .pocket-shelf[data-empty=true] .pocket-heading small,.catalog-page .pocket-shelf[data-empty=true] .pocket-local{display:none}.catalog-page .pocket-shelf[data-empty=true] .pocket-controls{margin:0}.catalog-page .pocket-shelf[data-empty=true] :is(.pocket-empty,.pocket-status){grid-column:1/-1;margin:0;padding:0}.catalog-page .pocket-shelf[data-empty=true] .pocket-items{display:none}@media (width<=900px){.pocket-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.pocket-heading h2 small{display:none}.pocket-items,.pocket-compact .pocket-items{grid-template-columns:minmax(0,1fr)}.pocket-item a{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px}.pocket-item a>span:first-child{grid-column:auto}.pocket-local{font-size:10px}.pocket-switch button,.pocket-clear{min-height:44px}}@media (width<=360px){.catalog-page .pocket-shelf[data-empty=true]{gap:8px}.pocket-switch{gap:10px}.pocket-heading h2{font-size:17px}}