.st-sticker{background:#fff;border-radius:12px;padding:4px;display:block;box-shadow:0 3px 8px #00000047}.st-sticker[data-diecut]{box-shadow:none;filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(0 3px 5px #00000047);background:0 0;border-radius:0;padding:0}.st-sticker img{pointer-events:none;height:auto;display:block}.st-sticker svg{border-radius:8px;height:auto;display:block}
.st-grab{border-radius:12px;display:block}.st-grab>.st-sticker{rotate:var(--tilt,0deg);transition:scale .24s var(--ease-out), box-shadow .24s var(--ease-out)}.st-grab:hover>.st-sticker,.st-grab:focus-visible>.st-sticker{scale:1.03;box-shadow:0 6px 14px #00000047}.st-grab.st-grab>.st-sticker[data-diecut]{box-shadow:none}.st-grab[data-in-hand]>.st-sticker{scale:1.06;box-shadow:0 12px 22px #00000052}
.st-things{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:grid}.st-thing{border-radius:var(--radius-md);cursor:pointer;width:100%;transition:background-color .2s var(--ease-out);padding:12px 8px 14px;display:block;position:relative}.st-thing-img{height:128px;transition:translate .26s var(--ease-out), scale .26s var(--ease-out);display:block;position:relative}.st-thing-img img{object-fit:contain;filter:drop-shadow(0 4px 5px #0003)}.st-thing[aria-pressed=true]{background:var(--bg-hover-soft)}.st-thing[aria-pressed=true] .st-thing-img{translate:0 -3px;scale:1.07}
.st-shelf-types{width:min(100%,300px)}.st-spines{scrollbar-width:none;flex:1;align-items:flex-end;gap:7px;margin:0;padding:12px 28px 0 2px;list-style:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}.st-spines::-webkit-scrollbar{display:none}.st-spine{flex:none;position:relative}.st-spine[data-in-hand] .st-spine-cover{border-color:var(--fg-brand)}.st-spine-button{isolation:isolate;cursor:pointer;transform-origin:bottom;transition:translate .24s var(--ease-out), rotate .24s var(--ease-out);border-radius:4px;display:block;position:relative}.st-spine-button:focus-visible{translate:0 -8px;rotate:-3deg}.st-spine:has(:focus-visible)~.st-spine>.st-spine-button{translate:8px}.st-spine[data-type=music]:has(:focus-visible)~.st-spine>.st-spine-button{translate:24px}@media (hover:hover){.st-spine:hover>.st-spine-button{translate:0 -8px;rotate:-3deg}.st-spine:hover~.st-spine>.st-spine-button{translate:8px}.st-spine[data-type=music]:hover~.st-spine>.st-spine-button{translate:24px}}.st-spine-cover{z-index:1;aspect-ratio:2/3;border:1px solid var(--border-subtle);background:var(--bg-surface);width:44px;color:var(--fg-muted);border-radius:4px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 6px #0003}.st-spine[data-type=music] .st-spine-cover{aspect-ratio:1;width:62px}.st-spine-cover:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff52 50%,#0000 65%);transition:translate;position:absolute;inset:0;translate:-110%}@media (hover:hover){.st-spine:hover .st-spine-cover:after{transition:translate .62s var(--ease-out);translate:110%}}.st-spine-disc{z-index:0;border-radius:var(--radius-full);background:radial-gradient(circle, var(--fg-brand) 0 14%, transparent 14.5%), repeating-radial-gradient(circle, #131316 0 2px, #1e1e24 2px 3px);transition:translate .32s var(--ease-out);position:absolute;inset:3px}.st-spine-button:focus-visible .st-spine-disc{animation:2.4s linear infinite st-tilt;translate:42%}@media (hover:hover){.st-spine:hover .st-spine-disc{animation:2.4s linear infinite st-tilt;translate:42%}}@keyframes st-tilt{to{rotate:1turn}}.st-spine-heart{z-index:2;border-radius:var(--radius-full);background:var(--bg-card);width:16px;height:16px;color:var(--fg-brand);font-size:var(--text-mono-xs);box-shadow:0 0 0 1px var(--border-subtle);place-items:center;line-height:1;display:grid;position:absolute;top:-6px;right:-5px}