.jukebox-screen{
  --jb-gold:#d5ad66;
  --jb-gold-hi:#f0d39a;
  --jb-gold-dim:#8d7040;
  --jb-line:rgba(213,173,102,.19);
  --jb-cream:#efe7d8;
  --jb-muted:#7a756f;
  min-height:100%;width:100%;overflow:auto;position:relative;box-sizing:border-box;
  color:var(--jb-cream);
  background:
    radial-gradient(ellipse at 16% 43%,rgba(116,79,39,.105),transparent 32%),
    radial-gradient(ellipse at 55% 34%,rgba(86,63,39,.055),transparent 28%),
    linear-gradient(180deg,#060606 0%,#030303 100%);
  font-family:'DreamGothic',sans-serif;
  padding:34px 48px 52px;
}
.jukebox-screen:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(255,255,255,.16) .45px,transparent .5px);background-size:4px 4px;mix-blend-mode:soft-light}
.jukebox-screen *{box-sizing:border-box}
.jukebox-header{height:52px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;max-width:1580px;margin:0 auto 12px;position:relative;z-index:5}
.jukebox-back{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#d2c3a6;font-family:'Nanum Myeongjo',serif;font-size:20px;font-weight:600;padding:5px 0;cursor:pointer;letter-spacing:.02em}
.jukebox-back:hover{color:#fff0c8}
.jukebox-topmark{font:600 15px 'Cinzel',serif;letter-spacing:.38em;color:var(--jb-gold);padding-top:7px;white-space:nowrap}
.jukebox-eyebrow{font-family:'Cinzel',serif;font-size:16px;font-weight:600;letter-spacing:.28em;color:var(--jb-gold);text-transform:uppercase}

.jukebox-layout{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(350px,.85fr);gap:40px;max-width:1580px;margin:0 auto;min-height:calc(100vh - 130px);align-items:center}
.jukebox-player{min-width:0;display:grid;grid-template-columns:minmax(470px,1.34fr) minmax(320px,.82fr);gap:50px;align-items:center;padding:4px 0 26px;position:relative}

/* LP */
.jukebox-art{position:relative;width:min(620px,100%);aspect-ratio:1;justify-self:center;display:grid;place-items:center;isolation:isolate}
.jukebox-deck-glow{position:absolute;inset:2%;border-radius:50%;background:radial-gradient(circle,rgba(214,167,91,.12),rgba(63,38,16,.035) 44%,transparent 71%);filter:blur(18px);z-index:-2}
.jukebox-disc-shell{position:absolute;inset:4.6%;border-radius:50%;display:grid;place-items:center;animation:jukebox-disc-swap .72s cubic-bezier(.2,.82,.2,1) both;transform-origin:50% 58%;z-index:1}
.jukebox-disc-shell:after{content:"";position:absolute;inset:-1.2%;border-radius:50%;background:radial-gradient(circle at 66% 34%,transparent 0 58%,var(--vinyl-accent,rgba(213,173,102,.12)) 86%,transparent 100%);mix-blend-mode:screen;opacity:.72;pointer-events:none;z-index:4}
.jukebox-disc{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:
  radial-gradient(circle at center,transparent 0 18%,rgba(255,255,255,.015) 18.3% 18.7%,transparent 19% 31%,rgba(255,255,255,.018) 31.2% 31.5%,transparent 31.8%),
  repeating-radial-gradient(circle,#0a0a0a 0,#0a0a0a 2px,#1b1b1b 3px,#080808 4px,#131313 5px,#080808 6px);
  box-shadow:
    0 34px 70px rgba(0,0,0,.78),
    0 0 0 1px var(--vinyl-edge,rgba(224,191,132,.16)),
    0 0 0 4px rgba(255,255,255,.012),
    inset 0 0 80px rgba(0,0,0,.72);
  animation:jukebox-turn 18s linear infinite;animation-play-state:paused
}
.is-playing .jukebox-disc{animation-play-state:running}
.jukebox-disc:before{content:"";position:absolute;inset:1.2%;border-radius:50%;background:repeating-radial-gradient(transparent 0,transparent 7px,rgba(228,206,166,.032) 7.5px,transparent 8.2px);opacity:.75}
.jukebox-vinyl-shine{position:absolute;inset:-4%;border-radius:50%;background:conic-gradient(from 206deg,transparent 0 17%,rgba(238,200,142,.0) 18%,rgba(238,200,142,.14) 23%,rgba(238,200,142,.03) 29%,transparent 35% 70%,rgba(255,239,210,.08) 76%,transparent 82%);filter:blur(.2px);mix-blend-mode:screen;pointer-events:none}
.jukebox-label{position:relative;width:31%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--vinyl-label,#34173f);border:1px solid rgba(230,206,164,.15);box-shadow:inset 0 0 34px rgba(0,0,0,.24),0 0 0 1px rgba(0,0,0,.72);z-index:3;color:var(--vinyl-ink,#d8c6a2);isolation:isolate}
.jukebox-label:before,.jukebox-label:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:-1}
.jukebox-label-art{position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:-1}
.jukebox-label-brand{position:absolute;top:18%;left:50%;transform:translateX(-50%);font:700 10px 'Cinzel',serif;letter-spacing:.34em;white-space:nowrap;color:var(--vinyl-ink,#e8d9bd);opacity:.86;text-shadow:0 1px 4px #0008}
.jukebox-label-title{position:absolute;left:15%;right:15%;top:41%;transform:translateY(-50%);font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:clamp(9px,1.05vw,13px);line-height:1.25;text-align:center;color:var(--vinyl-ink,#eadfc9);text-shadow:0 1px 5px #000b;word-break:keep-all;overflow-wrap:anywhere;max-height:2.5em;overflow:hidden}
.jukebox-label-track{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);font:700 9px 'Cinzel',serif;font-style:normal;letter-spacing:.22em;color:color-mix(in srgb,var(--vinyl-ink,#e8d9bd) 74%,transparent);white-space:nowrap;text-shadow:0 1px 4px #000a}
/* 01 · LOST SIGNAL — cold broadcast rings */
.jukebox-label--signal{background:radial-gradient(circle at 50% 50%,#183b5c 0 20%,#10283f 21% 48%,#0b1c2d 49% 100%)}
.jukebox-label--signal:before{background:repeating-radial-gradient(circle,transparent 0 9%,rgba(197,224,242,.15) 9.6% 10.2%,transparent 10.8% 17%)}
.jukebox-label--signal:after{inset:13%;border:1px dashed rgba(202,229,248,.30);box-shadow:0 0 0 8px rgba(5,16,27,.18)}
.jukebox-label--signal .jukebox-label-art:before,.jukebox-label--signal .jukebox-label-art:after{content:"";position:absolute;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(219,237,248,.34),transparent);transform:rotate(-18deg)}
.jukebox-label--signal .jukebox-label-art:before{top:34%}.jukebox-label--signal .jukebox-label-art:after{bottom:31%}
/* 02 · THE VOID — violet eclipse / starburst */
.jukebox-label--void{background:radial-gradient(circle at 50% 50%,#100913 0 13%,#3d1d4c 14% 58%,#1e0c28 59% 100%)}
.jukebox-label--void:before{background:repeating-conic-gradient(from -7deg,rgba(239,216,244,.13) 0 1deg,transparent 1deg 18deg);opacity:.75}
.jukebox-label--void:after{inset:19%;border:1px solid rgba(238,212,244,.22);box-shadow:0 0 22px rgba(195,102,218,.25),0 0 0 13px rgba(24,7,31,.25)}
.jukebox-label--void .jukebox-label-art:before{content:"✦";position:absolute;right:18%;top:22%;font:700 14px Georgia,serif;color:rgba(245,224,247,.68);text-shadow:-48px 56px 0 rgba(245,224,247,.22)}
/* 03 · CLOCKWORK — brass archive / mechanical ticks */
.jukebox-label--clockwork{background:linear-gradient(112deg,#2a1a0b 0 22%,#8c642d 22% 38%,#4b3216 38% 63%,#b78a46 63% 67%,#3a250f 67% 100%)}
.jukebox-label--clockwork:before{inset:8%;border:2px solid rgba(244,219,165,.25);background:repeating-conic-gradient(from 0deg,rgba(248,224,176,.26) 0 1.2deg,transparent 1.2deg 12deg);-webkit-mask:radial-gradient(circle,transparent 0 72%,#000 73%);mask:radial-gradient(circle,transparent 0 72%,#000 73%)}
.jukebox-label--clockwork:after{inset:25%;border:1px double rgba(255,227,169,.30);box-shadow:0 0 0 7px rgba(40,24,9,.23)}
.jukebox-label--clockwork .jukebox-label-art:before{content:"";position:absolute;width:22%;aspect-ratio:1;border:1px solid rgba(250,224,174,.35);border-radius:50%;left:13%;top:39%;box-shadow:64px -31px 0 -4px rgba(48,29,10,.32),64px -31px 0 -3px rgba(250,224,174,.20)}
/* 04 · CHASING THE STARS — teal orbital map */
.jukebox-label--stars{background:radial-gradient(circle at 64% 30%,#2f7777 0 7%,#194b4f 23%,#0f3438 61%,#082326 100%)}
.jukebox-label--stars:before{inset:10%;border:1px solid rgba(215,241,233,.28);transform:rotate(-19deg) scaleY(.55);box-shadow:0 0 0 9px rgba(18,62,66,.18),0 0 0 10px rgba(215,241,233,.10)}
.jukebox-label--stars:after{inset:25%;border:1px dashed rgba(215,241,233,.24);transform:rotate(27deg) scaleY(.52)}
.jukebox-label--stars .jukebox-label-art{background:radial-gradient(circle at 23% 28%,rgba(238,255,247,.70) 0 1.3px,transparent 1.6px),radial-gradient(circle at 78% 66%,rgba(238,255,247,.58) 0 1px,transparent 1.4px),radial-gradient(circle at 67% 19%,rgba(238,255,247,.42) 0 1px,transparent 1.3px),radial-gradient(circle at 30% 76%,rgba(238,255,247,.36) 0 1px,transparent 1.4px)}
.jukebox-spindle{position:absolute;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 33% 28%,#f3e6ca 0 8%,#a78a61 22%,#4b4032 42%,#171717 68%);box-shadow:0 2px 8px #000,0 0 0 1px rgba(0,0,0,.8);z-index:5}

.jukebox-tonearm{position:absolute;right:1.5%;top:-1%;width:48%;height:70%;transform:rotate(-2deg);transform-origin:84% 8%;pointer-events:none;z-index:6;filter:drop-shadow(0 10px 6px rgba(0,0,0,.78))}
.jukebox-art.is-swapping .jukebox-tonearm{animation:jukebox-tonearm-swap .76s cubic-bezier(.25,.72,.2,1) both}
.jukebox-tonearm-pivot{position:absolute;right:2%;top:0;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ad9a7d 0 7%,#3b332b 9% 24%,#b2a58e 25% 28%,#25231f 31% 46%,#0d0d0d 49% 62%,#4f4940 64% 68%,#0a0a0a 70%);box-shadow:0 0 0 2px #050505,0 0 0 4px rgba(204,174,123,.10);z-index:3}
.jukebox-tonearm-pivot:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 38% 34%,#d1bea0 0 10%,#756853 28%,#2b2925 58%,#0b0b0b 72%);box-shadow:0 0 0 2px rgba(0,0,0,.7)}
.jukebox-tonearm-arm{position:absolute;right:29px;top:52px;width:18px;height:76%;transform:rotate(18deg);transform-origin:50% 0;display:block;z-index:2}
.jukebox-tonearm-rod{position:absolute;inset:0;border-radius:12px;background:linear-gradient(90deg,#0c0d0e 0%,#6b6256 27%,#aa9b83 48%,#3d3934 64%,#101112 100%);box-shadow:inset 1px 0 rgba(255,255,255,.17),0 1px 2px #000}
.jukebox-tonearm-rod:after{content:"";position:absolute;left:50%;bottom:-9px;width:22px;height:18px;transform:translateX(-50%);border-radius:4px;background:linear-gradient(90deg,#201d19,#8e7b60 46%,#332c23);box-shadow:0 3px 5px rgba(0,0,0,.65)}
.jukebox-tonearm-head{position:absolute;left:50%;bottom:-38px;width:52px;height:34px;border-radius:3px 3px 6px 6px;background:linear-gradient(145deg,#c8b18b 0%,#917957 38%,#44392c 100%);transform:translateX(-50%);box-shadow:0 6px 10px #000b,inset 0 0 0 1px rgba(255,255,255,.15)}
.jukebox-tonearm-head:before{content:"";position:absolute;left:9px;top:9px;width:5px;height:5px;border-radius:50%;background:#161616;box-shadow:15px 0 #161616}
.jukebox-tonearm-head:after{content:"";position:absolute;left:50%;top:-5px;width:24px;height:8px;transform:translateX(-50%);border-radius:2px;background:#3a3126}
.jukebox-needle{position:absolute;left:50%;bottom:-51px;width:2px;height:17px;background:#cfb57d;transform:translateX(-50%) rotate(7deg);transform-origin:top center;box-shadow:0 0 3px rgba(210,177,112,.35)}

/* Track info */
.jukebox-meta{min-width:0;align-self:center;display:flex;flex-direction:column;justify-content:center;padding-top:24px}
.jukebox-now{min-height:238px;padding:10px 0 22px}
.jukebox-now .jukebox-eyebrow{display:flex;align-items:center;gap:8px}
.jukebox-now .jukebox-eyebrow i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#e5b74f;box-shadow:0 0 12px rgba(229,183,79,.28)}
/* Reserve exactly two title lines so progress/skip/play controls never jump when track titles wrap. */
.jukebox-now h1{font-family:'Nanum Myeongjo',serif;font-weight:700;font-size:clamp(44px,calc(3.1vw + 6px),64px);line-height:1.22;word-break:keep-all;overflow-wrap:anywhere;margin:25px 0 14px;color:#f4eee4;letter-spacing:-.045em;text-shadow:0 1px 16px rgba(255,237,207,.035);height:2.44em;min-height:2.44em;max-height:2.44em;display:flex;align-items:center;overflow:hidden}
.jukebox-now p{font-family:'Cinzel',serif;color:#a49a8d;font-size:22px;font-weight:600;letter-spacing:.19em;text-transform:uppercase;margin:0;overflow-wrap:anywhere}

.jukebox-progress{margin-top:2px}
.jukebox-progress input{appearance:none;-webkit-appearance:none;display:block;width:100%;height:20px;background:linear-gradient(90deg,var(--jb-gold-hi) 0 var(--jukebox-progress,0%),#26292b var(--jukebox-progress,0%) 100%) center/100% 4px no-repeat;cursor:pointer}
.jukebox-progress input::-webkit-slider-runnable-track{height:4px;background:transparent;border-radius:5px}
.jukebox-progress input::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#ecd098;margin-top:-4.5px;border:0;box-shadow:0 0 16px rgba(234,198,127,.30)}
.jukebox-progress input::-moz-range-track{height:4px;background:transparent;border-radius:5px}.jukebox-progress input::-moz-range-progress{height:4px;background:transparent}.jukebox-progress input::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#ecd098}
.jukebox-progress input:disabled{cursor:default;opacity:.62}
.jukebox-progress>div{display:flex;justify-content:space-between;color:#817c73;font:600 18px 'Nanum Myeongjo',serif;font-variant-numeric:tabular-nums;margin-top:2px}

.jukebox-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;padding:0 2px}
.jukebox-controls button{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:transparent;color:#dfd4c0;cursor:pointer;transition:.2s ease;position:relative}
.jukebox-controls button:hover{color:#fff5e6;transform:translateY(-2px)}
.jukebox-controls .jukebox-play{height:84px;width:84px;background:rgba(6,6,6,.92);color:#f4e1b8;border:2px solid #e7ca8c;box-shadow:0 0 22px rgba(223,186,110,.10),inset 0 0 0 6px rgba(255,255,255,.008)}
.jukebox-deco-control{font-family:Georgia,serif;color:#bd9650;font-size:30px;font-weight:700;width:32px;text-align:center;line-height:1;opacity:.9}
.jukebox-repeat{border:1px solid rgba(213,173,102,.18)!important;color:#80786d!important}
.jukebox-repeat.is-active{color:#e2bd76!important;border-color:rgba(213,173,102,.48)!important;background:rgba(126,88,34,.10)!important;box-shadow:inset 0 0 0 1px rgba(231,198,135,.04)}
.jukebox-repeat.is-one{border-color:rgba(230,188,103,.68)!important;background:rgba(151,101,30,.15)!important;box-shadow:0 0 14px rgba(215,165,73,.08)}
.jukebox-repeat.is-off{color:#6e6962!important;border-color:rgba(144,137,126,.20)!important;background:rgba(255,255,255,.015)!important}
.jukebox-repeat-badge{position:absolute;right:-8px;bottom:-5px;min-width:26px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:9px;background:#0b0a08;border:1px solid rgba(213,173,102,.42);font:800 8px 'Cinzel',serif;letter-spacing:.05em;color:#e1bc73;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.jukebox-repeat.is-one .jukebox-repeat-badge{min-width:18px;color:#ffe3a7;border-color:rgba(230,188,103,.72);background:#161007}
.jukebox-repeat.is-off .jukebox-repeat-badge{color:#817b72;border-color:rgba(144,137,126,.24);background:#0b0b0b}
.jukebox-utility-row{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-top:12px;padding:0 3px;color:#887f70}
.jukebox-volume{display:flex;align-items:center;gap:8px;min-width:0;color:#b49a6b;cursor:pointer}
.jukebox-volume input{appearance:none;-webkit-appearance:none;width:88px;height:12px;background:linear-gradient(90deg,#d6b16c 0 var(--jukebox-volume,50%),#2b2925 var(--jukebox-volume,50%) 100%) center/100% 2px no-repeat;cursor:pointer}
.jukebox-volume input::-webkit-slider-runnable-track{height:2px;background:transparent}.jukebox-volume input::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#e3c688;margin-top:-3px;border:0;box-shadow:0 0 7px rgba(226,192,127,.28)}
.jukebox-volume input::-moz-range-track{height:2px;background:#2b2925}.jukebox-volume input::-moz-range-progress{height:2px;background:#d6b16c}.jukebox-volume input::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#e3c688}
.jukebox-volume>span:last-child{width:22px;text-align:right;font:700 9px 'Cinzel',serif;color:#6f685f;font-variant-numeric:tabular-nums}
.jukebox-quote{font-family:'Nanum Myeongjo',serif;color:#6d675f;text-align:center;font-size:15px;font-weight:600;line-height:1.9;letter-spacing:.07em;margin:34px 0 0}
.jukebox-error{color:#d69b8a;font-size:17px;font-weight:600;line-height:1.7;text-align:center;margin:12px 0 0}

/* Playlist */
.jukebox-library{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:36px 0 38px 48px;border-left:1px solid rgba(213,173,102,.17)}
.jukebox-library-title{display:flex;justify-content:space-between;align-items:center;padding:0 8px 16px;border-bottom:1px solid rgba(213,173,102,.21)}
.jukebox-library-title b{font:600 17px 'Nanum Myeongjo',serif;color:#8d8579}
.jukebox-tracks{display:flex;flex-direction:column;margin-top:10px}
.jukebox-track{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:14px;text-align:left;width:100%;min-height:96px;padding:16px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#ddd5c9;cursor:pointer;transition:background .22s,border-color .22s,transform .22s,box-shadow .22s}
.jukebox-track:after{content:"";position:absolute;left:62px;right:12px;bottom:0;height:1px;background:rgba(255,255,255,.065)}
.jukebox-track:last-child:after,.jukebox-track.is-current:after{display:none}
.jukebox-track:hover{background:rgba(255,255,255,.018)}
.jukebox-track.is-current{border-color:rgba(214,171,91,.55);background:linear-gradient(105deg,rgba(142,98,39,.19),rgba(96,67,30,.07) 68%,rgba(13,12,10,.46));box-shadow:0 9px 28px rgba(0,0,0,.18),inset 0 0 28px rgba(217,171,92,.025)}
.jukebox-track-number{font-family:'Cinzel',serif;font-size:19px;font-weight:600;color:#a08049;font-variant-numeric:tabular-nums;text-align:center}
.jukebox-track-text{min-width:0}.jukebox-track strong{display:block;font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:22px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8e1d6}
.jukebox-track small{display:block;font:600 15px 'Cinzel',serif;letter-spacing:.17em;color:#878077;margin-top:7px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jukebox-track-icon{display:grid;place-items:center;color:#d4ad64}.jukebox-track.is-current .jukebox-track-icon{filter:drop-shadow(0 0 6px rgba(218,181,109,.42))}

.jukebox-corner-note{position:absolute;bottom:28px;font:600 15px 'Cinzel',serif;letter-spacing:.34em;line-height:2.25;color:#9a7643;pointer-events:none;text-transform:uppercase}
.jukebox-corner-note span{color:#8d7147}.jukebox-corner-note-left{left:50px}.jukebox-corner-note-left:after{content:"";display:block;width:42px;height:1px;background:#a77f43;margin-top:10px}.jukebox-corner-note-right{right:50px;text-align:right}

.jukebox-screen button:focus-visible,.jukebox-screen input:focus-visible{outline:2px solid #dfc78e;outline-offset:4px}
@keyframes jukebox-turn{to{transform:rotate(360deg)}}
@keyframes jukebox-disc-swap{0%{opacity:.08;transform:translateY(-34px) scale(.86) rotate(-7deg)}48%{opacity:1;transform:translateY(5px) scale(1.018) rotate(.7deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes jukebox-tonearm-swap{0%,100%{transform:rotate(-2deg)}25%,63%{transform:rotate(12deg)}}

@media(max-width:1280px){
  .jukebox-screen{padding:28px 30px 44px}.jukebox-layout{grid-template-columns:minmax(0,2fr) minmax(320px,.82fr);gap:28px}.jukebox-player{grid-template-columns:minmax(390px,1.25fr) minmax(275px,.75fr);gap:30px}.jukebox-art{width:min(530px,100%)}.jukebox-library{padding-left:30px}.jukebox-now h1{font-size:44px}.jukebox-now p{font-size:19px}.jukebox-corner-note{display:none}
}
@media(max-width:980px){
  .jukebox-layout{grid-template-columns:1fr;max-width:840px;align-items:start}.jukebox-player{grid-template-columns:minmax(340px,1fr) minmax(280px,.82fr)}.jukebox-library{border-left:0;border-top:1px solid rgba(202,179,131,.16);padding:36px 0 0}.jukebox-art{width:min(500px,100%)}
}
@media(max-width:720px){
  .jukebox-screen{padding:20px 16px 30px}.jukebox-header{height:44px;margin-bottom:4px}.jukebox-topmark{display:none}.jukebox-player{display:flex;flex-direction:column;padding:0;gap:4px}.jukebox-art{width:min(430px,96vw);margin:0 auto}.jukebox-meta{width:100%;padding-top:8px}.jukebox-now{min-height:0;padding:20px 0 18px;border-top:1px solid rgba(213,173,102,.14)}.jukebox-now h1{font-size:40px;margin-top:18px}.jukebox-now p{font-size:18px}.jukebox-controls{max-width:420px;margin:24px auto 0;width:100%}.jukebox-controls .jukebox-play{width:72px;height:72px}.jukebox-utility-row{max-width:420px;width:100%;margin:10px auto 0}.jukebox-volume input{width:72px}.jukebox-quote{margin-top:26px;font-size:14px}.jukebox-library{padding-top:28px}.jukebox-track{min-height:82px;padding:12px 8px;grid-template-columns:34px minmax(0,1fr) 28px}.jukebox-track:after{left:52px}.jukebox-track strong{font-size:20px}.jukebox-tonearm-pivot{width:56px;height:56px}.jukebox-tonearm-arm{right:22px;top:41px;width:15px}.jukebox-tonearm-head{width:44px;height:30px;bottom:-34px}.jukebox-needle{bottom:-47px}.jukebox-label-title{font-size:9px}.jukebox-label-brand{font-size:8px}.jukebox-label-track{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.jukebox-disc,.jukebox-disc-shell,.jukebox-art.is-swapping .jukebox-tonearm{animation:none}.jukebox-track,.jukebox-controls button{transition:none}}