.guest-app{--guest-bg:#121212;--guest-panel:#1a1a1a;--guest-card:#1e1e1e;--guest-border:#2a2a2a;--guest-text:#fff;--guest-muted:#999;--guest-accent:#ff6b35;--guest-ok:#8fdfb0;-webkit-font-smoothing:antialiased;background:var(--guest-bg);color:var(--guest-text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100%;width:100%}.guest-app *{box-sizing:border-box}.guest-shell{display:flex;flex-direction:column;margin:0 auto;max-width:520px;min-height:100vh;padding-bottom:72px}.guest-header{align-items:center;background:var(--guest-panel);border-bottom:1px solid #ff6b3559;display:flex;gap:12px;justify-content:space-between;padding:16px 18px 14px;position:sticky;top:0;z-index:20}.guest-header h1{font-size:1.35rem;font-weight:800;letter-spacing:.2px;margin:0}.guest-hint{color:#ffffff73;font-size:.72rem;margin:4px 0 0;word-break:break-all}.guest-chip{background:#ff6b3533;border:1px solid #ff6b3573;border-radius:999px;font-size:.9rem;padding:7px 12px}.guest-btn,.guest-chip{color:#fff;font-weight:700}.guest-btn{appearance:none;background:var(--guest-accent);border:none;border-radius:12px;cursor:pointer;font-size:.95rem;padding:12px 16px}.guest-btn:disabled{cursor:not-allowed;opacity:.55}.guest-btn-ghost{background:#0000;border:1px solid #444;color:#ccc}.guest-btn-block{width:100%}.guest-btn-secondary{background:#c44e22}.guest-banner{background:#161616;color:#bbb;font-size:.8rem;padding:8px 16px;text-align:center}.guest-now{background:#ff6b351f;border:1px solid #ff6b354d;border-radius:12px;margin:12px 16px 0;padding:12px}.guest-now-label{color:var(--guest-accent);font-size:.65rem;font-weight:800;letter-spacing:1px;margin-bottom:4px}.guest-now-title{font-size:1rem;font-weight:700}.guest-now-artist{color:#aaa;font-size:.85rem;margin-top:2px}.guest-search{background:#2a2a2a;border:1px solid #333;border-radius:12px;color:#fff;font-size:1rem;margin:12px 16px;padding:12px 14px;width:calc(100% - 32px)}.guest-search:focus{border-color:var(--guest-accent);outline:2px solid #ff6b3573}.guest-list{display:flex;flex-direction:column;gap:10px;padding:0 16px 24px}.guest-row{align-items:center;background:var(--guest-card);border:1px solid var(--guest-border);border-radius:12px;color:inherit;cursor:pointer;display:flex;gap:10px;padding:12px;text-align:left;width:100%}.guest-row.played{background:#78dca014;border-color:#78dca040;opacity:.92}.guest-row-main{flex:1 1;min-width:0}.guest-row-title{align-items:center;display:flex;flex-wrap:wrap;font-weight:600;gap:6px}.guest-row-title span:first-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-row-artist{color:#888;font-size:.88rem;margin-top:3px}.guest-badge{border:1px solid;border-radius:4px;font-size:.62rem;font-weight:800;letter-spacing:.5px;padding:2px 6px}.guest-badge-live{background:#ff505038;border-color:#ff7878a6;color:#ff8a80}.guest-badge-played{background:#78dca02e;border-color:#78dca073;color:var(--guest-ok)}.guest-badge-status{background:#ffffff14;border-color:#ffffff26;color:#ccc}.guest-badge-playing{background:#ff6b3533;border-color:#ff6b3580;color:#ffc3a8}.guest-plus{background:var(--guest-accent);border:none;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.4rem;font-weight:700;height:40px;width:40px}.guest-nav{grid-gap:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121212f5;border-top:1px solid #2a2a2a;bottom:0;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);left:0;margin:0 auto;max-width:520px;padding:8px 10px calc(8px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:30}.guest-nav button{appearance:none;background:#0000;border:none;color:#888;cursor:pointer;font-size:.72rem;font-weight:700;padding:8px 4px}.guest-nav button.active{color:var(--guest-accent)}.guest-nav .nav-icon{display:block;font-size:1.15rem;margin-bottom:2px}.guest-panel{padding:18px 16px 24px}.guest-panel h2{font-size:1.4rem;margin:0 0 8px}.guest-muted{color:var(--guest-muted);font-size:.9rem;margin:0 0 16px}.guest-form{display:flex;flex-direction:column;gap:10px}.guest-form input{background:#2a2a2a;border:1px solid #333;border-radius:12px;color:#fff;font-size:1rem;padding:12px 14px;width:100%}.guest-form input:focus{border-color:var(--guest-accent);outline:2px solid #ff6b3573}.guest-error{color:#ff8a80;font-size:.88rem;margin:0}.guest-success{color:var(--guest-ok);font-size:.88rem;margin:0}.guest-empty{color:#666;padding:40px 16px;text-align:center}.guest-modal-backdrop{align-items:flex-end;background:#000000b3;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:40}.guest-modal{background:#1e1e1e;border-radius:20px 20px 0 0;max-width:520px;padding:22px 18px calc(22px + env(safe-area-inset-bottom, 0px));width:100%}.guest-modal h3{font-size:1.25rem;margin:0 0 6px}.guest-loading{align-items:center;color:var(--guest-accent);display:flex;flex:1 1;font-weight:700;justify-content:center;min-height:40vh}.guest-stat{background:var(--guest-card);border:1px solid var(--guest-border);border-radius:12px;margin-bottom:10px;padding:14px}.guest-stat-label{color:#888;font-size:.75rem;font-weight:700;letter-spacing:.6px}.guest-stat-value{font-size:1.35rem;font-weight:800;margin-top:4px}:root{--primary:#f06;--primary-dark:#e6005c;--primary-glow:#f069;--secondary:#00d4aa;--secondary-dark:#00b894;--secondary-glow:#00d4aa99;--background:#050505;--surface:#0f0f0f;--surface-light:#1a1a1a;--surface-lighter:#252525;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:#666;--border-radius:50%;--border-radius-sm:12px;--border-radius-lg:24px;--transition:0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-tap-highlight-color:transparent;background-color:#050505;background-color:var(--background);color:#fff;color:var(--text-primary);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow:hidden}html.kiosk-hide-cursor,html.kiosk-hide-cursor *,html.kiosk-hide-cursor :after,html.kiosk-hide-cursor :before{cursor:none!important;cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/%3E") 0 0,none!important}.jb-touch-scroll{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;-webkit-touch-callout:none;overscroll-behavior:contain;scrollbar-width:none;touch-action:none}.jb-touch-scroll,.jb-touch-scroll *{user-select:none;-webkit-user-select:none}.jb-touch-scroll::-webkit-scrollbar{display:none;height:0;width:0}.jb-touch-scroll .jb-touch-press--btn,.jb-touch-scroll .jb-touch-press--nav,.jb-touch-scroll .jb-touch-press--row{touch-action:none!important}.jb-scroll-wrap{min-height:0;position:relative}.jb-scroll-fade{height:36px;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.jb-scroll-fade--top{top:0}.jb-scroll-fade--bottom{bottom:0}.jb-scroll-hint{align-items:center;animation:jb-scroll-hint-pulse 2.2s ease-in-out infinite;background:#ff6b352e;border:1px solid #ff6b3559;border-radius:999px;bottom:8px;color:#ffc8a0f2;display:flex;font-size:11px;font-weight:800;gap:6px;left:50%;letter-spacing:.6px;padding:6px 12px;pointer-events:none;position:absolute;text-transform:uppercase;transform:translateX(-50%);z-index:3}@keyframes jb-scroll-hint-pulse{0%,to{opacity:.55;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(3px)}}.jb-scroll-page-nav{display:flex;flex-direction:column;gap:10px;pointer-events:auto;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:4}.jb-scroll-page-btn{-webkit-tap-highlight-color:transparent;background:#140c1cd1;border:1.5px solid #ffffff47;border-radius:14px;box-shadow:0 4px 14px #00000059;color:#ffffffe6;cursor:pointer;font-size:16px;height:48px;line-height:1;touch-action:manipulation;width:48px}.jb-scroll-page-btn:disabled{opacity:.28;pointer-events:none}.jb-scroll-page-btn:active:not(:disabled){background:#ff6b3559;border-color:#ff6b3599;transform:scale(.94)}@keyframes jbPageTurnForward{0%{box-shadow:-18px 8px 28px #0000008c;filter:brightness(.55) contrast(1.1);opacity:.15;transform:rotateY(-82deg) translateX(-6%)}55%{filter:brightness(.92) contrast(1.05);opacity:1}to{box-shadow:0 10px 24px #00000047;filter:brightness(1) contrast(1);opacity:1;transform:rotateY(0deg) translateX(0)}}@keyframes jbPageTurnBackward{0%{box-shadow:18px 8px 28px #0000008c;filter:brightness(.55) contrast(1.1);opacity:.15;transform:rotateY(82deg) translateX(6%)}55%{filter:brightness(.92) contrast(1.05);opacity:1}to{box-shadow:0 10px 24px #00000047;filter:brightness(1) contrast(1);opacity:1;transform:rotateY(0deg) translateX(0)}}.jb-pl-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(155deg,#08061294,#0e0a1c85 55%,#06040e9e);border:1px solid #ffffff1f;border-radius:22px;box-shadow:0 18px 48px #00000061,inset 0 1px 0 #ffffff14,0 0 28px color-mix(in srgb,#ff6b35 22%,#0000);box-shadow:0 18px 48px #00000061,inset 0 1px 0 #ffffff14,0 0 28px color-mix(in srgb,var(--pl-accent,#ff6b35) 22%,#0000);display:flex;flex:1 1 280px;flex-direction:column;margin:10px 14px 0;min-height:0;padding:14px 12px 12px;transition:box-shadow .6s ease}.jb-pl-header{align-items:flex-end;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:0 6px 12px}.jb-pl-header-left{display:flex;flex-direction:column;gap:2px;min-width:0}.jb-pl-eyebrow{color:#ff8c5aeb;font-size:10px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase}.jb-pl-heading{color:#fff;font-size:20px;font-weight:800;letter-spacing:.2px;line-height:1.15}.jb-pl-page-label{background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;color:#ffffffe0;flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:1px;padding:6px 12px}.jb-pl-carousel{flex:1 1;gap:10px;min-height:200px;position:relative}.jb-pl-carousel,.jb-pl-nav{align-items:center;display:flex}.jb-pl-nav{align-self:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0a168c;border:1.5px solid #ffffff2e;border-radius:50%;box-shadow:0 6px 20px #00000059;color:#fff;flex-shrink:0;height:52px;justify-content:center;transition:background .15s,transform .1s,border-color .4s ease,box-shadow .4s ease;width:52px}.jb-pl-nav:not(:disabled):active{background:color-mix(in srgb,#ff6b35 18%,#0c0a168c);background:color-mix(in srgb,var(--pl-accent,#ff6b35) 18%,#0c0a168c);border-color:color-mix(in srgb,#ff6b35 55%,#0000);border-color:color-mix(in srgb,var(--pl-accent,#ff6b35) 55%,#0000);transform:scale(.94)}.jb-pl-nav:disabled{box-shadow:none;cursor:default;opacity:.28}.jb-pl-viewport{background:#06040e61;border:1px solid #ffffff1a;border-radius:14px;box-shadow:inset 0 0 24px #00000038,inset 0 1px 0 #ffffff0f;flex:1 1;height:100%;min-height:0;min-width:0;overflow:hidden;padding:10px 14px 10px 10px;perspective:1400px;perspective-origin:50% 50%;position:relative}.jb-pl-viewport-stack{background:linear-gradient(90deg,color-mix(in srgb,#ff6b35 35%,#00000080),color-mix(in srgb,#ff6b35 55%,#000000a6));background:linear-gradient(90deg,color-mix(in srgb,var(--pl-accent,#ff6b35) 35%,#00000080) 0,color-mix(in srgb,var(--pl-accent,#ff6b35) 55%,#000000a6) 100%);border-radius:0 4px 4px 0;bottom:8px;box-shadow:-3px 0 8px #00000059,inset -1px 0 0 #ffffff1f;position:absolute;right:4px;top:8px;transition:background .6s ease;width:10px;z-index:0}.jb-pl-viewport-stack:after,.jb-pl-viewport-stack:before{background:#ffffff38;border-radius:2px;content:"";position:absolute;right:2px;width:6px}.jb-pl-viewport-stack:before{bottom:55%;top:12%}.jb-pl-viewport-stack:after{bottom:12%;top:58%}.jb-pl-page{align-items:center;backface-visibility:hidden;border-radius:4px;display:flex;gap:10px;height:100%;min-width:0;padding:2px;position:relative;transform-style:preserve-3d;width:100%;z-index:1}.jb-pl-page--turn-next{animation:jbPageTurnForward .72s cubic-bezier(.33,.86,.42,1) both;transform-origin:left center}.jb-pl-page--turn-prev{animation:jbPageTurnBackward .72s cubic-bezier(.33,.86,.42,1) both;transform-origin:right center}.jb-pl-card-wrap{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0}.jb-pl-card{aspect-ratio:1;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 14px 32px #0000006b,inset 0 1px 0 #ffffff14;max-height:100%;overflow:hidden;position:relative;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease;width:100%}.jb-pl-card:before{border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,#ff6b35 50%,#0000);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pl-accent,#ff6b35) 50%,#0000);content:"";inset:0;opacity:.65;pointer-events:none;position:absolute;z-index:2}.jb-pl-card-wrap:active .jb-pl-card{box-shadow:0 8px 20px #00000073;transform:scale(.97)}.jb-pl-card img{display:block;height:100%;object-fit:cover;width:100%}.jb-pl-card-fallback{align-items:center;color:#ffffff47;display:flex;font-size:2.5rem;height:100%;justify-content:center;width:100%}.jb-pl-card-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff24;border-radius:999px;color:#fffffff2;font-size:9px;font-weight:800;left:10px;letter-spacing:1.1px;max-width:calc(100% - 20px);overflow:hidden;padding:4px 9px;position:absolute;text-overflow:ellipsis;text-transform:uppercase;top:10px;white-space:nowrap;z-index:3}.jb-pl-card-overlay{background:linear-gradient(0deg,#000000eb 0,#00000047 42%,#0000 72%);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:14px 12px;position:absolute;z-index:1}.jb-pl-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:13px;font-weight:800;letter-spacing:.3px;line-height:1.2;overflow:hidden;text-shadow:0 2px 8px #000c}.jb-pl-card-meta{color:#ffb48ce6;font-size:10px;font-weight:700;letter-spacing:1.2px;margin-top:4px;text-transform:uppercase}.jb-pl-status{color:#ffffff8c;font-size:14px;left:64px;pointer-events:none;position:absolute;right:64px;text-align:center;top:50%;transform:translateY(-50%);z-index:3}.jb-pl-status--error{color:#ff6b35e6}.jb-pl-footer{flex-shrink:0;padding:10px 8px 2px}.jb-pl-progress-track{background:#ffffff1a;border-radius:999px;height:3px;overflow:hidden}.jb-pl-progress-fill{background:linear-gradient(90deg,#ff6b35,#f7931e);background:linear-gradient(90deg,var(--pl-accent,#ff6b35),#f7931e);border-radius:999px;box-shadow:0 0 12px color-mix(in srgb,#ff6b35 60%,#0000);box-shadow:0 0 12px color-mix(in srgb,var(--pl-accent,#ff6b35) 60%,#0000);height:100%;transition:width .08s linear,background .6s ease}.jb-pl-dots{align-items:center;display:flex;gap:7px;justify-content:center;margin-top:10px}.jb-pl-dot{background:#ffffff3d;border:none;border-radius:999px;cursor:pointer;height:7px;padding:0;transition:all .3s ease}.jb-pl-dot--active{background:#ff6b35f2;background:var(--pl-accent,#ff6b35f2);box-shadow:0 0 10px color-mix(in srgb,#ff6b35 50%,#0000);box-shadow:0 0 10px color-mix(in srgb,var(--pl-accent,#ff6b35) 50%,#0000);width:22px}.jb-pl-dot:not(.jb-pl-dot--active){width:7px}.jb-album-grid{align-content:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:18px 20px;justify-content:center;padding:0 8px;width:100%}.jb-album-tile{border-radius:14px;box-sizing:border-box;flex:0 0 148px;max-width:148px;min-height:168px;padding:4px 2px 8px;text-align:center;width:148px}.jb-album-tile-art{aspect-ratio:1;background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 8px 22px #00000061;margin:0 auto 10px;min-height:128px;overflow:hidden;width:100%}.jb-album-tile-art img{height:100%;object-fit:cover;width:100%}.jb-album-tile-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:13px;font-weight:700;line-height:1.25;margin:0;overflow:hidden}.jb-album-tile-meta{color:#ffffff73;font-size:11px;margin:5px 0 0}.jb-album-header{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-shrink:0;gap:14px;margin-bottom:14px;padding:12px}.jb-album-header-art{background:#ffffff14;border-radius:12px;box-shadow:0 6px 18px #0006;flex-shrink:0;height:88px;overflow:hidden;width:88px}.jb-album-header-art img{height:100%;object-fit:cover;width:100%}.jb-stage *{-ms-overflow-style:none;scrollbar-width:none}.jb-stage ::-webkit-scrollbar{display:none;height:0;width:0}.jb-touch-scroll-x{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x}.jb-touch-press{transition:transform .07s ease,background .07s ease,box-shadow .07s ease,border-color .07s ease,filter .07s ease}.jb-touch-press--key.is-pressed{background:#ff6b356b!important;border-color:#ffb478e6!important;box-shadow:0 0 0 3px #ff6b3573,inset 0 0 14px #ff8c5059;transform:scale(.93)}.jb-touch-press--btn.is-pressed{box-shadow:0 0 0 3px #ff6b3580,0 4px 18px #ff6b3559;filter:brightness(1.2);transform:scale(.97)}.jb-touch-press--nav.is-pressed{background:#ff6b35b8!important;border-color:#ffc896d9!important;box-shadow:0 0 0 4px #ff6b3573,0 8px 24px #ff6b3566;transform:scale(.92)}.jb-touch-press--row.is-pressed{background:#ff6b3538!important;border-color:#ff6b358c!important;box-shadow:inset 0 0 0 2px #ff6b3559;transform:scale(.985)}.jb-viewport{background:#000;inset:0;overflow:hidden;position:fixed}.jb-stage-shell,.jb-viewport{align-items:center;display:flex;justify-content:center}.jb-stage-shell{height:100%;width:100%}.jb-viewport[data-rotation="90"] .jb-stage-shell{height:100vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(90deg);width:100vh}.jb-viewport[data-rotation="270"] .jb-stage-shell{height:100vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:100vh}.jb-viewport[data-rotation="180"] .jb-stage-shell{transform:rotate(180deg)}.jb-stage{flex-shrink:0;height:1920px;overflow:hidden;transform:scale(1);transform:scale(var(--jb-scale,1));transform-origin:center center;width:1080px}.container{background:#050505;background:var(--background);display:flex;flex-direction:column;min-height:100vh;position:relative}.container.modern{background:radial-gradient(circle at 50% 30%,#1a1a1a 0,#050505 70%)}.container.modern:before{border:2px solid #ff00661a;border-radius:50%;height:60%;width:90%}.container.modern:after,.container.modern:before{content:"";left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.container.modern:after{border:1px solid #00d4aa14;border-radius:50%;height:40%;width:70%}.header{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:relative;z-index:10}.header-left{flex:0 0 auto}.header-center{left:50%;position:absolute;transform:translateX(-50%)}.header-right{flex:0 0 auto}.header-buttons{display:flex;gap:.75rem}.app-title{color:#fff;color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:4px;text-shadow:0 0 20px #ffffff4d}.app-title,.nav-button{text-transform:uppercase}.nav-button{background:#0000;border:2px solid #252525;border:2px solid var(--surface-lighter);border-radius:24px;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;font-size:.9375rem;font-weight:600;letter-spacing:1px;padding:.625rem 1.25rem;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-button.active,.nav-button:hover{border-color:#f06;border-color:var(--primary);box-shadow:0 0 20px #f069;box-shadow:0 0 20px var(--primary-glow);color:#f06;color:var(--primary)}.icon-button{align-items:center;background:#1a1a1a;background:var(--surface-light);border:1px solid #252525;border:1px solid var(--surface-lighter);border-radius:50%;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.125rem;height:44px;justify-content:center;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:44px}.icon-button:hover{background:#252525;background:var(--surface-lighter);box-shadow:0 0 15px #ffffff1a;color:#fff;color:var(--text-primary)}.loading-indicator{align-items:center;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f063;border-radius:50%;border-top:3px solid var(--primary);height:56px;width:56px}@keyframes spin{to{transform:rotate(1turn)}}.now-playing-view{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1rem;position:relative;z-index:10}.album-art-container{height:280px;margin-bottom:2rem;position:relative;width:280px}.album-art{background:linear-gradient(145deg,#1f1f1f,#0a0a0a);border:4px solid #1a1a1a;border-radius:16px;box-shadow:0 0 60px #ff006626,0 0 120px #ff00661a,inset 0 0 60px #00000080;height:100%;overflow:hidden;position:relative;width:100%}.album-art img{border-radius:12px;height:100%;object-fit:cover;width:100%}.album-art-inner{animation:vinylSpin 2s linear infinite;background:radial-gradient(circle at 50% 50%,#2a2a2a 8%,#0000 0),radial-gradient(circle at 50% 50%,#f06 9%,#0000 9.5%),radial-gradient(circle at 50% 50%,#1a1a1a 10%,#0000 0),radial-gradient(circle at 50% 50%,#151515 20%,#0000 0),conic-gradient(from 0deg,#0f0f0f,#252525,#0f0f0f,#252525,#0f0f0f);background:radial-gradient(circle at 50% 50%,#2a2a2a 8%,#0000 8%),radial-gradient(circle at 50% 50%,var(--primary) 9%,#0000 9.5%),radial-gradient(circle at 50% 50%,#1a1a1a 10%,#0000 10%),radial-gradient(circle at 50% 50%,#151515 20%,#0000 20%),conic-gradient(from 0deg,#0f0f0f,#252525,#0f0f0f,#252525,#0f0f0f);border-radius:50%;height:100%;width:100%}@keyframes vinylSpin{to{transform:rotate(1turn)}}.album-art-container:before{animation:pulse 3s ease-in-out infinite;border:2px solid #ff00664d;border-radius:50%;bottom:-20px;content:"";left:-20px;position:absolute;right:-20px;top:-20px}.album-art-container:after{animation:pulse 3s ease-in-out 1.5s infinite;border:1px solid #00d4aa33;border-radius:50%;bottom:-40px;content:"";left:-40px;position:absolute;right:-40px;top:-40px}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.song-info{margin-bottom:1.5rem;max-width:350px;text-align:center;width:100%}.song-title{font-size:1.625rem;font-weight:700;line-height:1.3;margin-bottom:.5rem;text-shadow:0 0 30px #fff3}.artist{color:#b0b0b0;color:var(--text-secondary);font-size:1.125rem;margin-bottom:1rem}.progress-bar{background:#1a1a1a;background:var(--surface-light);border-radius:2px;height:4px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#f06,#ff4d94);background:linear-gradient(90deg,var(--primary),#ff4d94);border-radius:2px;box-shadow:0 0 10px #f069;box-shadow:0 0 10px var(--primary-glow);height:100%}.time-display{display:flex;font-size:.8125rem;justify-content:space-between;margin-bottom:1rem}.queued-by,.time-display{color:#666;color:var(--text-muted)}.queued-by{font-size:.875rem}.controls{gap:1.5rem;margin-top:.5rem}.control-button,.controls{align-items:center;display:flex;justify-content:center}.control-button{background:#1a1a1a;background:var(--surface-light);border:2px solid #252525;border:2px solid var(--surface-lighter);border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1.25rem;height:56px;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:56px}.control-button:hover{background:#252525;background:var(--surface-lighter);border-color:#666;border-color:var(--text-muted);transform:scale(1.1)}.control-button.play-pause{background:linear-gradient(145deg,#f06,#e6005c);background:linear-gradient(145deg,var(--primary),var(--primary-dark));border:none;box-shadow:0 0 30px #f069,0 4px 20px #0006;box-shadow:0 0 30px var(--primary-glow),0 4px 20px #0006;font-size:1.75rem;height:80px;width:80px}.control-button.play-pause:hover{box-shadow:0 0 50px #f069,0 6px 30px #00000080;box-shadow:0 0 50px var(--primary-glow),0 6px 30px #00000080;transform:scale(1.08)}.queue-view{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:.5rem 1rem;position:relative;z-index:10}.section-title{align-items:center;display:flex;font-size:1.375rem;font-weight:600;gap:.5rem;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.queue-list{display:flex;flex:1 1;flex-direction:column;gap:.625rem;overflow-y:auto}.queue-item{align-items:center;background:#0f0f0f;background:var(--surface);border-radius:12px;display:flex;padding:.875rem 1rem;position:relative;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.queue-item:hover{background:#1a1a1a;background:var(--surface-light)}.queue-item.active{background:linear-gradient(90deg,#ff006626,#0f0f0f);background:linear-gradient(90deg,#ff006626,var(--surface));border-left:3px solid #f06;border-left:3px solid var(--primary)}.queue-item .queue-info{align-items:center;display:flex;flex:1 1}.queue-position{align-items:center;background:#252525;background:var(--surface-lighter);border-radius:50%;color:#b0b0b0;color:var(--text-secondary);display:flex;font-size:.8125rem;font-weight:600;height:32px;justify-content:center;margin-right:.875rem;min-width:32px}.queue-item.active .queue-position{background:#f06;background:var(--primary);color:#fff}.queue-details{flex:1 1;min-width:0}.queue-item-title{font-size:1rem;font-weight:600;margin-bottom:.125rem}.queue-item-artist,.queue-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-artist{color:#b0b0b0;color:var(--text-secondary);font-size:.875rem}.queue-item-user{color:#666;color:var(--text-muted);font-size:.75rem;margin-top:.125rem}.now-playing-badge{animation:pulse 2s ease-in-out infinite;background:#f06;background:var(--primary);border-radius:10px;color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.5px;padding:.25rem .625rem}.empty-state{gap:1rem;padding:2rem}.empty-title{font-size:1.5rem;font-weight:700}.empty-subtitle{color:#b0b0b0;color:var(--text-secondary);font-size:1rem}.action-button{background:#f06;background:var(--primary);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;letter-spacing:1px;padding:.875rem 1.75rem;text-transform:uppercase;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-button:hover{background:#e6005c;background:var(--primary-dark);box-shadow:0 0 20px #f069;box-shadow:0 0 20px var(--primary-glow)}.modal-backdrop{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#0f0f0f;background:var(--surface);border:1px solid #252525;border:1px solid var(--surface-lighter);border-radius:24px;border-radius:var(--border-radius-lg);max-width:380px;padding:1.75rem;width:90%}.modal-title{font-size:1.375rem;font-weight:700;margin-bottom:1.25rem;text-align:center}.config-header{align-items:center;border-bottom:1px solid #252525;border-bottom:1px solid var(--surface-lighter);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding:1rem 0}.config-title-page{font-size:1.375rem;font-weight:700;margin:0}.close-button{background:#0000;border:1px solid #252525;border:1px solid var(--surface-lighter);border-radius:20px;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.close-button:hover{background:#1a1a1a;background:var(--surface-light);color:#fff;color:var(--text-primary)}.config-content{padding:.5rem 0}.config-description{color:#b0b0b0;color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:1.25rem}.config-path{background:#1a1a1a;background:var(--surface-light);border-radius:8px;color:#00d4aa;color:var(--secondary);font-family:Consolas,monospace;font-size:.8125rem;margin:.625rem 0;padding:.625rem .875rem;word-break:break-all}.config-action{margin-bottom:1.25rem;text-align:center}.scan-button{align-items:center;background:#00d4aa;background:var(--secondary);border:none;border-radius:24px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;letter-spacing:1px;padding:.875rem 1.75rem;text-transform:uppercase;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.scan-button:hover:not(:disabled){background:#00b894;background:var(--secondary-dark);box-shadow:0 0 20px #00d4aa99;box-shadow:0 0 20px var(--secondary-glow)}.scan-button:disabled{background:#252525;background:var(--surface-lighter);color:#666;color:var(--text-muted);cursor:not-allowed}.scan-button.scanning{background:#f59e0b}.scan-button.complete{background:#3b82f6}.config-message{border-radius:8px;font-size:.875rem;margin:.875rem 0;padding:.875rem;text-align:center}.config-message.success{background:#00d4aa26;border:1px solid #00d4aa;border:1px solid var(--secondary);color:#00d4aa;color:var(--secondary)}.config-message.error{background:#ff006626;border:1px solid #f06;border:1px solid var(--primary);color:#f06;color:var(--primary)}.config-results{margin-top:1.25rem}.results-title{font-size:1.125rem;margin-bottom:1rem;text-align:center}.results-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.result-item{background:#1a1a1a;background:var(--surface-light);border-radius:8px;padding:.75rem;text-align:center}.result-label{color:#b0b0b0;color:var(--text-secondary);font-size:.75rem;font-weight:600;margin-bottom:.25rem;text-transform:uppercase}.result-value{font-size:1.125rem;font-weight:700}.error-details{background:#1a1a1a;background:var(--surface-light);border-radius:8px;margin-top:1rem;padding:.875rem}.error-title{color:#f06;color:var(--primary);font-size:.9375rem;margin-bottom:.625rem}.error-list{list-style:none}.error-item{background:#252525;background:var(--surface-lighter);border-radius:6px;font-size:.75rem;margin-bottom:.375rem;padding:.5rem}.error-item strong{color:#f06;color:var(--primary)}.action-selector{margin-bottom:1.25rem}.action-label{color:#b0b0b0;color:var(--text-secondary);display:block;font-size:.875rem;margin-bottom:.625rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.action-button-selector{background:#1a1a1a;background:var(--surface-light);border:1px solid #252525;border:1px solid var(--surface-lighter);border-radius:20px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:.8125rem;font-weight:600;padding:.625rem .875rem;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-button-selector:hover{background:#252525;background:var(--surface-lighter)}.action-button-selector.active-button{background:#f06;background:var(--primary);border-color:#f06;border-color:var(--primary)}.message-container{background:#1a1a1a;background:var(--surface-light);border-radius:8px;margin:.875rem 0;padding:.625rem;text-align:center}.message-text{color:#00d4aa;color:var(--secondary);font-size:.8125rem}.execute-button{background:#f06;background:var(--primary);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;letter-spacing:1px;margin:.5rem 0;padding:.875rem 1.5rem;text-transform:uppercase;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.execute-button:hover{background:#e6005c;background:var(--primary-dark)}.config-page{min-height:auto;overflow-y:visible;padding:1rem 1.25rem 2rem}.config-section{border-bottom:1px solid #252525;border-bottom:1px solid var(--surface-lighter);margin-bottom:1.5rem;padding-bottom:1.5rem}.config-section:last-child{border-bottom:none}.config-section-title{color:#fff;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.folder-structure{background:#1a1a1a;background:var(--surface-light);border-radius:6px;color:#00d4aa;color:var(--secondary);display:block;font-family:Consolas,monospace;font-size:.8125rem;margin-top:.375rem;padding:.5rem .75rem}.directory-list{margin:.875rem 0;max-height:200px;overflow-y:auto}.no-directories{color:#666;color:var(--text-muted);font-size:.9375rem;padding:1rem;text-align:center}.directory-item{align-items:center;background:#1a1a1a;background:var(--surface-light);border-radius:8px;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem;padding:.625rem .875rem}.directory-item-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.dir-scan-button{background:#00d4aa;background:var(--secondary);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;min-height:40px;padding:.5rem 1rem;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.dir-scan-button:hover:not(:disabled){background:#00b894;background:var(--secondary-dark)}.dir-scan-button:disabled{background:#252525;background:var(--surface-lighter);color:#666;color:var(--text-muted);cursor:not-allowed}.dir-scan-button.scanning{background:#f59e0b}.directory-path{align-items:center;display:flex;font-size:.875rem;gap:.5rem;word-break:break-all}.dir-status{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dir-status.exists{background:#00d4aa;background:var(--secondary);box-shadow:0 0 8px #00d4aa99;box-shadow:0 0 8px var(--secondary-glow)}.dir-status.missing{background:#f06;background:var(--primary)}.remove-dir-button{align-items:center;background:#0000;border:1px solid #252525;border:1px solid var(--surface-lighter);border-radius:50%;color:#666;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:28px;justify-content:center;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:28px}.remove-dir-button:hover{background:#f06;background:var(--primary);border-color:#f06;border-color:var(--primary);color:#fff}.add-directory-form{display:flex;gap:.5rem;margin-top:.875rem}.directory-input{background:#1a1a1a;background:var(--surface-light);border:1px solid #252525;border:1px solid var(--surface-lighter);border-radius:12px;color:#fff;color:var(--text-primary);flex:1 1;font-size:.9375rem;padding:.75rem 1rem}.directory-input:focus{border-color:#00d4aa;border-color:var(--secondary);outline:none}.add-dir-button{background:#00d4aa;background:var(--secondary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.25rem;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.add-dir-button:hover:not(:disabled){background:#00b894;background:var(--secondary-dark)}.add-dir-button:disabled{background:#252525;background:var(--surface-lighter);color:#666;color:var(--text-muted);cursor:not-allowed}.browse-button{align-items:center;background:#1a1a1a;background:var(--surface-light);border:1px solid #252525;border:1px solid var(--surface-lighter);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;justify-content:center;padding:.875rem 1.5rem;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.browse-button:hover{background:#252525;background:var(--surface-lighter);border-color:#00d4aa;border-color:var(--secondary);color:#00d4aa;color:var(--secondary)}.browse-section{background:#0f0f0f;background:var(--surface);border-radius:12px;display:flex;flex-direction:column;margin:1rem 0;max-height:350px;padding:1rem}.browse-header{align-items:center;border-bottom:1px solid #252525;border-bottom:1px solid var(--surface-lighter);display:flex;gap:.75rem;margin-bottom:.875rem;padding-bottom:.75rem}.back-button{background:#1a1a1a;background:var(--surface-light);border:1px solid #252525;border:1px solid var(--surface-lighter);border-radius:8px;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.5rem .875rem}.back-button:hover:not(:disabled){background:#252525;background:var(--surface-lighter)}.back-button:disabled{cursor:not-allowed;opacity:.5}.current-path{color:#666;color:var(--text-muted);flex:1 1;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-dir-button{background:#00d4aa;background:var(--secondary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.5rem .875rem}.select-dir-button:hover{background:#00b894;background:var(--secondary-dark)}.browse-list{display:flex;flex:1 1;flex-direction:column;gap:.25rem;overflow-y:auto}.empty-browse{color:#666;color:var(--text-muted);padding:1.5rem;text-align:center}.browse-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.625rem;padding:.625rem .875rem;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.browse-item:hover{background:#1a1a1a;background:var(--surface-light)}.browse-item.folder:hover{background:#00d4aa1a}.item-icon{font-size:1.125rem}.item-name{flex:1 1;font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-list{-ms-overflow-style:none;scrollbar-width:none}.queue-list::-webkit-scrollbar{display:none;height:0;width:0}@media (max-width:400px){.album-art-container{height:220px;width:220px}.song-title{font-size:1.375rem}.control-button{height:48px;width:48px}.control-button.play-pause{height:68px;width:68px}}.song-browser{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.browser-header-bar{background:linear-gradient(180deg,#0f0f0f,#0000);background:linear-gradient(180deg,var(--surface) 0,#0000 100%);padding:1rem}.search-container{align-items:center;background:#0f0f0f;background:var(--surface);border:1px solid #252525;border:1px solid var(--surface-lighter);border-radius:24px;display:flex;padding:0 1rem;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-container:focus-within{border-color:#f06;border-color:var(--primary);box-shadow:0 0 20px #f069;box-shadow:0 0 20px var(--primary-glow)}.search-icon{font-size:1rem;margin-right:.5rem;opacity:.6}.search-input{background:#0000;border:none;color:#fff;color:var(--text-primary);flex:1 1;font-size:1rem;padding:.875rem 0}.search-input:focus{outline:none}.clear-search,.search-input::placeholder{color:#666;color:var(--text-muted)}.clear-search{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.clear-search:hover{color:#fff;color:var(--text-primary)}.browser-toast{animation:slideDown .3s ease;border-radius:24px;font-size:.875rem;font-weight:600;left:50%;padding:.75rem 1.5rem;position:fixed;top:1rem;transform:translateX(-50%);z-index:1000}.browser-toast.success{background:#00d4aa;background:var(--secondary);box-shadow:0 0 20px #00d4aa99;box-shadow:0 0 20px var(--secondary-glow);color:#fff}.browser-toast.error{background:#f06;background:var(--primary);box-shadow:0 0 20px #f069;box-shadow:0 0 20px var(--primary-glow);color:#fff}@keyframes slideDown{0%{opacity:0;top:-50px}to{opacity:1;top:1rem}}.songs-grid-container{flex:1 1;overflow-y:auto;padding:.5rem 1rem 1rem}.songs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.song-card{background:#0f0f0f;background:var(--surface);border-radius:12px;cursor:pointer;overflow:hidden;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.song-card:hover{box-shadow:0 8px 30px #0006;transform:translateY(-4px)}.song-card-art,.song-card:hover{background:#1a1a1a;background:var(--surface-light)}.song-card-art{aspect-ratio:1;position:relative}.song-card-art img{height:100%;object-fit:cover;width:100%}.song-card-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a1a,#252525);background:linear-gradient(135deg,var(--surface-light) 0,var(--surface-lighter) 100%);display:flex;height:100%;justify-content:center;width:100%}.song-card-placeholder span{color:#666;color:var(--text-muted);font-size:3rem}.song-card-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.song-card:hover .song-card-overlay{opacity:1}.add-btn{align-items:center;background:#f06;background:var(--primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:56px;justify-content:center;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:56px}.add-btn:hover:not(:disabled){box-shadow:0 0 30px #f069;box-shadow:0 0 30px var(--primary-glow);transform:scale(1.1)}.add-btn:disabled{background:#252525;background:var(--surface-lighter);cursor:not-allowed}.song-card-info{padding:.75rem}.song-card-title{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.song-card-artist,.song-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-card-artist{color:#b0b0b0;color:var(--text-secondary);font-size:.75rem}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-subtitle{color:#666;color:var(--text-muted);font-size:.875rem}.browser-song-item,.song-list{display:none}.scan-progress-container{background:#0f0f0f;background:var(--surface);border-radius:12px;margin:1rem 0;padding:1.25rem}.scan-progress-header{align-items:center;color:#b0b0b0;color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.75rem}.scan-progress-bar{background:#1a1a1a;background:var(--surface-light);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.scan-progress-fill{background:linear-gradient(90deg,#00d4aa,#00b894);background:linear-gradient(90deg,var(--secondary),var(--secondary-dark));border-radius:4px;box-shadow:0 0 10px #00d4aa99;box-shadow:0 0 10px var(--secondary-glow);height:100%;transition:width .3s ease}.scan-progress-percent{color:#00d4aa;color:var(--secondary);font-size:1.25rem;font-weight:700;text-align:center;text-shadow:0 0 10px #00d4aa99;text-shadow:0 0 10px var(--secondary-glow)}