.jukebox-machine[data-v-389dae3c]{--machine-line: color-mix(in srgb, var(--p-brand-paper) 14%, transparent);--machine-muted: color-mix(in srgb, var(--p-brand-paper) 74%, transparent);--machine-deck: color-mix(in srgb, var(--p-brand-ink) 86%, var(--p-brand-paper));--glass-h: clamp(17rem, 46vh, 30rem);--glass-band: clamp(7.5rem, 19vh, 12rem);position:sticky;top:calc(var(--glass-band) - var(--glass-h));z-index:4;background-color:var(--p-brand-ink);color:var(--p-brand-paper)}.machine-glass[data-v-389dae3c]{position:relative;height:var(--glass-h);overflow:hidden;border:1px solid var(--machine-line);border-radius:.875rem;background:var(--p-brand-stage-light),var(--p-brand-hero-glow),var(--machine-deck);box-shadow:inset 0 0 3rem color-mix(in srgb,var(--p-brand-hero-dark) 70%,transparent)}.glass-scene[data-v-389dae3c]{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(var(--glass-shrink, 1));transform-origin:50% 100%}.is-shrunk .glass-scene[data-v-389dae3c]{-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent),linear-gradient(to bottom,transparent,black 14%);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent),linear-gradient(to bottom,transparent,black 14%);-webkit-mask-composite:source-in;mask-composite:intersect}.glass-progress[data-v-389dae3c]{position:absolute;inset:auto 0 0 0;z-index:1;height:3px;background-color:var(--p-primary-300);opacity:0;transform-origin:left;transition:transform .3s linear,opacity .8s ease}.glass-progress.is-playing[data-v-389dae3c]{opacity:1}.glass-notice[data-v-389dae3c]{position:absolute;bottom:.875rem;left:50%;z-index:1;display:flex;align-items:center;gap:.5rem;margin:0;padding:.375rem .875rem;border:1px solid var(--machine-line);border-radius:2rem;background-color:color-mix(in srgb,var(--p-brand-ink) 82%,transparent);color:var(--p-brand-paper);white-space:nowrap;transform:translate(-50%)}.glass-notice .pi[data-v-389dae3c]{color:var(--p-primary-300)}.glass-notice-enter-active[data-v-389dae3c],.glass-notice-leave-active[data-v-389dae3c]{transition:opacity .4s ease}.glass-notice-enter-from[data-v-389dae3c],.glass-notice-leave-to[data-v-389dae3c]{opacity:0}.machine-rail[data-v-389dae3c]{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.875rem .25rem}.rail-readout[data-v-389dae3c]{display:flex;flex:1 1 24rem;align-items:center;gap:.875rem;min-width:0;min-height:3.25rem}.readout-code[data-v-389dae3c]{display:flex;flex:none;justify-content:center;gap:.25rem;min-width:5rem;padding:.5rem .625rem .375rem;border:1px solid var(--machine-line);border-radius:.5rem;background-color:var(--p-brand-hero-dark);color:var(--p-primary-300);font-family:var(--p-brand-font-display);font-size:2.25rem;line-height:1;text-shadow:0 0 .75rem color-mix(in srgb,var(--p-primary-color) 85%,transparent)}.readout-code span[data-v-389dae3c]{min-width:1.375rem;text-align:center}.readout-song[data-v-389dae3c]{display:flex;flex:1;flex-direction:column;min-width:0;line-height:1.3}.readout-title[data-v-389dae3c]{overflow:hidden;font-size:1.125rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.readout-artist[data-v-389dae3c]{overflow:hidden;color:var(--machine-muted);text-overflow:ellipsis;white-space:nowrap}.readout-hint[data-v-389dae3c]{flex:1;min-width:0;margin:0;color:var(--machine-muted);line-height:1.375}.readout-hint.is-notice[data-v-389dae3c]{color:var(--p-primary-300)}.readout-status[data-v-389dae3c]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.rail-button[data-v-389dae3c]{display:inline-flex;flex:none;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1rem;--lamp: var(--p-brand-machine-lamp);border:1px solid color-mix(in srgb,var(--lamp) 34%,transparent);border-radius:.5rem;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--lamp) 24%,var(--p-brand-ink)),var(--p-brand-ink) 92%);box-shadow:inset 0 0 .375rem color-mix(in srgb,var(--lamp) 22%,transparent);color:var(--lamp);font:inherit;text-shadow:0 0 .5rem color-mix(in srgb,var(--lamp) 85%,transparent);cursor:pointer;transition:box-shadow .7s ease,border-color .7s ease}.rail-button[data-v-389dae3c]:hover:not(:disabled){border-color:var(--lamp);box-shadow:0 0 .75rem color-mix(in srgb,var(--lamp) 60%,transparent),inset 0 0 .625rem color-mix(in srgb,var(--lamp) 50%,transparent);transition-duration:.12s}.rail-button[data-v-389dae3c]:active:not(:disabled){border-color:var(--p-brand-machine-enamel-light);background:radial-gradient(circle at 50% 42%,var(--p-brand-machine-enamel-light),var(--lamp) 80%);box-shadow:0 0 .75rem var(--lamp),0 0 1.75rem color-mix(in srgb,var(--p-primary-color) 70%,transparent);color:var(--p-brand-ink);text-shadow:none;transform:translateY(1px);transition-duration:0s}.rail-button[data-v-389dae3c]:disabled{border-color:var(--machine-line);background:none;box-shadow:none;color:var(--machine-muted);text-shadow:none;cursor:default}.rail-keys-toggle[data-v-389dae3c]{display:none;justify-content:center;width:2.75rem;padding:0}.rail-keys[data-v-389dae3c]{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.key-row[data-v-389dae3c]{display:flex;flex-wrap:wrap;gap:.375rem}.machine-key[data-v-389dae3c]{--lamp: var(--p-brand-machine-lamp);width:2.75rem;height:2.75rem;padding:.125rem 0 0;border:0;border-radius:.5rem;background:radial-gradient(circle at 50% 36%,var(--p-brand-machine-enamel-light) 25%,var(--p-brand-machine-enamel) 90%);box-shadow:0 3px 0 var(--p-brand-machine-enamel-shade),0 0 .875rem color-mix(in srgb,var(--lamp) 38%,transparent);color:var(--p-brand-ink);font-family:var(--p-brand-font-display);font-size:1.5rem;line-height:1;cursor:pointer;transition:transform .06s ease,box-shadow .6s ease}.machine-key[data-v-389dae3c]:hover{background:var(--p-brand-machine-enamel-light);box-shadow:0 3px 0 var(--p-brand-machine-enamel-shade),0 0 1.25rem color-mix(in srgb,var(--lamp) 80%,transparent);transition-duration:.06s,.12s}.machine-key[data-v-389dae3c]:active{box-shadow:0 1px 0 var(--p-brand-machine-enamel-shade),0 0 1rem var(--lamp),0 0 2rem color-mix(in srgb,var(--p-primary-color) 70%,transparent);transform:translateY(2px);transition-duration:.06s,0s}.machine-key.is-lit[data-v-389dae3c]{background:radial-gradient(circle at 50% 36%,var(--p-brand-machine-enamel-light),var(--p-primary-300) 75%);box-shadow:0 3px 0 var(--p-primary-600),0 0 1rem var(--p-primary-300),0 0 2.25rem color-mix(in srgb,var(--p-primary-color) 75%,transparent)}.machine-key[data-v-389dae3c]:focus-visible,.rail-button[data-v-389dae3c]:focus-visible{outline:2px solid var(--p-primary-300);outline-offset:2px}@media(max-width:48rem){.jukebox-machine[data-v-389dae3c]{--glass-h: clamp(12rem, 58vw, 16rem);--glass-band: clamp(6rem, 16vh, 8rem)}.machine-glass[data-v-389dae3c]{border-radius:.625rem}.machine-rail[data-v-389dae3c]{gap:.625rem;padding:.625rem 0}.rail-readout[data-v-389dae3c]{flex-basis:100%;gap:.5rem}.readout-code[data-v-389dae3c]{min-width:4.25rem;font-size:1.875rem}.rail-button[data-v-389dae3c]{padding:0 .75rem}.rail-keys-toggle[data-v-389dae3c]{display:inline-flex;padding:0}.rail-keys[data-v-389dae3c],.key-row[data-v-389dae3c]{display:grid;width:100%}.key-row-letters[data-v-389dae3c]{grid-template-columns:repeat(auto-fit,minmax(2.75rem,1fr))}.key-row-numbers[data-v-389dae3c]{grid-template-columns:repeat(5,minmax(0,1fr))}.machine-key[data-v-389dae3c]{width:auto}}@media(prefers-reduced-motion:reduce){.glass-progress[data-v-389dae3c],.machine-key[data-v-389dae3c],.rail-button[data-v-389dae3c]{transition:none}}.public-layout-page[data-v-fa6c6636]{min-height:100vh;background-color:var(--p-brand-ink)}.header-logo[data-v-fa6c6636]{cursor:pointer;width:150px}.footer-promo[data-v-fa6c6636]{background-color:var(--gray-100);border:1px solid var(--surface-border);max-width:540px;margin:3rem auto 1rem}.footer-logo[data-v-fa6c6636]{cursor:pointer;width:140px}.promo-description[data-v-fa6c6636]{max-width:28rem;line-height:1.5}.public-layout[data-v-fa6c6636]{min-height:100vh}.page-copyright[data-v-fa6c6636]{padding:.75rem 0;color:color-mix(in srgb,var(--p-brand-paper) 74%,transparent);font-size:.875rem;text-align:center}.cabinet[data-v-fa6c6636]{--cabinet-muted: color-mix(in srgb, var(--p-brand-paper) 74%, transparent);--strip-w: 217px;--strip-h: 72px;padding:0 1.5rem 1.5rem;background-color:var(--p-brand-ink);color:var(--p-brand-paper);user-select:none;-webkit-user-select:none}.cabinet.is-78[data-v-fa6c6636]{--strip-w: 254px;--strip-h: 76px}.cabinet-plate[data-v-fa6c6636]{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1rem .25rem .75rem}.cabinet-title[data-v-fa6c6636]{min-width:0;margin:0;color:inherit;font-size:2.25rem;letter-spacing:.04em;line-height:1.1}.cabinet-maker[data-v-fa6c6636]{flex:none;color:var(--cabinet-muted);font-size:1.125rem}.rack-scroll[data-v-fa6c6636]{overflow:auto hidden}.rack-grid[data-v-fa6c6636]{display:grid;gap:.75rem;width:fit-content;margin:0 auto}.rack-heading[data-v-fa6c6636]{padding:.5rem .75rem .375rem;font-size:1.5rem}.rack-columns[data-v-fa6c6636]{display:flex;gap:.75rem;padding:.625rem .5rem .125rem}.cell[data-v-fa6c6636]{position:relative;display:flex;height:var(--strip-h);margin-bottom:.5rem}.rack-column:nth-child(2n) .cell[data-v-fa6c6636]{flex-direction:row-reverse}.cell.cell-disabled[data-v-fa6c6636]{display:none}.cell-codes[data-v-fa6c6636]{display:grid;flex:none;grid-template-rows:1fr 1fr;gap:.125rem;width:2.75rem;padding:0 .25rem}.cell-codes .jt-rack-code[data-v-fa6c6636]{font-size:1.125rem}.cell-pick[data-v-fa6c6636]{cursor:pointer;transition:box-shadow .7s ease,border-color .7s ease}.cell-pick[data-v-fa6c6636]:hover,.cell-pick.is-selected[data-v-fa6c6636]{border-color:var(--lamp);box-shadow:0 0 .75rem color-mix(in srgb,var(--lamp) 60%,transparent),inset 0 0 .625rem color-mix(in srgb,var(--lamp) 50%,transparent)}.cell-pick[data-v-fa6c6636]:hover{transition-duration:.12s}.cell-pick[data-v-fa6c6636]:focus-visible{outline:2px solid var(--p-primary-300);outline-offset:1px}.cell-pick[data-v-fa6c6636]:active,.cell-pick.is-playing[data-v-fa6c6636]{border-color:var(--p-brand-machine-enamel-light);background:radial-gradient(circle at 50% 42%,var(--p-brand-machine-enamel-light),var(--lamp) 80%);box-shadow:0 0 .75rem var(--lamp),0 0 1.75rem color-mix(in srgb,var(--p-primary-color) 70%,transparent);color:var(--p-brand-ink);text-shadow:none;transition-duration:0s}.cell-pick[data-v-fa6c6636]:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.cell-pick[data-v-fa6c6636]{transition:none}}.cell-paper[data-v-fa6c6636]{width:var(--strip-w);height:var(--strip-h)}.card[data-v-fa6c6636]{transform:scale(.754);transform-origin:top left;border-radius:0}@media(max-width:48rem){.cabinet[data-v-fa6c6636]{padding:0 .5rem .5rem}.cabinet-plate[data-v-fa6c6636]{padding:.75rem .25rem .5rem}.cabinet-title[data-v-fa6c6636]{font-size:1.875rem}}