.squishy-shelf-shell{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:center;min-width:0}.squishy-shelf-arrow{width:36px;height:56px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--purple-deep);font-size:28px;font-weight:900;box-shadow:var(--shadow-sm)}.squishy-shelf-track{display:flex;gap:10px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:7px 3px 10px;scrollbar-width:thin;scrollbar-color:var(--purple-focus) transparent}.squishy-shelf-card{position:relative;flex:0 0 118px;min-height:154px;scroll-snap-align:start;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);padding:8px 7px 9px;display:grid;grid-template-rows:100px auto auto;place-items:center;gap:2px;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.squishy-shelf-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.squishy-shelf-card img{width:100%;height:100%;object-fit:contain}.squishy-shelf-card strong{max-width:100%;font-size:10px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squishy-shelf-card small{font-size:9px;color:var(--amber);font-weight:950;letter-spacing:.03em}.squishy-shelf-count,.squishy-shelf-favorite{position:absolute;z-index:2;top:6px;border-radius:999px;background:var(--surface-glass-94);box-shadow:var(--shadow-sm);font-size:9px;font-weight:950;padding:3px 6px}.squishy-shelf-count{right:6px;color:var(--purple-deep)}.squishy-shelf-favorite{left:6px}.squishy-shelf-empty{min-width:100%;padding:28px 14px;text-align:center;color:var(--ink-soft);font-size:12px}.squishy-shelf-shell.has-visible-scrollbar .squishy-shelf-track{scrollbar-width:thin;scrollbar-color:var(--purple-focus) var(--surface-soft);padding-bottom:8px}.squishy-shelf-shell.has-visible-scrollbar .squishy-shelf-track::-webkit-scrollbar{height:9px}.squishy-shelf-shell.has-visible-scrollbar .squishy-shelf-track::-webkit-scrollbar-track{background:var(--surface-soft);border-radius:999px}.squishy-shelf-shell.has-visible-scrollbar .squishy-shelf-track::-webkit-scrollbar-thumb{background:var(--purple-focus);border-radius:999px;border:2px solid var(--surface-soft)}.squishy-shelf-shell.is-compact{grid-template-columns:32px minmax(0,1fr) 32px;gap:6px}.squishy-shelf-shell.is-compact .squishy-shelf-arrow{width:32px;height:48px;border-radius:13px;font-size:24px}.squishy-shelf-shell.is-compact .squishy-shelf-track{gap:8px;padding-top:4px}.squishy-shelf-shell.is-compact .squishy-shelf-card{flex-basis:98px;min-height:122px;grid-template-rows:76px auto auto;padding:6px 6px 7px;border-radius:15px}.squishy-shelf-shell.is-compact .squishy-shelf-card strong{font-size:9px}.squishy-shelf-shell.is-compact .squishy-shelf-card small{font-size:8px}.squishy-shelf-track:focus-visible{outline:3px solid var(--purple-focus);outline-offset:2px;border-radius:14px}
@media(max-width:700px){.squishy-shelf-shell{grid-template-columns:31px minmax(0,1fr) 31px;gap:5px}.squishy-shelf-arrow{width:31px;height:52px}.squishy-shelf-card{flex-basis:108px;min-height:146px;grid-template-rows:94px auto auto}}
@media(pointer:coarse){.squishy-shelf-shell:not(.has-visible-scrollbar) .squishy-shelf-track{scrollbar-width:none}.squishy-shelf-shell:not(.has-visible-scrollbar) .squishy-shelf-track::-webkit-scrollbar{display:none}}