:root{--bg:#edf2f9}html,body{width:100%;height:100%}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;isolation:isolate;cursor:grab;touch-action:pan-y;perspective:1800px;perspective-origin:50%;place-items:center;width:100vw;height:100dvh;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-repeat:no-repeat;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;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;will-change:transform;align-items:center;margin:0;padding-inline:0;display:flex;position:relative;top:-36px}.box{cursor:pointer;transform-style:preserve-3d;will-change:transform, filter;backface-visibility:hidden;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{z-index:5;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;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{filter:none;-webkit-box-reflect:none}@keyframes smokeDriftOne{0%,to{transform:translate3d(calc(var(--float-x) * .3), calc(var(--float-y) * .2), 0) translateY(0) scale(1)}50%{transform:translate3d(calc(var(--float-x) * .7), calc(var(--float-y) * .4), 0) translate(24px, 24px) scale(1.06)}}@keyframes smokeDriftTwo{0%,to{transform:translate3d(calc(var(--float-x) * .2), calc(var(--float-y) * .15), 0) translateY(0) scale(.98)}50%{transform:translate3d(calc(var(--float-x) * .5), calc(var(--float-y) * .3), 0) translate(-18px, 20px) scale(1.04)}}@keyframes smokeDriftThree{0%,to{transform:translate3d(calc(var(--float-x) * -.25), calc(var(--float-y) * .15), 0) translateY(0) scale(1)}50%{transform:translate3d(calc(var(--float-x) * -.55), calc(var(--float-y) * .35), 0) translate(-22px, 26px) scale(1.08)}}@keyframes smokeDriftFour{0%,to{transform:translate3d(calc(var(--float-x) * -.2), calc(var(--float-y) * -.14), 0) translateY(0) scale(1)}50%{transform:translate3d(calc(var(--float-x) * -.45), calc(var(--float-y) * -.25), 0) translate(28px, -18px) scale(1.05)}}@keyframes smokeDriftFive{0%,to{transform:translate3d(calc(var(--float-x) * -.12), calc(var(--float-y) * -.08), 0) translateY(0) scale(1)}50%{transform:translate3d(calc(var(--float-x) * -.3), calc(var(--float-y) * -.18), 0) translate(-18px, -16px) scale(1.04)}}@keyframes smokeDriftSix{0%,to{transform:translate3d(calc(var(--float-x) * .12), calc(var(--float-y) * -.1), 0) translateY(0) scale(1)}50%{transform:translate3d(calc(var(--float-x) * .32), calc(var(--float-y) * -.18), 0) translate(-24px, -20px) scale(1.06)}}@media (max-width:1024px){.boxes{top:-28px}}@media (max-width:640px){.vinyl-carousel-wrapper{width:100vw;height:100dvh;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;top:-16px}.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(#ffffff24,#ffffff0b);border:1px solid #fff3;border-radius:999px;align-items:center;gap:9px;width:min(88vw,292px);min-height:48px;padding:6px 8px;display:flex;position:fixed;top:calc(50% + 160px);bottom:auto;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #1b253c12,inset 0 1px #ffffff1f}.music-bubble:before{content:"";border-radius:inherit;opacity:.5;pointer-events:none;background:linear-gradient(90deg,#ffffff0e,#ffffff02,#ffffff0e);position:absolute;inset:1px}.music-bubble>*{z-index:1;position:relative}.music-bubble__cover{flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;position:relative;overflow:visible}.music-bubble__cover img{object-fit:contain;transform-origin:50%;filter:drop-shadow(0 6px 10px #0000001c);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;justify-content:center;gap:2px;min-width:0;display:flex}.music-bubble__title{color:#222e47f2;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11.5px;font-weight:650;line-height:1.05;overflow:hidden}.music-bubble__artist{color:#3a4866a6;letter-spacing:.035em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:9px;font-weight:500;line-height:1.05;overflow:hidden}.music-bubble__controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.music-bubble__controls button{color:#212d46eb;background:#ffffff13;border:1px solid #ffffff3b;border-radius:50%;place-items:center;width:25px;height:25px;padding:0;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #ffffff17}.music-bubble__controls button:hover{background:#ffffff2b;border-color:#ffffff57;transform:translateY(-1px);box-shadow:0 7px 16px #1d294412,inset 0 1px #ffffff24}.music-bubble__play{background:linear-gradient(#ffffff52,#ffffff1a)!important;width:28px!important;height:28px!important}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1024px){.music-bubble{width:min(88vw,276px);min-height:46px;top:calc(50% + 136px)}.music-bubble__cover{width:38px;height:38px}}@media (max-width:640px){.music-bubble{gap:7px;width:min(86vw,254px);min-height:43px;padding:5px 7px;top:calc(50% + 112px);bottom:auto}.music-bubble__cover{width:34px;height:34px}.music-bubble__cover-shine{inset:3px}.music-bubble__title{font-size:10.5px}.music-bubble__artist{font-size:8px}.music-bubble__controls{gap:3px}.music-bubble__controls button{width:23px;height:23px}.music-bubble__play{width:26px!important;height:26px!important}}@media (max-width:640px) and (max-height:700px){.music-bubble{top:calc(50% + 106px)}}