.TapeShelf-module__Mr90Zq__stage{--fg:#f2f2ee;--muted:#8a8a86;--line:#f2f2ee8c;--bg:#000;--font:var(--font-mono,ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace);--font-display:var(--font-display-tape,Impact, "Arial Black", sans-serif);--font-hand:var(--font-hand-tape,"Segoe Print", "Bradley Hand", cursive);--w:280px;--h:178px;--d:30px;border:1.5px solid var(--line);background:var(--bg);height:clamp(520px,80vh,820px);color:var(--fg);font-family:var(--font);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:14px;position:relative;overflow:hidden;container-type:inline-size}.TapeShelf-module__Mr90Zq__focused{cursor:default}.TapeShelf-module__Mr90Zq__hud,.TapeShelf-module__Mr90Zq__hint{z-index:2;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;margin:0;font-size:10px;line-height:1.5;transition:opacity .4s;position:absolute;left:24px}.TapeShelf-module__Mr90Zq__hud{top:20px}.TapeShelf-module__Mr90Zq__hint{font-size:9px;bottom:18px}.TapeShelf-module__Mr90Zq__muted{color:var(--muted)}.TapeShelf-module__Mr90Zq__focused .TapeShelf-module__Mr90Zq__hud,.TapeShelf-module__Mr90Zq__focused .TapeShelf-module__Mr90Zq__hint{opacity:0}.TapeShelf-module__Mr90Zq__scene{perspective:var(--perspective);perspective-origin:50% 40%;position:absolute;inset:0}.TapeShelf-module__Mr90Zq__rail{left:var(--rail-left);top:var(--rail-top);transform-style:preserve-3d;transform:var(--rail-rotate);position:absolute}.TapeShelf-module__Mr90Zq__tape{width:var(--w);height:var(--h);margin:calc(var(--h) * -1) 0 0 calc(var(--w) / -2);transform-style:preserve-3d;will-change:transform;cursor:pointer;outline:none;position:absolute}.TapeShelf-module__Mr90Zq__face{backface-visibility:hidden;transition:filter .6s;position:absolute}.TapeShelf-module__Mr90Zq__focused .TapeShelf-module__Mr90Zq__tape:not(.TapeShelf-module__Mr90Zq__selected) .TapeShelf-module__Mr90Zq__face{filter:brightness(.22)saturate(.6)}.TapeShelf-module__Mr90Zq__front,.TapeShelf-module__Mr90Zq__back{width:var(--w);height:var(--h);border-radius:9px}.TapeShelf-module__Mr90Zq__front{transform:translateZ(calc(var(--d) / 2));background:radial-gradient(circle at 9px 9px,#666 2px,#0000 3.5px),radial-gradient(circle at calc(100% - 9px) 9px,#666 2px,#0000 3.5px),radial-gradient(circle at 9px calc(100% - 9px),#666 2px,#0000 3.5px),radial-gradient(circle at calc(100% - 9px) calc(100% - 9px),#666 2px,#0000 3.5px),linear-gradient(160deg,#2e2e2e,#121212 60%,#1c1c1c);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 1px #ffffff40}.TapeShelf-module__Mr90Zq__tape:focus-visible .TapeShelf-module__Mr90Zq__front{box-shadow:inset 0 0 0 2px var(--fg)}.TapeShelf-module__Mr90Zq__back{transform:rotateY(180deg) translateZ(calc(var(--d) / 2));background:#151515}.TapeShelf-module__Mr90Zq__top,.TapeShelf-module__Mr90Zq__bottom{top:calc(50% - var(--d) / 2);width:var(--w);height:var(--d);background:linear-gradient(#262626,#141414)}.TapeShelf-module__Mr90Zq__top{transform:rotateX(90deg) translateZ(calc(var(--h) / 2))}.TapeShelf-module__Mr90Zq__bottom{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2));background:#0a0a0a}.TapeShelf-module__Mr90Zq__left,.TapeShelf-module__Mr90Zq__right{left:calc(50% - var(--d) / 2);width:var(--d);height:var(--h);background:linear-gradient(90deg,#1d1d1d,#2b2b2b 50%,#161616)}.TapeShelf-module__Mr90Zq__left{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}.TapeShelf-module__Mr90Zq__right{transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}.TapeShelf-module__Mr90Zq__label{border-radius:4px;position:absolute;inset:5% 5% 28%;overflow:hidden}.TapeShelf-module__Mr90Zq__label img{object-fit:cover;width:100%;height:100%}.TapeShelf-module__Mr90Zq__window{background:linear-gradient(#3a2a1f,#140d09);border-radius:999px;width:40%;height:17%;position:absolute;top:36%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #0009,0 0 0 3px #ffffffbf}.TapeShelf-module__Mr90Zq__reel{aspect-ratio:1;background:repeating-conic-gradient(#eee 0 20deg, #555 20deg 60deg);border-radius:50%;height:72%;position:absolute;top:50%;translate:0 -50%}.TapeShelf-module__Mr90Zq__reel:first-child{left:6%}.TapeShelf-module__Mr90Zq__reel:last-child{right:6%}.TapeShelf-module__Mr90Zq__playing .TapeShelf-module__Mr90Zq__reel{animation:TapeShelf-module__Mr90Zq__spin calc(var(--beat) * 3) linear infinite}.TapeShelf-module__Mr90Zq__bridge{clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);background:radial-gradient(circle at 30% 60%,#2a2a2a 3px,#0000 4px),radial-gradient(circle at 70% 60%,#2a2a2a 3px,#0000 4px),#0f0f0f;height:19%;position:absolute;bottom:0;left:14%;right:14%}.TapeShelf-module__Mr90Zq__gloss{border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#fff3,#0000 32% 70%,#ffffff0f);position:absolute;inset:0}.TapeShelf-module__Mr90Zq__cover{white-space:pre-line;height:100%;padding:6px 8px;line-height:.95;position:relative}.TapeShelf-module__Mr90Zq__block{font-family:var(--font-display);font-size:calc(var(--w) * .075)}.TapeShelf-module__Mr90Zq__hand{font-family:var(--font-hand);font-size:calc(var(--w) * .065)}.TapeShelf-module__Mr90Zq__mono{font-family:var(--font);font-size:calc(var(--w) * .04);font-weight:700}.TapeShelf-module__Mr90Zq__side{font-family:var(--font);font-size:9px;font-weight:700;position:absolute;bottom:5px;right:7px}.TapeShelf-module__Mr90Zq__info{z-index:2;text-align:center;text-transform:uppercase;letter-spacing:.08em;pointer-events:none;opacity:0;transition:opacity .45s,translate .6s cubic-bezier(.2,.9,.3,1);position:absolute;inset-inline:0;translate:0 10px}.TapeShelf-module__Mr90Zq__info h2{margin:0;font-size:15px;font-weight:700}.TapeShelf-module__Mr90Zq__info p{color:var(--muted);margin:6px 0 0;font-size:10px}.TapeShelf-module__Mr90Zq__info .TapeShelf-module__Mr90Zq__time{color:var(--fg);font-variant-numeric:tabular-nums}.TapeShelf-module__Mr90Zq__info .TapeShelf-module__Mr90Zq__count{letter-spacing:.14em;margin-top:10px}.TapeShelf-module__Mr90Zq__bars{vertical-align:-1px;align-items:flex-end;gap:2px;height:10px;margin-right:8px;display:inline-flex}.TapeShelf-module__Mr90Zq__bars i{background:currentColor;border-radius:1px;width:2px;height:3px}.TapeShelf-module__Mr90Zq__focused:has(.TapeShelf-module__Mr90Zq__on) .TapeShelf-module__Mr90Zq__bars i{animation:TapeShelf-module__Mr90Zq__level calc(var(--beat) / 2) ease-in-out infinite alternate}.TapeShelf-module__Mr90Zq__bars i:nth-child(2){animation-delay:-.12s}.TapeShelf-module__Mr90Zq__bars i:nth-child(3){animation-delay:-.3s}.TapeShelf-module__Mr90Zq__bars i:nth-child(4){animation-delay:-.2s}.TapeShelf-module__Mr90Zq__bars i:nth-child(5){animation-delay:-.05s}.TapeShelf-module__Mr90Zq__controls{z-index:2;opacity:0;pointer-events:none;align-items:center;gap:14px;transition:opacity .4s,translate .6s cubic-bezier(.2,.9,.3,1);display:flex;position:absolute;bottom:22px;left:50%;translate:-50% 16px}.TapeShelf-module__Mr90Zq__close{z-index:2;opacity:0;pointer-events:none;transition:opacity .35s,scale .5s cubic-bezier(.2,1.4,.4,1),background-color .2s;position:absolute;top:16px;right:16px;scale:.8}.TapeShelf-module__Mr90Zq__focused .TapeShelf-module__Mr90Zq__info,.TapeShelf-module__Mr90Zq__focused .TapeShelf-module__Mr90Zq__controls,.TapeShelf-module__Mr90Zq__focused .TapeShelf-module__Mr90Zq__close{opacity:1;pointer-events:auto;translate:none;scale:none}.TapeShelf-module__Mr90Zq__focused .TapeShelf-module__Mr90Zq__info{pointer-events:none;transition-delay:.15s}.TapeShelf-module__Mr90Zq__focused .TapeShelf-module__Mr90Zq__controls{transition-delay:.2s;translate:-50%}.TapeShelf-module__Mr90Zq__controls button,.TapeShelf-module__Mr90Zq__close{border:1.5px solid var(--line);width:44px;height:44px;color:var(--fg);cursor:pointer;background:#0009;border-radius:50%;place-items:center;transition:background-color .2s,color .2s,scale .15s;display:grid}.TapeShelf-module__Mr90Zq__controls button:hover,.TapeShelf-module__Mr90Zq__close:hover{background:var(--fg);color:var(--bg)}.TapeShelf-module__Mr90Zq__controls button:active{scale:.92}.TapeShelf-module__Mr90Zq__controls button:focus-visible,.TapeShelf-module__Mr90Zq__close:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.TapeShelf-module__Mr90Zq__controls svg,.TapeShelf-module__Mr90Zq__close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.TapeShelf-module__Mr90Zq__controls .TapeShelf-module__Mr90Zq__play{border-color:var(--fg);background:var(--fg);width:58px;height:58px;color:var(--bg);position:relative}.TapeShelf-module__Mr90Zq__controls .TapeShelf-module__Mr90Zq__play svg{fill:currentColor;stroke:none;width:20px;height:20px;transition:opacity .25s,scale .35s cubic-bezier(.2,1.4,.4,1),rotate .35s;position:absolute}.TapeShelf-module__Mr90Zq__iconPause,.TapeShelf-module__Mr90Zq__on .TapeShelf-module__Mr90Zq__iconPlay{opacity:0;rotate:90deg;scale:.5}.TapeShelf-module__Mr90Zq__on .TapeShelf-module__Mr90Zq__iconPause{opacity:1;rotate:none;scale:1}.TapeShelf-module__Mr90Zq__play:after{content:"";border:1.5px solid var(--fg);opacity:0;border-radius:50%;position:absolute;inset:-6px}.TapeShelf-module__Mr90Zq__play.TapeShelf-module__Mr90Zq__on:after{animation:TapeShelf-module__Mr90Zq__pulse var(--beat) ease-out infinite}@keyframes TapeShelf-module__Mr90Zq__spin{to{rotate:360deg}}@keyframes TapeShelf-module__Mr90Zq__pulse{0%{opacity:.6;scale:.9}to{opacity:0;scale:1.25}}@keyframes TapeShelf-module__Mr90Zq__level{0%{height:3px}to{height:10px}}@container (max-width:760px){.TapeShelf-module__Mr90Zq__scene{--w:190px;--h:121px;--d:22px}}@media (prefers-reduced-motion:reduce){.TapeShelf-module__Mr90Zq__playing .TapeShelf-module__Mr90Zq__reel,.TapeShelf-module__Mr90Zq__play.TapeShelf-module__Mr90Zq__on:after{animation:none}.TapeShelf-module__Mr90Zq__focused:has(.TapeShelf-module__Mr90Zq__on) .TapeShelf-module__Mr90Zq__bars i{animation:none}}.TapeShelf-module__Mr90Zq__info .TapeShelf-module__Mr90Zq__by{font-family:var(--font-caveat), cursive;opacity:.75;margin-top:2px;font-size:20px}.TapeShelf-module__Mr90Zq__tooltip{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:220px;color:var(--fg);pointer-events:none;opacity:0;background:#121212eb;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;gap:1px;margin:18px 0 0 14px;padding:7px 10px;font-size:12px;line-height:1.35;transition:opacity .15s,scale .15s;display:flex;position:absolute;top:0;left:0;scale:.94;box-shadow:0 8px 24px -8px #0009}.TapeShelf-module__Mr90Zq__tipShown{opacity:1;scale:1}.TapeShelf-module__Mr90Zq__tooltip strong,.TapeShelf-module__Mr90Zq__tooltip span,.TapeShelf-module__Mr90Zq__tooltip em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.TapeShelf-module__Mr90Zq__tooltip strong{font-weight:600}.TapeShelf-module__Mr90Zq__tooltip span{color:var(--muted)}.TapeShelf-module__Mr90Zq__tooltip em{font-family:var(--font-caveat), cursive;color:#1db954;margin-top:3px;font-size:16px;font-style:normal}@media (hover:none){.TapeShelf-module__Mr90Zq__tooltip{display:none}}