.jukebox-player{--gradient-button-primary-default:linear-gradient(to bottom, var(--color-accent-700), var(--color-accent-800));--gradient-button-primary-hover:linear-gradient(to bottom, var(--color-accent-800), var(--color-accent-900));--gradient-button-primary-active:linear-gradient(to bottom, var(--color-accent-900), var(--color-accent-950));--record-surface:var(--color-neutral-900);--record-groove:var(--color-neutral-700);--record-highlight:var(--color-neutral-600);--record-center:var(--color-neutral-300)}.jukebox-deck{background:radial-gradient(ellipse at 15% 10%, var(--color-background-primary-default), transparent 70%), var(--color-background-secondary-default)}.jukebox-platter{background:var(--color-border-button-default);box-shadow:0 8px 24px color-mix(in srgb, var(--color-foreground-icon-primary) 12%, transparent)}.jukebox-vinyl{background:conic-gradient(from 35deg, transparent 0deg, color-mix(in srgb, var(--record-highlight) 35%, transparent) 45deg, transparent 80deg, transparent 180deg, color-mix(in srgb, var(--record-highlight) 35%, transparent) 225deg, transparent 260deg), repeating-radial-gradient(circle at center, var(--record-surface) 0 2px, var(--record-groove) 2.5px, var(--record-surface) 3px 4px);box-shadow:inset 0 0 0 1px var(--record-groove), inset 0 0 0 10px var(--record-surface);animation:6s linear infinite paused jukebox-spin}.jukebox-vinyl-playing{animation-play-state:running}.jukebox-spindle{background:var(--record-center);border:3px solid var(--record-surface)}.jukebox-tonearm{transition:transform .3s ease-out;transform:rotate(-8deg)}.jukebox-tonearm-playing{transform:rotate(18deg)}.jukebox-arm-pivot{border:5px solid var(--color-border-button-default);background:var(--color-background-primary-default);box-shadow:0 2px 4px color-mix(in srgb, var(--color-foreground-icon-primary) 15%, transparent)}.jukebox-arm{background:linear-gradient(90deg, var(--color-border-button-hover), var(--color-background-primary-default) 50%, var(--color-border-button-hover));box-shadow:3px 2px 4px color-mix(in srgb, var(--color-foreground-icon-primary) 12%, transparent)}.jukebox-cartridge{background:var(--color-foreground-icon-secondary)}.jukebox-shelf{scrollbar-width:thin;scrollbar-color:var(--color-border-button-hover) transparent}.jukebox-sleeve{transition:transform .15s ease-out;transform:rotate(0)translateY(0)}.jukebox-sleeve-selected{transform:rotate(-3deg)translateY(-4px)}.jukebox-empty-record{color:var(--color-text-secondary);background:repeating-radial-gradient(circle, var(--color-background-primary-default) 0 5px, var(--color-separator-border) 6px, var(--color-background-primary-default) 7px 8px)}@keyframes jukebox-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.jukebox-vinyl{animation:none}.jukebox-tonearm,.jukebox-sleeve{transition:none}}