.blurhash-card[data-v-c30c801d]{background:#ffffff80;border-radius:16px;width:100%;height:100%;padding:6%;overflow:hidden;box-shadow:0 10px 24px #0000002e}.blurhash-card--back[data-v-c30c801d]{background:#ffffff1a}.blurhash-card__cover[data-v-c30c801d],.blurhash-card__surface[data-v-c30c801d]{width:100%;height:100%}.blurhash-card__cover[data-v-c30c801d]{border-radius:12px;margin:0;overflow:hidden}.blurhash-card__surface[data-v-c30c801d]{border-radius:16px}.blurhash-card__canvas[data-v-c30c801d]{transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.06)}.blurhash-card__back-image[data-v-c30c801d]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.box-stage[data-v-5b8cd327]{justify-self:center;width:300px;font-family:sans-serif;position:relative}.scene[data-v-5b8cd327]{--box-height:200px;--box-depth:100px;--box-width:calc(var(--box-height)*1.5);width:var(--box-width);height:calc(var(--box-height)*var(--scene-height-factor,1));perspective:400px;z-index:1;cursor:pointer;transition:height 1s;position:relative;overflow:hidden}.scene:hover .box__face--top[data-v-5b8cd327]{text-decoration:underline}.scene.scene--spin-enabled .box__face--top[data-v-5b8cd327]{text-decoration:none}.scene.scene--animating[data-v-5b8cd327]{z-index:2;overflow:visible}.scene.scene--spin-enabled[data-v-5b8cd327]{touch-action:none;cursor:pointer}.scene.scene--spin-enabled[data-v-5b8cd327]:active{cursor:grabbing}.scene__canvas[data-v-5b8cd327]{height:var(--box-width);transform:translateY(calc(var(--box-height)*var(--scene-crop-factor,0)*-1));position:relative}.box[data-v-5b8cd327],.scene__canvas[data-v-5b8cd327]{width:var(--box-width);transition:transform 1s}.box[data-v-5b8cd327]{height:var(--box-height);left:0;top:calc((var(--box-width) - var(--box-height))/2);transform-style:preserve-3d;transform:translateZ(-50px) rotate(var(--box-base-orientation,270deg));-webkit-user-select:none;user-select:none;position:absolute}.box.box--dragging[data-v-5b8cd327]{transition:none}.box.show-front[data-v-5b8cd327]{transform:translateZ(-50px) rotate(calc(var(--box-base-orientation,270deg) + var(--box-orientation,0deg))) rotateX(var(--box-drag-spin,0deg))}.box.show-back[data-v-5b8cd327]{transform:translateZ(-50px) rotate(calc(var(--box-base-orientation,270deg) + var(--box-orientation,0deg))) rotateX(var(--box-drag-spin,0deg)) rotateY(-180deg)}.box.show-right[data-v-5b8cd327]{transform:translateZ(-150px) rotate(calc(var(--box-base-orientation,270deg) + var(--box-orientation,0deg))) rotateX(var(--box-drag-spin,0deg)) rotateY(-90deg)}.box.show-left[data-v-5b8cd327]{transform:translateZ(-150px) rotate(calc(var(--box-base-orientation,270deg) + var(--box-orientation,0deg))) rotateX(var(--box-drag-spin,0deg)) rotateY(90deg)}.box.show-top[data-v-5b8cd327]{transform:translateZ(-100px) rotate(calc(var(--box-base-orientation,270deg) + var(--box-orientation,0deg) + var(--box-drag-spin,0deg))) rotateX(-90deg)}.box.show-bottom[data-v-5b8cd327]{transform:translateZ(-100px) rotate(calc(var(--box-base-orientation,270deg) + var(--box-orientation,0deg) + var(--box-drag-spin,0deg))) rotateX(90deg)}.box__face[data-v-5b8cd327]{color:#000;text-align:center;background-position:50%;background-size:cover;font-size:40px;font-weight:700;position:absolute;overflow:hidden}.box__face--back[data-v-5b8cd327],.box__face--front[data-v-5b8cd327]{border-radius:30px;width:300px;height:200px}.box__face--back[data-v-5b8cd327]{line-height:200px}.box__face--left[data-v-5b8cd327],.box__face--right[data-v-5b8cd327]{width:100px;height:200px;line-height:200px;left:100px}.box__face--bottom[data-v-5b8cd327],.box__face--top[data-v-5b8cd327]{width:300px;height:100px;line-height:100px;top:50px}.box__face--front[data-v-5b8cd327]{background-position:bottom;background-size:cover;padding:8px;display:block;overflow:hidden}.box__face--right[data-v-5b8cd327]{background:#ffff004d}.box__face--front[data-v-5b8cd327]{transform:rotateY(0)translateZ(50px)}.box__face--back[data-v-5b8cd327]{transform:rotateY(180deg)translateZ(50px)}.box__face--right[data-v-5b8cd327]{transform:rotateY(90deg)translateZ(150px)}.box__face--left[data-v-5b8cd327]{transform:rotateY(-90deg)translateZ(150px)}.box__face--top[data-v-5b8cd327]{transform:rotateX(90deg)translateZ(100px)}.box__face--bottom[data-v-5b8cd327]{transform:rotateX(-90deg)translateZ(100px)}.mode-switch[data-v-5b8cd327]{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#fffcf5f0;border:1px solid #19110a33;border-radius:.85rem;width:100%;margin:0;padding:.65rem .6rem;font-size:.78rem;line-height:1.2;box-shadow:0 8px 20px #19110a14}.face-label[data-v-5b8cd327]{margin:0;line-height:1}.box__cards-volume[data-v-5b8cd327]{pointer-events:none;width:100%;height:100%;transform-style:preserve-3d;position:absolute;inset:0}.stacked-card[data-v-5b8cd327]{--card-width:calc(var(--box-height)*.9);width:var(--card-width);height:calc(var(--card-width)*10/7);transform-origin:50%;transform:translate(-50%,-50%) rotate(90deg) translateZ(calc((.5 - var(--card-ratio))*(var(--box-depth) - 8px)));z-index:var(--card-order);pointer-events:auto;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.stacked-card-face[data-v-5b8cd327]{backface-visibility:hidden;border-radius:10px;display:block;position:absolute;inset:0;overflow:hidden}.stacked-card-face--front[data-v-5b8cd327]{transform:rotateY(0)}.stacked-card-face--back[data-v-5b8cd327]{transform:rotateY(180deg)}.stacked-card-play-overlay[data-v-5b8cd327]{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stacked-card-play-overlay[data-v-5b8cd327] .play-button{opacity:.9;transition:transform .16s,opacity .16s,box-shadow .16s,filter .16s}.scene.scene--spin-enabled:hover .stacked-card-play-overlay[data-v-5b8cd327] .play-button{opacity:1;filter:brightness(1.08)saturate(1.1);transform:scale(1.08);box-shadow:0 10px 22px #00000047}.scene.scene--spin-enabled:active .stacked-card-play-overlay[data-v-5b8cd327] .play-button{filter:brightness(.96)saturate();transform:scale(.94);box-shadow:0 4px 10px #0000003d}.stacked-card-cover[data-v-5b8cd327]{background:#ffffff80;border-radius:16px;width:100%;height:100%;padding:6%;overflow:hidden;box-shadow:0 10px 24px #0000002e}.stacked-card-cover--back[data-v-5b8cd327]{background:#ffffff1a}.stacked-card-cover__image[data-v-5b8cd327]{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:12px;width:100%;height:100%;display:block}.stacked-card-face[data-v-5b8cd327] .card{width:100%;max-width:none;height:100%;min-height:0;max-height:none}@media (width<=540px){.box-stage[data-v-5b8cd327]{width:270px}.box-controls[data-v-5b8cd327]{width:100%;top:0}.scene[data-v-5b8cd327]{--box-height:180px;--box-depth:90px;height:calc(var(--box-height)*var(--scene-height-factor,1))}.box[data-v-5b8cd327],.scene[data-v-5b8cd327]{width:var(--box-width)}.box[data-v-5b8cd327]{height:var(--box-height)}.box__face[data-v-5b8cd327]{font-size:30px}.box__face--back[data-v-5b8cd327],.box__face--front[data-v-5b8cd327]{width:var(--box-width);height:var(--box-height)}.box__face--back[data-v-5b8cd327]{line-height:var(--box-height)}.box__face--left[data-v-5b8cd327],.box__face--right[data-v-5b8cd327]{width:90px;height:var(--box-height);line-height:var(--box-height);left:90px}.box__face--bottom[data-v-5b8cd327],.box__face--top[data-v-5b8cd327]{width:270px;height:90px;line-height:90px;top:45px}.box__face--front[data-v-5b8cd327]{transform:rotateY(0)translateZ(45px)}.box__face--back[data-v-5b8cd327]{transform:rotateY(180deg)translateZ(45px)}.box__face--right[data-v-5b8cd327]{transform:rotateY(90deg)translateZ(135px)}.box__face--left[data-v-5b8cd327]{transform:rotateY(-90deg)translateZ(135px)}.box__face--top[data-v-5b8cd327]{transform:rotateX(90deg)translateZ(90px)}.box__face--bottom[data-v-5b8cd327]{transform:rotateX(-90deg)translateZ(90px)}.box.show-front[data-v-5b8cd327]{transform:translateZ(-45px) rotate(calc(var(--box-base-orientation,270deg) + var(--box-orientation,0deg))) rotateX(var(--box-drag-spin,0deg))}.box.show-back[data-v-5b8cd327]{transform:translateZ(-45px) rotate(calc(var(--box-base-orientation,270deg) + var(--box-orientation,0deg))) rotateX(var(--box-drag-spin,0deg)) rotateY(-180deg)}.box.show-right[data-v-5b8cd327]{transform:translateZ(-135px) rotate(calc(var(--box-base-orientation,270deg) + var(--box-orientation,0deg))) rotateX(var(--box-drag-spin,0deg)) rotateY(-90deg)}.box.show-left[data-v-5b8cd327]{transform:translateZ(-135px) rotate(calc(var(--box-base-orientation,270deg) + var(--box-orientation,0deg))) rotateX(var(--box-drag-spin,0deg)) rotateY(90deg)}.box.show-top[data-v-5b8cd327]{transform:translateZ(-90px) rotate(calc(var(--box-base-orientation,270deg) + var(--box-orientation,0deg) + var(--box-drag-spin,0deg))) rotateX(-90deg)}.box.show-bottom[data-v-5b8cd327]{transform:translateZ(-90px) rotate(calc(var(--box-base-orientation,270deg) + var(--box-orientation,0deg) + var(--box-drag-spin,0deg))) rotateX(90deg)}.stacked-card[data-v-5b8cd327]{--card-width:calc(var(--box-height)*.9)}}.mix-head[data-v-c044c64a]{gap:.35rem;display:grid}.mix-current-box[data-v-c044c64a]{z-index:5;position:fixed;top:12px;left:12px}.mix-current-box h1[data-v-c044c64a]{letter-spacing:.04em;margin:0;font-size:clamp(1rem,2.6vw,1.35rem)}.mix-head h1[data-v-c044c64a]{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1rem}.mix-head p[data-v-c044c64a]{color:#19110ac7;margin:0}.mix-shelf[data-v-c044c64a]{grid-template-columns:repeat(auto-fit,minmax(444px,1fr));align-items:end;gap:0;display:grid}.mix-playback[data-v-c044c64a]{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffffc2,#fffffff5);gap:10px;padding:12px;display:grid;position:fixed;inset:auto 0 0}.mix-playback__deck-wrap[data-v-c044c64a]{height:min(52svh,520px)}.mix-playback__cards[data-v-c044c64a]{grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:8px;margin:0;padding:0;list-style:none;display:grid;overflow:auto hidden}.mix-playback__card-item[data-v-c044c64a]{aspect-ratio:7/10;width:clamp(130px,16vw,210px);min-height:0}@media (width<=960px){.mix-shelf[data-v-c044c64a]{grid-template-columns:1fr}.mix-playback__deck-wrap[data-v-c044c64a]{height:min(44svh,420px)}}