.album-rail-root{perspective:1200px;-webkit-user-select:none;user-select:none;touch-action:pan-y;flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex;position:relative;overflow:visible}.album-rail-stage{width:100%;height:280px;transform-style:preserve-3d;cursor:grab;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}@media (min-width:768px){.album-rail-stage{height:320px}}.album-rail-stage:active{cursor:grabbing}.album-rail-tap-zone{z-index:60;cursor:pointer;-webkit-tap-highlight-color:transparent;width:25%;position:absolute;top:0;bottom:0}.album-rail-tap-zone--left{left:0}.album-rail-tap-zone--right{right:0}.album-rail-card{transform-style:preserve-3d;will-change:transform, opacity;cursor:pointer;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%}.album-rail-card.is-neighbor:active .album-card-inner,.album-rail-card.is-neighbor:active .album-sleeve{transform:scale(.96)}.album-sleeve{z-index:2;width:100%;height:100%;transform-style:preserve-3d;background:#121626;border-radius:12px;transition:box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 18px 40px -10px #000000a6,0 6px 16px -2px #00000073,inset 0 0 0 1px #ffffff1f}:root:not(.dark) .album-sleeve{background:#f4f1ea;box-shadow:0 18px 36px -10px #12182847,0 6px 14px -2px #1218282e,inset 0 0 0 1px #0000001a}.album-sleeve:before{content:"";pointer-events:none;z-index:4;background:linear-gradient(135deg,#fff3 0%,#ffffff0d 30%,#0000 60%,#0000004d 100%);position:absolute;inset:0}.album-rail-card.is-active .album-sleeve:before{opacity:.08}.album-sleeve:after{content:"";pointer-events:none;z-index:4;background:linear-gradient(270deg,#00000080,#0000);width:4px;position:absolute;top:0;bottom:0;right:0}.album-rail-card.is-active .album-sleeve{box-shadow:0 22px 48px -10px #000000bf,0 0 0 2px #d9a31a,0 0 24px -2px #d9a31a73}.album-vinyl{aspect-ratio:1;z-index:1;transform-origin:50%;pointer-events:none;background:#0b0c10;border-radius:50%;justify-content:center;align-items:center;transition:transform .65s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:3%;bottom:3%;right:0;box-shadow:0 10px 28px -4px #000000bf,inset 0 0 0 1px #ffffff1f}.album-vinyl-grooves{background:repeating-radial-gradient(circle,#1c202d 0 2px,#0a0c12 3px 5px);border-radius:50%;position:absolute;inset:2px;overflow:hidden}.album-vinyl-luster{mix-blend-mode:overlay;opacity:.9;background:conic-gradient(from 45deg,#ffffff38 0deg,#0000 60deg,#ffffff38 120deg,#0000 180deg,#ffffff38 240deg,#0000 300deg,#ffffff38 360deg);border-radius:50%;position:absolute;inset:0}.album-vinyl-label{z-index:3;background:radial-gradient(circle at 40% 40%,#1e2640 0%,#0d1222 100%);border:2px solid #d9a31a;border-radius:50%;justify-content:center;align-items:center;width:36%;height:36%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000080,0 2px 6px #00000080}.album-vinyl-spindle{z-index:5;background:#090a0f;border:1px solid #ffffff59;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:inset 0 1px 2px #000000e6}.album-rail-card.is-active .album-vinyl{transform:translate(45%)translateZ(-1px)}.album-rail-card.is-active.is-playing .album-vinyl-grooves{animation:6s linear infinite album-vinyl-spin}@keyframes album-vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.album-card-inner{border-radius:16px;width:100%;height:100%;transition:box-shadow .3s,border-color .3s,transform .2s;position:relative;overflow:hidden;box-shadow:0 14px 28px -6px #00000038,0 4px 10px -2px #0000001a,inset 0 0 0 1px #00000014;background:#fff!important}:root:not(.dark) .album-card-inner,:root.dark .album-card-inner{background:#fff!important}.album-rail-card.is-active .album-card-inner{box-shadow:0 18px 36px -8px #0000004d,0 0 0 2.5px #d9a31a,0 0 20px -2px #d9a31a66}.album-rail-ruler{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:380px;margin:14px auto 0;padding:6px 12px;display:flex}.album-rail-ticks{flex:1;justify-content:space-between;align-items:center;gap:3px;padding:0 4px;display:flex}.album-rail-tick{cursor:pointer;flex:1;justify-content:center;align-items:center;height:18px;padding:2px 0;transition:transform .15s;display:flex}.album-rail-tick:hover{transform:scaleY(1.4)}.album-rail-tick-bar{background:#96969659;border-radius:1px;width:2px;height:6px;transition:height .2s,background .2s}.album-rail-tick.is-active .album-rail-tick-bar{background:#d9a31a;width:3px;height:15px;box-shadow:0 0 8px #d9a31a99}.album-rail-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;transition:all .2s;display:flex;position:relative}:root:not(.dark) .album-rail-btn{color:#1e2640;background:#0000000d;border-color:#0000001a}.album-rail-btn:hover{color:#0b0f19;background:#d9a31a;border-color:#d9a31a;transform:scale(1.05)}.album-rail-btn:active{transform:scale(.95)}.album-rail-btn:after{content:"";position:absolute;inset:-6px}