.setup-page{background:radial-gradient(90vw 80vh at 15% 15%,#ffb30029,#0000 55%),radial-gradient(80vw 70vh at 85% 85%,#00e5ff29,#0000 55%),linear-gradient(#120721 0%,#0a0317 100%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:auto}.setup-halo{filter:blur(60px);opacity:.28;pointer-events:none;border-radius:50%;width:320px;height:320px;position:fixed}.setup-halo-left{background:#ff2d78;top:-80px;left:-120px}.setup-halo-right{background:#00e5ff;bottom:-120px;right:-120px}.setup-jukebox-shell{background:linear-gradient(#281746f2,#140a26f7);border:1px solid #ffffff14;border-radius:28px;width:min(760px,100%);padding:26px;position:relative;box-shadow:0 24px 80px #0000008c,inset 0 1px #fff3,0 0 30px #bf00ff33}.setup-jukebox-shell:before{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:22px;position:absolute;inset:10px}.setup-jukebox-top{text-align:center;margin-bottom:20px}.setup-neon-crown{color:#ffb300;text-shadow:0 0 14px #ffb300cc;font-size:42px}.setup-title{color:#fff;letter-spacing:1px;text-shadow:0 0 24px #bf00ff73;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4.4vw,3rem)}.setup-subtitle{color:#c5b4ee;text-transform:uppercase;letter-spacing:3px;margin:6px 0 0;font-size:.78rem}.setup-progress{gap:12px;margin-bottom:18px;display:flex}.setup-step{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex:1;align-items:center;gap:10px;padding:10px 12px;display:flex}.setup-step span{color:#d5c8f8;background:#ffffff1f;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:700;display:inline-grid}.setup-step label{color:#b7a8dd;font-size:.9rem;font-weight:600}.setup-step.is-active{background:#bf00ff2e;border-color:#bf00ff73;box-shadow:0 0 16px #bf00ff40}.setup-step.is-active span{color:#fff;background:#ff2d78}.setup-step.is-active label{color:#fff}.setup-error{color:#ffcece;background:#5f0e0e73;border:1px solid #ff4c4c99;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:.92rem}.setup-panel{background:linear-gradient(#ffffff0f,#ffffff08);border:1px solid #ffffff17;border-radius:14px;padding:16px}.setup-panel h2{color:#fff;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:1.5rem}.setup-helper{color:#c1b0e5;margin:0 0 12px;font-size:.95rem}.setup-panel label{color:#d8cbf5;letter-spacing:.2px;margin:10px 0 6px;font-size:.88rem;font-weight:600;display:block}.setup-input{color:#fff;background:#080412b8;border:1px solid #fff3;border-radius:10px;outline:none;width:100%;height:42px;padding:10px 12px;font-size:.95rem;transition:border-color .14s,box-shadow .14s}.setup-input:focus{border-color:#00e5ff;box-shadow:0 0 0 3px #00e5ff33}.setup-input::placeholder{color:#f0e7ff73}.setup-grid-2{grid-template-columns:1fr 140px;gap:10px;display:grid}.setup-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.setup-btn{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-size:.92rem;font-weight:700;transition:transform .12s,filter .12s}.setup-btn:disabled{opacity:.6;cursor:not-allowed}.setup-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.setup-btn-primary{color:#fff;background:linear-gradient(135deg,#ff2d78,#bf00ff);box-shadow:0 0 18px #bf00ff73}.setup-btn-ghost{color:#e5dbff;background:#ffffff14;border:1px solid #fff3}@media (width<=760px){.setup-page{padding:12px}.setup-jukebox-shell{border-radius:16px;padding:14px}.setup-jukebox-shell:before{border-radius:11px;inset:7px}.setup-progress{gap:8px}.setup-step{gap:8px;padding:8px}.setup-step label{font-size:.8rem}.setup-grid-2{grid-template-columns:1fr}.setup-actions{flex-direction:column}.setup-btn{width:100%}}:root{--bg-base:#0d0520;--bg-panel:#150a2e;--bg-card:#1c1040;--bg-card-hover:#261558;--neon-primary:#bf00ff;--neon-accent:#ff2d78;--neon-teal:#00e5ff;--neon-amber:#ffb300;--neon-green:#39ff14;--chrome:#c8c8d4;--chrome-bright:#f0f0ff;--chrome-dark:#6a6a80;--wood-dark:#3b1f0a;--wood-mid:#5c2e0d;--wood-light:#8b4513;--text-primary:#f5f0ff;--text-secondary:#a090c0;--text-dim:#5a4a78;--glow-primary:0 0 8px #bf00ff88, 0 0 24px #bf00ff44;--glow-accent:0 0 8px #ff2d7888, 0 0 24px #ff2d7844;--glow-teal:0 0 8px #00e5ff88, 0 0 24px #00e5ff44;--glow-amber:0 0 8px #ffb30088, 0 0 24px #ffb30044;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--font-display:"Georgia", "Times New Roman", serif;--font-body:"Trebuchet MS", "Segoe UI", sans-serif;--font-mono:"Courier New", monospace;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}.kiosk-stage{background:radial-gradient(circle at 50% -10%,#2b124f 0%,#12072b 36%,#080313 100%);height:100vh;padding:22px;position:relative;overflow:hidden}.kiosk-cabinet-shell{pointer-events:none;background:radial-gradient(circle at 50% 0,#7dff3a3d,#0000 38%),radial-gradient(circle at 0 100%,#ff8a2a33,#0000 40%),linear-gradient(160deg,#61280ceb,#291206f0);border-radius:38px;position:absolute;inset:10px;box-shadow:inset 0 0 0 2px #ffb1002e,inset 0 0 60px #00000080,0 18px 48px #0009}.kiosk-cabinet-rim{opacity:.92;filter:drop-shadow(0 0 24px #7dff3a38);pointer-events:none;background:linear-gradient(#1a0735,#1a0735) padding-box padding-box,conic-gradient(from 10deg,#ff9d3b,#95ff4a,#cb4dff,#ff9d3b) border-box;border:10px solid #0000;border-radius:44px;position:absolute;inset:2px}.kiosk-cabinet{z-index:2;border-radius:24px;grid-template-rows:auto 1fr auto;gap:14px;height:100%;padding:14px;display:grid;position:relative}.kiosk-header{background:linear-gradient(#f8faff33,#3b405240),linear-gradient(140deg,#ff9d3b29,#751aad33);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.kiosk-brand-wrap{align-items:center;gap:10px;display:flex}.kiosk-crown{font-size:1.45rem}.kiosk-brand{letter-spacing:.24rem;text-transform:uppercase;font-size:1.15rem;font-family:var(--font-display);color:var(--chrome-bright);text-shadow:0 0 16px #ff8a2a73}.kiosk-header-actions{align-items:center;gap:8px;display:flex}.kiosk-main-grid{grid-template-columns:clamp(260px,26vw,440px) minmax(0,1fr);gap:14px;min-height:0;display:grid}.kiosk-now-playing,.kiosk-browser{background:linear-gradient(#ffffff08,#fff0),linear-gradient(145deg,#1d0e36f5,#0f081ef5);border-radius:18px;min-height:0}.kiosk-now-playing{overflow:hidden;box-shadow:inset 0 0 0 1px #ff8a2a42,inset 0 0 40px #00000061}.kiosk-browser{flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #7dff3a2e,inset 0 0 44px #0000006b}.kiosk-tabbar{border-bottom:1px solid #ffffff17;gap:10px;padding:12px 14px;display:flex}.kiosk-pill{cursor:pointer;letter-spacing:.03em;color:#ffe9d8;transition:transform var(--transition-fast), filter var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(#ffc48ce6,#ef5d16e0);border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff6b,0 0 0 1px #ff964a85,0 6px 16px #ff7b0038}.kiosk-pill:hover{filter:brightness(1.08);transform:translateY(-1px)}.kiosk-pill.is-active{color:#f6fff2;background:linear-gradient(#b6ff78f2,#41b019eb);box-shadow:inset 0 1px #ffffff7a,0 0 0 1px #7bff3d99,0 0 16px #7bff3d73}.kiosk-browser-content{flex:1;min-height:0;display:flex;overflow:hidden}.kiosk-footer{justify-content:center;align-items:center;padding:4px 0;display:flex}@media (width<=1200px){.kiosk-main-grid{grid-template-columns:clamp(240px,24vw,360px) minmax(0,1fr)}}@media (width<=980px){.kiosk-main-grid{grid-template-rows:56vh minmax(0,1fr);grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;height:100%;font-size:16px}body{background-color:var(--bg-base);height:100%;color:var(--text-primary);font-family:var(--font-body);overflow:hidden}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--neon-primary);border-radius:3px}.neon-text-primary{color:var(--neon-primary);text-shadow:var(--glow-primary)}.neon-text-accent{color:var(--neon-accent);text-shadow:var(--glow-accent)}.neon-text-teal{color:var(--neon-teal);text-shadow:var(--glow-teal)}.neon-text-amber{color:var(--neon-amber);text-shadow:var(--glow-amber)}.chrome-border{border:1px solid var(--chrome-dark);box-shadow:inset 0 1px 0 var(--chrome-bright), 0 1px 0 #00000080}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);background:#150a2ed9;border:1px solid #bf00ff33}.btn{border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--neon-primary), #7e2bff);color:#fff;box-shadow:var(--glow-primary)}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-primary:active{filter:brightness(.95);transform:translateY(0)}.btn-accent{background:linear-gradient(135deg, var(--neon-accent), #cc002a);color:#fff;box-shadow:var(--glow-accent)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--text-dim);background:0 0}.btn-ghost:hover{border-color:var(--neon-green);color:var(--neon-green)}.btn-icon{border-radius:50%;padding:10px}.btn:disabled{opacity:.4;cursor:not-allowed;filter:none!important;transform:none!important}.btn-party{color:#fff;letter-spacing:2px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#8cff37,#ff8c00,#b900ff);padding:16px 32px;font-size:1.2rem;font-weight:800;animation:2s ease-in-out infinite party-pulse;box-shadow:0 0 20px #95ff4a99,0 0 40px #ff8c0077,inset 0 1px #ffffff4d}@keyframes party-pulse{0%,to{box-shadow:0 0 20px #95ff4a88,0 0 40px #ff8c0066}50%{box-shadow:0 0 32px #95ff4acc,0 0 64px #b900ff66}}@keyframes spin-vinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:2s linear infinite spin-vinyl}.progress-bar{background:var(--bg-card);border-radius:2px;height:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--neon-primary), var(--neon-accent));height:100%;box-shadow:var(--glow-primary);border-radius:2px;transition:width .5s linear}.cover-placeholder{background:linear-gradient(135deg, var(--wood-dark), var(--bg-base));color:var(--text-dim);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.marquee-wrap{white-space:nowrap;overflow:hidden}.marquee-inner{animation:12s linear infinite marquee;display:inline-block}.marquee-inner:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes led-scroll{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.party-overlay{z-index:1000;cursor:pointer;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes neon-blink{0%,to{opacity:1}45%{opacity:1}50%{opacity:.2}55%{opacity:1}}.neon-blink{animation:1.5s step-end infinite neon-blink}.input{background:var(--bg-card);border:1px solid var(--text-dim);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast);outline:none;padding:12px 16px;font-size:1rem}.input:focus{border-color:var(--neon-primary);box-shadow:0 0 0 2px #bf00ff33}.input::placeholder{color:var(--text-dim)}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--neon-primary);background:#bf00ff33;border:1px solid #bf00ff66}.badge-accent{color:var(--neon-accent);background:#ff2d7833;border:1px solid #ff2d7866}.badge-amber{color:var(--neon-amber);background:#ffb30033;border:1px solid #ffb30066}.retro-dial-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:18px;display:grid}.retro-dial-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.retro-dial{--dial-accent:#c14dff;width:118px;height:118px;box-shadow:inset 0 2px 6px #ffffff52, inset 0 -10px 18px #00000073, 0 10px 24px #00000059, 0 0 16px color-mix(in srgb, var(--dial-accent) 35%, transparent);cursor:grab;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 30% 30%,#ffffff40,#ffffff05 28%),linear-gradient(145deg,#80859a,#232738 48%,#0d0f17 100%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.retro-dial:focus-visible{outline:2px solid var(--dial-accent);outline-offset:4px}.retro-dial-scale,.retro-dial-face,.retro-dial-indicator,.retro-dial-cap{position:absolute}.retro-dial-scale{opacity:.5;background:repeating-conic-gradient(from -135deg,#ffffff8c 0deg 2deg,#0000 2deg 15deg),radial-gradient(circle,#0000 60%,#00000059 61%);border-radius:50%;inset:10px}.retro-dial-face{background:radial-gradient(circle at 35% 30%,#ffffff2e,#0000 28%),linear-gradient(#353949,#11131c);border-radius:50%;inset:18px;box-shadow:inset 0 1px 2px #ffffff38,inset 0 -6px 12px #0006}.retro-dial-indicator{transform-origin:50% calc(100% - 4px);background:linear-gradient(180deg, #fff8d5, var(--dial-accent));width:6px;height:34px;box-shadow:0 0 10px color-mix(in srgb, var(--dial-accent) 50%, transparent);border-radius:999px;bottom:50%;left:50%}.retro-dial-cap{background:linear-gradient(#f6f6ff,#8a8fa4 55%,#1b1f2b);border-radius:50%;width:18px;height:18px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #fff9,0 0 10px #0006}.retro-dial-label{color:var(--chrome-bright);letter-spacing:.04em;text-transform:uppercase;font-size:.86rem;font-weight:700}.retro-dial-value{color:var(--neon-amber);text-shadow:0 0 10px #ff9d3b59;font-size:.86rem}.retro-push-button{color:var(--chrome-bright);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#4a4f63,#141722 55%,#090b12);border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:12px 18px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff47,0 8px 18px #00000059}.retro-push-button.is-active{border-color:#8cff378c;box-shadow:inset 0 1px #ffffff47,0 0 18px #8cff3747,0 8px 18px #00000059}.retro-push-lamp{background:#5e2432;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 1px 2px #ffffff2e,inset 0 -2px 4px #0006}.retro-push-button.is-active .retro-push-lamp{background:#8cff37;box-shadow:0 0 12px #8cff37a6,inset 0 1px 2px #ffffff4d}@media (width<=860px){.retro-dial-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}