:root{color:#f4e7c4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--cabinet-dark:#170f0d;--cabinet-mid:#472b1f;--cabinet-light:#835132;--trim:#c49e5c57;--trim-bright:#ffdf988a;--amber:#dc8f34;--amber-bright:#ffe49a;--cream:#efe4bf;--cream-dark:#c8b77d;--text-main:#f7edd9;--text-soft:#cbb79a;--panel-dark:#120c0af5;--panel-warm:#3a2118fa;--metal-shadow:inset 0 1px 0 #ffefce0f, inset 0 -1px 0 #00000061;--shadow:0 30px 90px #00000085;background:radial-gradient(circle at top,#ffb85c2e,#0000 24%),radial-gradient(circle at 20% 20%,#ff783014,#0000 22%),linear-gradient(#392117 0%,#1a100d 46%,#090707 100%);font-family:Trebuchet MS,Gill Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(#00000059,#0000 72%);mask-image:linear-gradient(#00000059,#0000 72%)}body:after{background:radial-gradient(circle,#0000 48%,#00000085)}button,input{font:inherit}button{cursor:pointer}#root{width:min(1480px,100% - 28px);height:100vh;margin:0 auto}.app-shell{height:100%;padding:10px 0}.jukebox-shell{background:linear-gradient(180deg, #70432af5, #1f130efe), var(--cabinet-dark);height:100%;box-shadow:var(--shadow), inset 0 0 0 1px #ffe7b70f, inset 0 18px 48px #ffad550f;border:4px solid #8c663d75;border-radius:48px 48px 24px 24px;grid-template-rows:auto minmax(0,1fr) auto auto;gap:16px;padding:16px 16px 0;display:grid;position:relative;overflow:hidden}.jukebox-shell-live:before{background:linear-gradient(#ffecbe09,#0000),radial-gradient(circle at 50% 0,#ffb54814,#0000 56%)}.jukebox-shell:before{content:"";background:linear-gradient(#ffecbe06,#0000);border:1px solid #ffe1a50f;border-radius:34px 34px 16px 16px;height:200px;position:absolute;inset:12px 12px auto}.topbar-panel,.dashboard-panel,.player-panel,.strip-panel,.service-bar{border:1px solid var(--trim);box-shadow:inset 0 0 0 1px #ffebbf0a}.topbar-panel{background:linear-gradient(#40251afa,#170f0cfe),linear-gradient(90deg,#ffd48d05,#ffd48d00);border-radius:30px;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.hero-title{letter-spacing:.03em;color:var(--text-main);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,3vw,2.5rem)}.topbar-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.jukebox-dashboard{grid-template:"player library"minmax(0,1fr)/minmax(360px,.92fr) minmax(460px,1.08fr);align-items:start;gap:16px;min-height:0;display:grid;overflow:hidden}.dashboard-panel{background:linear-gradient(#3f261dfc,#140f0cfe),linear-gradient(#ffd6780a,#0000 26%);border-radius:30px;min-height:0;overflow:hidden}.library-panel{grid-area:library;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;padding:16px;display:grid;overflow:hidden}.player-hero-panel{grid-area:player;grid-template-rows:auto auto;align-content:start;gap:18px;padding:18px;display:grid}.selector-arcade-panel{grid-area:selector;padding:16px}.library-headline{margin-bottom:10px}.library-top{z-index:2;background:linear-gradient(#3f261dfe 0% 84%,#3f261d00);gap:0;padding-bottom:12px;display:grid;position:sticky;top:0}.panel-headline{justify-content:space-between;align-items:start;gap:14px;margin-bottom:14px;display:flex}.panel-headline h2{color:var(--text-main);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,2vw,1.7rem)}.compact-headline{margin-bottom:12px}.panel-counter{min-width:56px;min-height:36px;color:var(--amber-bright);letter-spacing:.16em;background:linear-gradient(#120c0afa,#2b1813fa);border:1px solid #ffd67c2e;border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.library-scroll,.queue-stack{gap:10px;min-height:0;padding-right:4px;display:grid;overflow:auto}.library-scroll{align-content:start;height:100%;min-height:0}.library-tools{align-content:start;gap:10px;margin-bottom:14px;display:grid}.search-shell{gap:8px;display:grid}.search-shell-label{letter-spacing:.18em;text-transform:uppercase;color:#ffe4aab3;font-size:.7rem;font-weight:800}.search-input{width:100%;min-height:52px;color:var(--text-main);background:linear-gradient(#0c0908f5,#2b1813fa);border:1px solid #c29b5838;border-radius:999px;padding:0 18px;box-shadow:inset 0 1px #ffebc30a}.search-input::placeholder{color:#d7c39d94}.library-note{font-size:.84rem}.recent-strip{grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;align-items:stretch;gap:10px;margin:0 0 10px;padding:2px 4px 12px 0;display:grid;overflow:auto hidden}.recent-strip::-webkit-scrollbar{height:10px}.queue-dock::-webkit-scrollbar{height:10px}.recent-strip::-webkit-scrollbar-thumb{background:#c29b5866;border-radius:999px}.queue-dock::-webkit-scrollbar-thumb{background:#c29b5866;border-radius:999px}.recent-chip{min-height:88px;color:var(--text-main);text-align:left;background:linear-gradient(#fff3d60f,#fff3d605);border:1px solid #c29b582e;border-radius:18px;align-content:start;gap:4px;padding:12px 14px;display:grid}.recent-chip strong{color:var(--amber-bright);letter-spacing:.18em;font-size:.75rem}.recent-chip span{font-weight:700}.library-scroll::-webkit-scrollbar{width:10px}.queue-stack::-webkit-scrollbar{width:10px}.library-scroll::-webkit-scrollbar-thumb{background:#c29b5866;border-radius:999px}.queue-stack::-webkit-scrollbar-thumb{background:#c29b5866;border-radius:999px}.player-hero-stage{grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);align-items:start;gap:18px;height:100%;min-height:0;display:grid}.hero-turntable-bay{align-items:start;min-height:0;display:grid}.hero-copy{grid-template-rows:auto auto auto auto 1fr auto;align-content:start;gap:14px;min-height:0;display:grid}.hero-headline{margin-bottom:0}.hero-artist{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin:-8px 0 0;font-size:.95rem}.status-card{background:linear-gradient(#fff3d60a,#fff3d604);border:1px solid #c29b581f;border-radius:20px}.hero-progress-card{margin-top:2px}.hero-transport-row{background:0 0;padding-top:0;position:static}.crown-wing{border:1px solid var(--trim);height:100%;min-height:0;box-shadow:var(--metal-shadow);background:linear-gradient(#583222d1,#17100deb),linear-gradient(#ffcc7a08,#0000);border-radius:24px 24px 14px 14px;position:relative;overflow:hidden}.crown-wing:before{content:"";background:linear-gradient(#ffe4a614,#ffa84a05 36%,#0000002e 100%);border-radius:16px;position:absolute;inset:10px}.crown-lights{background:repeating-linear-gradient(90deg,#461f14d9 0 8px,#ffb84d14 8px 17px),radial-gradient(circle,#ffe8906b,#ff8f2338 46%,#0000 70%);border-radius:16px;position:absolute;inset:10px}.song-wing{grid-template-rows:auto minmax(0,1fr);gap:12px;height:100%;min-height:0;padding:12px;display:grid}.song-wing:before,.song-wing .crown-lights{display:none}.wing-header{color:var(--text-main);justify-content:space-between;align-items:center;gap:10px;padding:0 4px;display:flex}.wing-header strong{letter-spacing:.16em;text-transform:uppercase;color:#ffefd0eb;font-size:.82rem}.wing-scroll{align-content:start;gap:10px;height:100%;min-height:0;max-height:100%;padding:2px 6px 2px 0;display:grid;overflow:hidden auto}.wing-scroll::-webkit-scrollbar{width:8px}.wing-scroll::-webkit-scrollbar-thumb{background:#c29b5861;border-radius:999px}.wing-strip{color:#24150e;text-align:left;background:linear-gradient(#f5edcdfa,#e5d6a2fc);border:1px solid #d0b0705c;border-radius:14px;grid-template-columns:50px 1fr;align-items:center;gap:10px;width:100%;padding:10px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 10px 22px #0000001f}.song-row{grid-template-columns:minmax(0,1fr) 54px;align-items:stretch;gap:10px;display:grid}.row-queue-button{min-height:100%;color:var(--amber-bright);background:linear-gradient(#291812fa,#4a2b1ef5);border:1px solid #c29b5838;border-radius:16px;font-size:1.5rem;font-weight:800;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:inset 0 1px #ffebc40a}.row-queue-button:hover{border-color:#ffdc8bad;transform:translateY(-1px)}.wing-strip:hover{border-color:#ffdd9194;transform:translateY(-1px);box-shadow:0 14px 26px #00000029}.wing-strip-current{border-color:#ffdc80c7;box-shadow:0 0 0 1px #ffde929e,0 16px 28px #0000002e}.wing-strip:nth-child(3n+2){background:linear-gradient(#f4dce0fc,#e3c0c7fc)}.wing-strip:nth-child(3n+3){background:linear-gradient(#e0efddfc,#c2debffc)}.wing-strip-code{min-height:52px;color:var(--amber-bright);letter-spacing:.08em;background:linear-gradient(#543021fa,#1c120efc);border-radius:11px;place-items:center;font-size:.88rem;font-weight:800;display:grid;box-shadow:inset 0 1px #ffefc314}.wing-strip-copy{gap:4px;display:grid}.wing-strip-title{text-transform:uppercase;letter-spacing:.03em;font-size:.9rem;font-weight:800;line-height:1.08}.wing-strip-artist{text-transform:uppercase;letter-spacing:.12em;color:#4e433a;background:linear-gradient(#f7f9fceb,#dfe1e6f0);border:1px solid #726c5f3d;justify-self:start;padding:3px 8px;font-size:.64rem;font-weight:700}.wing-strip-action{letter-spacing:.12em;text-transform:uppercase;color:#4e433ab8;font-size:.62rem;font-weight:700}.selector-panel{clip-path:polygon(8% 0,92% 0,100% 16%,100% 100%,0 100%,0 16%);border:1px solid var(--trim);min-height:140px;box-shadow:var(--metal-shadow);background:linear-gradient(#4b2b1efc,#160e0cfe),radial-gradient(circle at top,#ffbc5814,#0000 40%);border-radius:0 0 22px 22px;gap:12px;padding:14px;display:grid}.queue-dock{grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;padding-bottom:4px;display:grid;overflow:auto hidden}.player-queue-section{border-top:1px solid #c29b5824;gap:10px;padding-top:2px;display:grid}.player-queue-headline{margin-bottom:0}.player-queue-dock{grid-auto-columns:minmax(180px,1fr)}.queue-dock-card{min-height:76px;color:var(--text-main);text-align:left;background:linear-gradient(#160e0cfa,#341d17fa);border:1px solid #c29b5829;border-radius:18px;grid-template-columns:56px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.queue-dock-card-code{color:#30190d;letter-spacing:.12em;background:linear-gradient(#ffd983 0%,#ca7a27 100%);border-radius:12px;place-items:center;min-height:52px;font-weight:800;display:grid}.queue-dock-card-copy{gap:4px;display:grid}.queue-dock-card-title{font-weight:800;line-height:1.08}.queue-dock-card-artist{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:.73rem}.queue-dock-card-action{letter-spacing:.12em;text-transform:uppercase;color:#ffe4aaa6;font-size:.65rem}.selector-arcade-panel .selection-form{gap:12px}.selector-readouts-arcade{margin-bottom:10px}.arcade-pad{gap:12px}.arcade-letters{grid-template-columns:repeat(auto-fit,minmax(42px,1fr))}.arcade-numbers{grid-template-columns:repeat(9,minmax(0,1fr))}.selector-readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.selector-screen{color:var(--amber-bright);background:linear-gradient(#0e0a08fc,#231410fc);border:1px solid #ffd67c38;border-radius:14px;padding:12px 14px;box-shadow:inset 0 1px #ffecc30f}.selector-screen strong{letter-spacing:.14em;font-size:1.85rem;display:block}.selector-label,.panel-label{letter-spacing:.24em;text-transform:uppercase;color:#ffe4aac2;margin:0 0 7px;font-size:.68rem;display:block}.selection-form{gap:8px;display:grid}.selection-entry{grid-template-columns:1fr 120px;gap:10px;display:grid}.selection-input,.service-input{width:100%;color:var(--text-main);background:linear-gradient(#0c0908f5,#2b1813fa);border:1px solid #c29b5838;border-radius:999px;padding:14px 18px;box-shadow:inset 0 1px #ffebc30a}.selection-input{letter-spacing:.18em;text-transform:uppercase;text-align:center;place-items:center;min-height:54px;font-size:1.2rem;display:grid}.selection-input::placeholder,.service-input::placeholder{color:#d7c39d94}.selector-button,.transport-button,.service-button{color:var(--text-main);background:linear-gradient(#563122f0,#20130ffa);border:1px solid #c29b5842;border-radius:999px;font-weight:700;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:inset 0 1px #ffebc40d}.selector-button:hover,.transport-button:hover,.service-button:hover,.strip-card:hover,.selector-key:hover{border-color:#ffdc8bad;transform:translateY(-1px)}.selection-pad{gap:10px;display:grid}.selection-pad-group{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:8px;display:grid}.selection-pad-group-numbers{grid-template-columns:repeat(9,minmax(0,1fr))}.selector-key{color:#28170f;background:linear-gradient(#ece5d6f5,#ae9e8eeb);border:1px solid #c29b5842;border-radius:14px;min-height:46px;font-size:1rem;font-weight:800;transition:transform .18s,border-color .18s,box-shadow .18s}.selector-key-active{background:linear-gradient(#ffd983 0%,#ca7a27 100%);box-shadow:0 0 18px #ffc1482e}.status-banner{color:var(--text-main);background:linear-gradient(#1a110ef5,#361f18fa);border:1px solid #c29b5829;border-radius:18px;margin:0;padding:11px 13px;line-height:1.35}.player-panel,.service-bar{background:linear-gradient(#43271cfa,#18100dfe)}.player-panel{min-height:0;box-shadow:var(--metal-shadow);border-radius:24px;align-content:stretch;gap:14px;padding:18px;display:grid;overflow:hidden auto}.player-panel::-webkit-scrollbar{width:10px}.player-panel::-webkit-scrollbar-thumb{background:#c29b5866;border-radius:999px}.player-stage{grid-template-rows:auto auto;gap:14px;min-height:0;display:grid}.turntable-bay{background:radial-gradient(circle at top,#ffbd551f,#0000 34%),linear-gradient(#120c0ad1,#2d1812eb);border:1px solid #c29b581f;border-radius:22px;place-items:center;padding:14px 10px 10px;display:grid;box-shadow:inset 0 1px #ffecc30a}.record-frame{aspect-ratio:1;background:radial-gradient(circle,#f1e1aefa 0 8%,#150c09f5 9% 16%,#0a0706 17% 38%,#ffab3c42 39% 43%,#0a0706 44% 100%);border:12px solid #d07d2729;border-radius:50%;place-items:center;width:min(100%,clamp(190px,19vw,250px));margin:0 auto;display:grid;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #fff2c70f,0 24px 42px #00000061}.record-frame:after{content:"";pointer-events:none;background:radial-gradient(circle at 32% 28%,#ffffff1a,#0000 30%);border-radius:50%;position:absolute;inset:16px}.record-frame-active:after{opacity:.85}.jukebox-shell-live .record-frame{box-shadow:inset 0 0 0 1px #fff2c70f,0 24px 42px #00000061,0 0 28px #ffb03e14}.cover-art{aspect-ratio:1;object-fit:cover;filter:drop-shadow(0 12px 22px #00000059)saturate(.92)brightness(.94);will-change:transform;border:0;border-radius:50%;width:84%;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .3s;transform:rotate(-18deg)scale(.985)}.cover-art-spinning{filter:drop-shadow(0 15px 24px #00000061)saturate(1.04)brightness(1.02);animation:2.8s linear infinite spin-record;transform:rotate(0)scale(1.01)}.tonearm{transform-origin:calc(100% - 8px);background:linear-gradient(#dbd9d3eb,#766f67eb);border-radius:999px;width:88px;height:10px;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .24s;position:absolute;top:16px;right:22px;transform:rotate(-31deg);box-shadow:0 5px 14px #00000042,inset 0 1px #fff6}.tonearm:before{content:"";background:radial-gradient(circle at 35% 35%,#fbf4de,#947a57 62%,#34241c 100%);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;right:-7px;transform:translateY(-50%);box-shadow:0 0 0 3px #2a1b1480}.tonearm:after{content:"";background:#52453be6;border-radius:999px;width:14px;height:3px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.tonearm-active{transform:rotate(-6deg);box-shadow:0 8px 18px #0000004d,inset 0 1px #ffffff6b}.tonearm-head{background:linear-gradient(#4a392ffa,#1a120efa);border-radius:8px 8px 12px 12px;width:20px;height:20px;position:absolute;top:50%;left:-3px;transform:translateY(-50%)rotate(8deg);box-shadow:inset 0 1px #ffeeca1f}.tonearm-head:after{content:"";background:linear-gradient(90deg,#f7d88a,#b8672a);border-radius:999px;width:12px;height:4px;position:absolute;bottom:3px;left:3px}.playback-stack{align-content:start;gap:12px;min-height:0;padding-bottom:6px;display:grid}.now-playing h2,.strip-header h1{color:var(--text-main);letter-spacing:.02em;margin:0;font-family:Georgia,Times New Roman,serif}.now-playing h2{font-size:clamp(1.55rem,2.4vw,2.15rem);line-height:1.04}.now-playing{gap:6px;display:grid}.playback-marquee{background:linear-gradient(#140d0ae6,#2e1a13eb);border:1px solid #c29b581f;border-radius:999px;min-height:34px;position:relative;overflow:hidden}.playback-marquee:after{content:"";pointer-events:none;background:linear-gradient(90deg,#190f0cfa,#0000 10% 90%,#190f0cfa);position:absolute;inset:0}.playback-marquee-track{color:#ffe0a2bd;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:40px;min-width:max-content;padding:8px 0;font-size:.7rem;font-weight:800;display:inline-flex}.playback-marquee-track span{white-space:nowrap}.playback-marquee-track-active{animation:18s linear infinite marquee-scroll}.now-playing-top,.playback-meta-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.playback-lamp,.selection-chip,.playback-queue-count{letter-spacing:.14em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:.68rem;font-weight:800;display:inline-flex}.playback-lamp{color:var(--text-soft);background:#fff3d60d;border:1px solid #c29b5824}.playback-lamp-active{color:var(--amber-bright);background:linear-gradient(#ffdc842e,#ca792833);box-shadow:0 0 18px #ffba4a1f}.selection-chip{color:var(--amber-bright);background:linear-gradient(#140c0afa,#2e1a13fa);border:1px solid #c29b5829}.playback-queue-count{color:var(--text-soft);background:#fff3d60a;border:1px solid #c29b581a}.now-playing p,.empty-state,.service-note,.strip-instruction,.strip-artist{color:var(--text-soft);margin:0}.progress-card{background:linear-gradient(#fff3d60b,#fff3d605);border:1px solid #c29b581f;border-radius:18px;padding:14px 16px}.progress-track{background:#fff1cc14;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--amber), var(--amber-bright));height:100%}.jukebox-shell-live .progress-fill{box-shadow:0 0 16px #ffba4a42}.progress-slider{accent-color:#dc8f34;cursor:pointer;width:100%;margin-top:12px}.progress-slider:disabled{cursor:not-allowed;opacity:.45}.time-row{color:var(--text-soft);justify-content:space-between;gap:10px;margin-top:10px;font-size:.82rem;display:flex}.transport-row{background:linear-gradient(#18100d00,#18100deb 34%,#18100dfa);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:10px;display:grid;position:sticky;bottom:0}.mini-status-button,.modal-close{min-height:42px;color:var(--text-main);background:linear-gradient(#291812fa,#4a2b1ef5);border:1px solid #c29b5838;border-radius:999px;font-weight:700;box-shadow:inset 0 1px #ffebc40a}.transport-button,.service-button,.selector-button{min-height:48px;padding:0 16px}.transport-button-main,.service-button-primary{color:#30190d;background:linear-gradient(#ffd47d 0%,#cb7928 100%);border-color:#ffe3a3a6}.transport-button-active{color:#30190d;background:linear-gradient(#ffd47df5,#cb7928fa);border-color:#ffe3a3a6;box-shadow:inset 0 1px #fff4d680,0 0 16px #ffb13e29}.queue-list{gap:8px;display:grid}.queue-chip{text-align:left;background:linear-gradient(#fff3d60d,#fff3d605);border:1px solid #c29b5824;border-radius:16px;grid-template-columns:56px 1fr;align-items:center;gap:12px;padding:10px 12px;transition:transform .18s,border-color .18s;display:grid}.queue-chip:hover{border-color:#ffdc8b85;transform:translateY(-1px)}.queue-chip strong{min-height:36px;color:var(--amber-bright);background:linear-gradient(#1d100cfa,#442318fa);border-radius:10px;place-items:center;display:grid}.queue-chip span{color:var(--text-main);font-size:1rem;font-weight:700}.modal-list::-webkit-scrollbar{width:10px}.wing-scroll::-webkit-scrollbar{width:10px}.modal-list::-webkit-scrollbar-thumb{background:#c29b5866;border-radius:999px}.wing-scroll::-webkit-scrollbar-thumb{background:#c29b5866;border-radius:999px}.service-bar{border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:12px 16px;display:flex}.service-bar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.service-controls{flex:1;grid-template-columns:repeat(3,minmax(0,auto));align-items:center;gap:10px;display:grid}.service-controls-modal{grid-template-columns:1fr}.service-input{min-width:280px}.pedestal-lights{grid-template-columns:1fr 1.1fr 1fr;gap:14px;margin:0 36px 12px;padding-bottom:0;display:grid}.pedestal-panel{clip-path:polygon(10% 0,100% 0,88% 100%,0 100%);border:1px solid var(--trim);background:linear-gradient(#382219fa,#110c0afe);border-radius:14px;min-height:82px;position:relative;overflow:hidden}.pedestal-panel:before{content:"";background:repeating-linear-gradient(90deg,#3c1911e0 0 8px,#ffb43f17 8px 18px),radial-gradient(circle,#ffe27e70,#ff8b293d 48%,#0000 70%);border-radius:10px;position:absolute;inset:10px}.jukebox-shell-live .pedestal-panel:before{animation:2.4s ease-in-out infinite cabinet-pulse}.jukebox-shell-live .pedestal-panel-center:before{animation-delay:.28s}.jukebox-shell-live .pedestal-panel-right:before{animation-delay:.56s}.pedestal-panel-center{clip-path:polygon(5% 0,95% 0,84% 100%,16% 100%)}.pedestal-panel-right{clip-path:polygon(0 0,90% 0,100% 100%,12% 100%)}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#0a0605b8;position:absolute;inset:0}.modal-panel{z-index:21;border:1px solid var(--trim-bright);box-shadow:var(--shadow);background:linear-gradient(#3f261dfc,#140f0cfe);border-radius:26px;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:18px;display:grid;position:absolute;inset:90px 26px 110px}.modal-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.modal-header h2{color:var(--text-main);margin:0;font-family:Georgia,Times New Roman,serif}.modal-list{min-height:0;padding-right:4px;overflow:auto}@keyframes spin-record{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 20px))}}@keyframes cabinet-pulse{0%{opacity:.72;filter:saturate(.92)brightness(.92)}50%{opacity:1;filter:saturate(1.08)brightness(1.08)}to{opacity:.72;filter:saturate(.92)brightness(.92)}}@keyframes selected-strip-pulse{0%{transform:scale(.985);box-shadow:inset 0 -12px 18px #0000000f,0 0 #ffb92f00}65%{transform:scale(1.01);box-shadow:inset 0 -12px 18px #0000000f,0 0 20px #ffb92f38}to{transform:scale(1);box-shadow:inset 0 -12px 18px #0000000f,0 0 18px #ffb92f24}}@media (width<=1180px){.jukebox-dashboard{grid-template:"player""library"/1fr;overflow:visible}.player-hero-stage{grid-template-columns:minmax(0,180px) minmax(0,1fr)}}@media (width<=980px){#root{width:min(100%,100% - 18px);height:auto;min-height:100vh}body{overflow:auto}.app-shell{height:auto}.jukebox-shell{grid-template-rows:auto;height:auto;padding:12px 12px 18px;display:grid;overflow:visible}.service-bar,.pedestal-lights{flex-direction:column;grid-template-columns:1fr}.topbar-panel{display:none}.service-bar{align-items:stretch}.service-bar-actions{justify-content:stretch;width:100%}.service-bar-actions .mini-status-button{flex:1}.service-controls{grid-template-columns:1fr;width:100%}.jukebox-dashboard{grid-template:"player""library"/1fr;overflow:visible}.jukebox-shell{gap:12px}.library-panel{max-height:none}.player-hero-stage{grid-template-columns:1fr}.player-hero-panel{grid-template-rows:auto auto}.library-top{background:0 0;padding-bottom:8px;position:static}.hero-turntable-bay{min-height:220px}.service-input{min-width:0}.pedestal-lights{margin-left:0;margin-right:0;display:grid}.modal-panel{position:fixed;inset:20px 12px}.pedestal-panel,.pedestal-panel-center,.pedestal-panel-right{clip-path:none}}@media (width<=700px){.topbar-meta{justify-content:flex-start;width:100%}.playback-meta-row,.now-playing-top{flex-direction:column;align-items:flex-start}.transport-row{grid-template-columns:repeat(3,minmax(0,1fr))}.player-hero-panel,.library-panel{padding:14px}.song-row{grid-template-columns:minmax(0,1fr) 48px}.queue-dock{grid-auto-columns:minmax(180px,82vw)}}