:root{--bg:#edf2f9}body{background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow:hidden}.vinyl-carousel-wrapper{--float-x:0px;--float-y:0px;cursor:grab;perspective:1800px;perspective-origin:50%;isolation:isolate;touch-action:pan-y;place-items:center;width:100vw;min-height:100svh;display:grid;position:relative;overflow:hidden}.vinyl-carousel-wrapper:active{cursor:grabbing}.museum-backdrop,.museum-glow,.smoke-layer{pointer-events:none;position:absolute;inset:0}.museum-backdrop{filter:saturate(.96)brightness(1.02);background-image:url(/backgrounds/museum-hall.png);background-position:50%;background-size:cover;transform:scale(1.04)}.museum-backdrop:after{content:"";background:linear-gradient(#eff5ff66 0%,#f4ede424 42%,#f7f1e77a 100%),radial-gradient(circle at 50% 40%,#accbf02e 0%,#accbf014 24%,#0000 55%);position:absolute;inset:0}.museum-glow{z-index:1;mix-blend-mode:screen;background:radial-gradient(circle,#cadff847 0%,#cadff81f 18%,#fff0 48%),radial-gradient(circle at 50% 82%,#ffffff6b 0%,#ffffff0d 30%,#fff0 55%)}.smoke-layer{z-index:2;overflow:hidden}.smoke{filter:blur(24px);opacity:.42;mix-blend-mode:screen;will-change:transform, opacity;background:radial-gradient(circle,#ffffffe6 0%,#ffffff85 34%,#ffffff24 66%,#fff0 100%);border-radius:999px;display:block;position:absolute}.smoke-layer--top .smoke{top:-6vh}.smoke-layer--bottom .smoke{bottom:-10vh}.smoke--1{width:min(36vw,460px);height:min(24vw,290px);animation:18s ease-in-out infinite smokeDriftOne;left:-10vw}.smoke--2{opacity:.3;width:min(28vw,340px);height:min(18vw,220px);animation:22s ease-in-out infinite smokeDriftTwo;left:20vw;top:5vh!important}.smoke--3{opacity:.28;width:min(34vw,420px);height:min(22vw,270px);animation:20s ease-in-out infinite smokeDriftThree;right:-8vw;top:0!important}.smoke--4{opacity:.34;width:min(38vw,480px);height:min(22vw,260px);animation:17s ease-in-out infinite smokeDriftFour;left:-6vw}.smoke--5{opacity:.24;width:min(30vw,360px);height:min(18vw,220px);animation:19s ease-in-out infinite smokeDriftFive;left:34vw;bottom:4vh!important}.smoke--6{opacity:.28;width:min(34vw,420px);height:min(20vw,240px);animation:23s ease-in-out infinite smokeDriftSix;right:-10vw}.boxes{z-index:3;transform-style:preserve-3d;will-change:transform;-webkit-user-select:none;user-select:none;align-items:center;padding-inline:0;display:flex;position:relative;transform:translateZ(0)}.box{cursor:pointer;will-change:transform, filter;backface-visibility:hidden;transform-style:preserve-3d;flex-shrink:0;position:relative;transform:translateZ(0)}.box:before{display:none}.vinyl-item{will-change:transform;backface-visibility:hidden;display:block;position:relative;overflow:visible;transform:translateZ(0)}.frame-window{z-index:2;background:#efe8db;border-radius:3px;width:54.4%;height:64.2%;position:absolute;top:17.2%;left:23%;overflow:hidden;box-shadow:inset 0 0 0 1px #7258322e,inset 0 0 18px #00000014}.frame-painting{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.03)}.frame-overlay{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:5;filter:drop-shadow(0 18px 26px #4c39131f);width:100%;height:100%;position:absolute;inset:0}.frame-glass{z-index:4;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#ffffff42 0%,#ffffff1f 20%,#ffffff05 42%,#0000 70%),linear-gradient(#ffffff14,#0000 22% 74%,#ffffff0f);position:absolute;inset:0}.frame-plastic{z-index:3;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.frame-plastic--sheet{background-image:var(--plastic-url);mix-blend-mode:screen;opacity:.2}.frame-plastic--tear{background-image:var(--tear-url);mix-blend-mode:screen;opacity:.22;background-size:102% 102%}.box.reflection-mirror .vinyl-item{-webkit-box-reflect:below 6px linear-gradient(to top, #5159661f 0%, #51596612 10%, #51596608 22%, #ffffff05 32%, transparent 58%)}.box.reflection-realistic .vinyl-item{filter:url(#realistic-shadow);-webkit-box-reflect:none}.box.reflection-none .vinyl-item{-webkit-box-reflect:none;filter:none}@keyframes smokeDriftOne{0%,to{transform:translate3d(calc(var(--float-x) * .3), calc(var(--float-y) * .2), 0) translateY(0px) scale(1)}50%{transform:translate3d(calc(var(--float-x) * .7), calc(var(--float-y) * .4), 0) translateY(24px) translateX(24px) scale(1.06)}}@keyframes smokeDriftTwo{0%,to{transform:translate3d(calc(var(--float-x) * .2), calc(var(--float-y) * .15), 0) translateY(0px) scale(.98)}50%{transform:translate3d(calc(var(--float-x) * .5), calc(var(--float-y) * .3), 0) translateY(20px) translateX(-18px) scale(1.04)}}@keyframes smokeDriftThree{0%,to{transform:translate3d(calc(var(--float-x) * -.25), calc(var(--float-y) * .15), 0) translateY(0px) scale(1)}50%{transform:translate3d(calc(var(--float-x) * -.55), calc(var(--float-y) * .35), 0) translateY(26px) translateX(-22px) scale(1.08)}}@keyframes smokeDriftFour{0%,to{transform:translate3d(calc(var(--float-x) * -.2), calc(var(--float-y) * -.14), 0) translateY(0px) scale(1)}50%{transform:translate3d(calc(var(--float-x) * -.45), calc(var(--float-y) * -.25), 0) translateY(-18px) translateX(28px) scale(1.05)}}@keyframes smokeDriftFive{0%,to{transform:translate3d(calc(var(--float-x) * -.12), calc(var(--float-y) * -.08), 0) translateY(0px) scale(1)}50%{transform:translate3d(calc(var(--float-x) * -.3), calc(var(--float-y) * -.18), 0) translateY(-16px) translateX(-18px) scale(1.04)}}@keyframes smokeDriftSix{0%,to{transform:translate3d(calc(var(--float-x) * .12), calc(var(--float-y) * -.1), 0) translateY(0px) scale(1)}50%{transform:translate3d(calc(var(--float-x) * .32), calc(var(--float-y) * -.18), 0) translateY(-20px) translateX(-24px) scale(1.06)}}@media (max-width:640px){.vinyl-carousel-wrapper{min-height:100svh}.museum-backdrop{background-position:50%;transform:scale(1.08)}.museum-backdrop:after{background:linear-gradient(#f0f5fc80 0%,#f7f2ea38 44%,#f7f1e77a 100%),radial-gradient(circle at 50% 38%,#accbf024 0%,#accbf00f 20%,#0000 52%)}.smoke{filter:blur(18px)}.smoke--1,.smoke--4{width:min(54vw,320px);height:min(34vw,200px)}.smoke--2,.smoke--3,.smoke--5,.smoke--6{width:min(42vw,240px);height:min(26vw,150px)}.smoke--2{left:12vw;top:8vh!important}.smoke--5{left:42vw;bottom:14vh!important}.boxes{padding-inline:0}.frame-window{width:53.8%;height:63.8%;top:17.6%;left:23.4%}}
.music-bubble{z-index:120;-webkit-backdrop-filter:blur(18px)saturate(1.08);background:linear-gradient(#ffffff21,#ffffff0a);border:1px solid #fff3;border-radius:999px;align-items:center;gap:11px;width:min(92vw,318px);min-height:54px;padding:7px 10px;display:flex;position:fixed;bottom:clamp(58px,9.5vh,90px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1b253c14,inset 0 1px #ffffff1f}.music-bubble:before{content:"";border-radius:inherit;opacity:.5;pointer-events:none;background:linear-gradient(90deg,#ffffff0d,#ffffff03,#ffffff0d);position:absolute;inset:1px}.music-bubble>*{z-index:1;position:relative}.music-bubble__cover{flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:visible}.music-bubble__cover img{object-fit:contain;filter:drop-shadow(0 7px 12px #0000001f);transform-origin:50%;width:100%;height:100%;animation:8s linear infinite paused vinylSpin;display:block}.music-bubble.is-playing .music-bubble__cover img{animation-play-state:running}.music-bubble__cover-shine{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(145deg,#ffffff24,#ffffff03 42%,#0000 72%);border-radius:50%;position:absolute;inset:4px}.music-bubble__meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.music-bubble__title{color:#222e47f0;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:650;line-height:1.1;overflow:hidden}.music-bubble__artist{color:#3a4866ad;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10px;font-weight:500;line-height:1.1;overflow:hidden}.music-bubble__controls{flex-shrink:0;align-items:center;gap:5px;display:flex}.music-bubble__controls button{color:#212d46eb;background:#ffffff14;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:28px;height:28px;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #ffffff1a}.music-bubble__controls button:hover{background:#ffffff2e;border-color:#ffffff57;transform:translateY(-1px);box-shadow:0 8px 18px #1d294414,inset 0 1px #ffffff29}.music-bubble__play{background:linear-gradient(#ffffff52,#ffffff1a)!important;width:31px!important;height:31px!important}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.music-bubble{gap:9px;width:min(92vw,294px);min-height:52px;padding:7px 9px;bottom:58px}.music-bubble__cover{width:44px;height:44px}.music-bubble__title{font-size:11px}.music-bubble__artist{font-size:9px}.music-bubble__controls{gap:4px}.music-bubble__controls button{width:26px;height:26px}.music-bubble__play{width:29px!important;height:29px!important}}