*,::after,::before{box-sizing:border-box}.btn,.btn-preset,.card,.filter-pill,.global-link,.nav-link,.slider-container,.source-btn,button,input,input[type=range],select,textarea{transition:none!important;animation:none!important}:root{--bg:#0d0d0d;--card:#181818;--text:#e0e0e0;--text-secondary:#b0b0b0;--accent:#2ecc71;--group:#9b59b6;--nas:#3498db;--radio:#e67e22;--deezer:#FF6B00;--filesystem_local:#95a5a6;--music-assistant:#1abc9c;--all-providers:#f1c40f;--border:#333;--nav-hover:#333;--pending:#f1c40f;--danger:#e74c3c;--input-bg:#000;--input-text:#fff;--title-color:#fff;--art-bg:#111;--pill-bg:#333;--panel-bg:#111;--panel-border:#222;--btn-bg:#222;--btn-border:#333;--btn-text:#ccc;--btn-hover-bg:#333;--btn-hover-text:#fff;--console-text:#0f0}.provider-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border:1px solid;margin-left:6px;vertical-align:middle;box-shadow:0 2px 4px rgba(0,0,0,.15);white-space:nowrap}.provider-slot{min-height:24px;display:flex;align-items:center;margin:2px 0}.provider-slot .provider-badge{margin-left:0}.provider-badge.spotify{background:linear-gradient(135deg,rgba(29,185,84,.2),rgba(29,185,84,.08));color:#1db954;border-color:#1db954;box-shadow:0 2px 6px rgba(29,185,84,.2)}.provider-badge.deezer{background:linear-gradient(135deg,rgba(255,107,0,.2),rgba(255,107,0,.08));color:#ff6b00;border-color:#ff6b00;box-shadow:0 2px 6px rgba(255,107,0,.2)}.provider-badge.radio{background:linear-gradient(135deg,rgba(230,126,34,.2),rgba(230,126,34,.08));color:#e67e22;border-color:#e67e22;box-shadow:0 2px 6px rgba(230,126,34,.2)}.provider-badge.filesystem,.provider-badge.local{background:linear-gradient(135deg,rgba(149,165,166,.2),rgba(149,165,166,.08));color:#95a5a6;border-color:#95a5a6;box-shadow:0 2px 6px rgba(149,165,166,.2)}.provider-badge.library{background:linear-gradient(135deg,rgba(26,188,156,.2),rgba(26,188,156,.08));color:#1abc9c;border-color:#1abc9c;box-shadow:0 2px 6px rgba(26,188,156,.2)}body.light-mode .provider-badge.spotify{background:linear-gradient(135deg,rgba(29,185,84,.12),rgba(29,185,84,.05))}body.light-mode .provider-badge.deezer{background:linear-gradient(135deg,rgba(255,107,0,.12),rgba(255,107,0,.05))}body.light-mode .provider-badge.radio{background:linear-gradient(135deg,rgba(230,126,34,.12),rgba(230,126,34,.05))}body.light-mode .provider-badge.filesystem,body.light-mode .provider-badge.local{background:linear-gradient(135deg,rgba(149,165,166,.12),rgba(149,165,166,.05))}body.light-mode .provider-badge.library{background:linear-gradient(135deg,rgba(26,188,156,.12),rgba(26,188,156,.05))}body.light-mode{--bg:#f5f6fa;--card:#ffffff;--text:#202124;--border:#dadce0;--nav-hover:#e8eaed;--input-bg:#f1f3f4;--input-text:#202124;--title-color:#202124;--text-secondary:#5f6368;--art-bg:#e0e0e0;--pill-bg:#e0e0e0;--panel-bg:#f8f9fa;--panel-border:#dadce0;--btn-bg:#e8e8e8;--btn-border:#d1d1d1;--btn-text:#202124;--btn-hover-bg:#dcdcdc;--btn-hover-text:#000;--console-text:var(--input-text)}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;margin:0;padding:20px;min-height:100vh;overflow-x:hidden}.app-container,.container{max-width:1200px;margin:0 auto}.btn,.btn-preset,.filter-pill,.global-link,.nav-link,.source-btn,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.card{cursor:default}.app-header,.global-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding:15px 25px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 4px 6px rgba(0,0,0,.05);max-width:100%}.global-nav>div:first-child{color:var(--title-color)!important}.app-title{font-weight:700;font-size:1.1em;letter-spacing:.5px;color:var(--title-color);margin-right:30px;display:flex;align-items:center;gap:12px;min-width:0}.app-version-tag{font-size:.72em;font-style:italic;font-weight:500;color:var(--text-secondary);letter-spacing:0;white-space:nowrap}.app-page-name{font-size:.8em;font-weight:600;color:var(--text-secondary);white-space:nowrap}.control-nav-left{min-width:0!important}.global-link,.nav-link{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:1.1em;padding:8px 16px;border-radius:6px;transition:.2s;border:1px solid transparent;cursor:pointer}.lang-switcher{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.9em;margin-right:12px}.lang-buttons-group{display:flex;gap:6px}.lang-btn{appearance:none;background:var(--btn-bg);color:var(--text-secondary);border:1.5px solid var(--border);border-radius:6px;padding:6px 12px;font-size:.85em;font-weight:600;cursor:pointer;white-space:nowrap;transition:.2s;display:inline-flex;align-items:center;gap:4px}.lang-btn:hover{border-color:var(--accent);color:var(--text);background:var(--card)}.lang-btn.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}.admin-toolbar{display:flex;justify-content:flex-end;margin:-8px 0 20px}.admin-toolbar .lang-switcher{margin-right:0;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.admin-toolbar .theme-switcher{margin-left:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card);display:flex;align-items:center;justify-content:center}.admin-toolbar .theme-switcher .btn-theme-toggle{background:0 0;border:none;color:var(--text);font-size:1.2em;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .3s}.admin-toolbar .theme-switcher .btn-theme-toggle:hover{color:var(--accent)}.global-link:hover,.nav-link:hover{color:var(--text);background:var(--nav-hover)}.global-link.active,.nav-link.active{color:var(--accent);background:rgba(46,204,113,.1);border-color:rgba(46,204,113,.2)}.nav-center-group,.nav-menu{display:flex;gap:5px;align-items:center}.nav-menu{flex:1}body.direct-tab-mode .global-nav .nav-center-group,body.direct-tab-mode .manager-main-tabs,body.direct-tab-mode .top-bar{display:none!important}.burger-btn{width:44px;height:44px;padding:0;border-radius:10px;border:1px solid var(--btn-border);background:var(--btn-bg);display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.burger-btn span{width:20px;height:2px;border-radius:2px;background:var(--text);transition:transform .24s,opacity .24s!important}body.sidebar-open .burger-btn span:first-child{transform:translateY(7px) rotate(45deg)}body.sidebar-open .burger-btn span:nth-child(2){opacity:0}body.sidebar-open .burger-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .24s!important;z-index:1900}.control-sidebar{position:fixed;top:0;left:0;width:min(340px,88vw);height:100vh;background:var(--card);border-right:1px solid var(--border);box-shadow:8px 0 30px rgba(0,0,0,.35);transform:translateX(-102%);transition:transform .24s!important;z-index:2000;display:flex;flex-direction:column;padding:18px 14px;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-header{padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px}.sidebar-links{display:flex;flex-direction:column;gap:8px}.sidebar-links .global-link{width:100%;text-align:left;background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text)!important;display:block!important;visibility:visible!important;opacity:1!important;min-height:40px;line-height:1.2}.control-sidebar .sidebar-links{display:flex!important;flex-direction:column!important;gap:8px}.control-sidebar .sidebar-links .global-link.active{background:var(--accent)!important;border-color:var(--accent)!important;color:#000!important}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:14px;display:flex;flex-direction:column;gap:10px}.sidebar-settings{display:flex;flex-direction:column;gap:8px}.sidebar-settings-title{font-size:.74em;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.7px}.sidebar-settings .global-link{width:100%;text-align:left;background:var(--btn-bg);border:1px solid var(--btn-border)}.sidebar-lang{margin-right:0;justify-content:space-between}body.sidebar-open .control-sidebar{transform:translateX(0)}body.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}body.sidebar-open{overflow:hidden}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden}.inner-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:15px}input[type=text],select,textarea{background:var(--input-bg);border:1px solid var(--border);color:var(--input-text);padding:8px;border-radius:4px;font-size:.9em;width:100%}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent);outline:0}.btn,button{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-text);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9em;display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%}.btn:hover,button:hover{background:var(--btn-hover-bg);border-color:#999;color:var(--btn-hover-text)}.btn.primary,button.primary{background:var(--accent);color:#000;font-weight:700;border:none}.btn.primary:hover,button.primary:hover{opacity:.9}.btn-preset.btn-pending,.btn.btn-pending{border-color:var(--pending)!important;color:var(--pending)!important;background:rgba(241,196,15,.15)!important}.btn.btn-success{background:rgba(46,204,113,.2)!important;color:var(--accent)!important;border-color:var(--accent)!important}.btn-help{background:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-border);padding:6px 12px;font-size:.85em;border-radius:6px}.btn-help:hover{border-color:#888;color:var(--text)}.btn-header-power{background:0 0;border:none;color:var(--danger);font-size:1.4em;cursor:pointer;padding:8px 12px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:.2s;margin-left:auto}.btn-header-power:hover{opacity:.7;background:rgba(231,76,60,.1)}.btn-header-power .icon-css{width:20px;height:20px}.btn-all-off{background:rgba(231,76,60,.15);color:#e74c3c;border:1px solid #e74c3c;padding:10px 16px;font-size:.9em;border-radius:6px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s}.btn-all-off:hover{background:rgba(231,76,60,.25);color:#c0392b;border-color:#c0392b}.icon-css{width:18px;height:18px;display:inline-block;position:relative;flex-shrink:0;color:currentColor}.icon-css::after,.icon-css::before{content:"";position:absolute;box-sizing:border-box}.icon-power::before{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;top:4px;left:50%;transform:translateX(-50%)}.icon-power::after{width:2px;height:7px;background:currentColor;left:50%;top:.5px;transform:translateX(-50%);border-radius:1px}.icon-play::before{left:4px;top:3px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.icon-next::before,.icon-prev::before{top:3px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent}.icon-prev::before{left:8px;border-right:7px solid currentColor}.icon-prev::after{width:2px;height:11px;left:2px;top:3px;background:currentColor;border-radius:1px}.icon-next::before{right:8px;border-left:7px solid currentColor}.icon-next::after{width:2px;height:11px;right:2px;top:3px;background:currentColor;border-radius:1px}.icon-playpause::before{width:2px;height:11px;left:3px;top:3px;background:currentColor;border-radius:1px;box-shadow:4px 0 0 currentColor}.icon-playpause::after{left:9px;top:4px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid currentColor}.icon-search::before{width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%;left:2px;top:1px}.icon-search::after{width:1.5px;height:5px;background:currentColor;right:1px;bottom:0;transform:rotate(-45deg);border-radius:1px;transform-origin:top right}.icon-doc::before{width:8px;height:11px;border:1.5px solid currentColor;border-radius:1px;left:4px;top:2px}.icon-doc::after{width:4px;height:1px;background:currentColor;left:6px;top:5px;box-shadow:0 2px 0 currentColor,0 4px 0 currentColor;border-radius:.5px}.icon-video::before{width:9px;height:7px;border:1.5px solid currentColor;border-radius:1px;top:2px;left:3.5px}.icon-video::after{right:1px;top:4px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:4px solid currentColor}.icon-code::before{width:3px;height:3px;left:2px;top:6px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}.icon-code::after{width:3px;height:3px;right:2px;top:6px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg)}.icon-refresh::before{width:10px;height:10px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;top:3px;left:50%;transform:translateX(-50%)}.icon-refresh::after{right:2px;top:2px;width:0;height:0;border-left:3px solid currentColor;border-top:2px solid transparent;border-bottom:2px solid transparent}.icon-globe::before{width:10px;height:10px;border:1.5px solid currentColor;border-radius:50%;left:50%;top:3px;transform:translateX(-50%)}.icon-globe::after{width:1.5px;height:10px;left:50%;top:3px;transform:translateX(-50%);background:currentColor;border-radius:1px}.icon-music::before{width:1.5px;height:9px;left:8px;top:2px;background:currentColor;border-radius:1px}.icon-music::after{width:5px;height:5px;left:3px;top:8px;border:1.5px solid currentColor;border-radius:50%}.icon-theme::before{width:7px;height:7px;border:1.5px solid currentColor;border-radius:50%;left:2px;top:4px}.icon-theme::after{width:7px;height:7px;border-radius:50%;background:currentColor;right:2px;top:4px}.icon-wifi::after,.icon-wifi::before{border:1.5px solid currentColor;border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-radius:50% 50% 0 0;left:50%;transform:translateX(-50%)}.icon-wifi::before{width:12px;height:8px;top:3px}.icon-wifi::after{width:6px;height:4px;top:7px}.icon-bluetooth::before{width:1.5px;height:12px;left:7px;top:2px;background:currentColor;border-radius:1px}.icon-bluetooth::after{width:5px;height:5px;left:6px;top:4px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);box-shadow:0 3px 0 -1.5px currentColor}.icon-save::before{width:10px;height:11px;border:1.8px solid currentColor;border-radius:2px;left:4px;top:2px}.icon-save::after{width:5px;height:1.8px;background:currentColor;left:6px;top:6px;box-shadow:0 2.8px 0 currentColor;border-radius:1px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);align-items:center;justify-content:center;z-index:3000;backdrop-filter:blur(4px)}.modal-content{background:var(--card);padding:25px;border-radius:12px;border:1px solid var(--border);box-shadow:0 10px 25px rgba(0,0,0,.5);max-width:600px;width:90%}.modal-content h2,.modal-content h3{color:var(--title-color)!important}.manager-save-modal{width:min(460px,92vw)!important;max-width:min(460px,92vw)!important;padding:0;overflow:hidden;border-radius:22px;border-color:rgba(255,255,255,.08);background:radial-gradient(circle at top left,rgba(46,204,113,.12),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),var(--card);box-shadow:0 28px 70px rgba(0,0,0,.55),0 8px 24px rgba(0,0,0,.28)}.manager-save-modal-header{padding:22px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}.manager-save-modal-header h3{margin:6px 0 0;font-size:1.22rem;letter-spacing:.01em}.manager-save-modal-kicker{display:inline-block;padding:5px 10px;border-radius:999px;background:rgba(46,204,113,.12);border:1px solid rgba(46,204,113,.2);color:var(--accent);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.manager-save-modal-body{padding:20px 24px 24px}.manager-save-modal .modal-form-group{margin-bottom:18px}.manager-save-modal .modal-form-group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.manager-save-modal #edit-name{height:48px;padding:12px 14px;border-radius:14px;border-color:rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.manager-save-modal #edit-name:focus{border-color:rgba(46,204,113,.42);box-shadow:0 0 0 3px rgba(46,204,113,.12),inset 0 1px 0 rgba(255,255,255,.04)}.manager-save-modal-panel{margin-top:2px;margin-bottom:0!important;padding:12px;border-radius:18px;border-color:rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.12))}.manager-save-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.manager-save-modal-actions .btn-sm,.manager-save-modal-actions .primary{min-width:108px;min-height:42px;border-radius:12px}.manager-save-modal-actions .btn-sm{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}.card-browseable{cursor:pointer}.card-browseable:hover{border-color:rgba(46,204,113,.34);box-shadow:0 10px 24px rgba(46,204,113,.12),0 6px 16px rgba(0,0,0,.24)}.tracks-modal-content{width:min(620px,94vw);max-width:min(620px,94vw);max-height:82vh;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:0;border-radius:20px;border-color:rgba(255,255,255,.08);background:radial-gradient(circle at top left,rgba(46,204,113,.1),transparent 44%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),var(--card);box-shadow:0 24px 60px rgba(0,0,0,.5),0 8px 22px rgba(0,0,0,.28)}.tracks-modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px 12px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}.tracks-modal-thumb{flex-shrink:0;width:60px;height:60px;border-radius:8px;object-fit:cover;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 14px rgba(0,0,0,.18)}.tracks-modal-head h3{margin:0;flex:1;font-size:1.1rem;color:var(--title-color)}.tracks-modal-actions{display:flex;gap:8px;align-items:center}.tracks-modal-head .tracks-modal-close{width:38px;min-width:38px;min-height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:rgba(245,248,255,.9);border-color:rgba(255,255,255,.2);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.tracks-modal-head .tracks-modal-close:hover{color:#fff;border-color:rgba(46,204,113,.45);background:linear-gradient(180deg,rgba(46,204,113,.22),rgba(46,204,113,.08));box-shadow:0 4px 12px rgba(46,204,113,.2),inset 0 1px 0 rgba(255,255,255,.22)}.tracks-modal-close-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),rgba(255,255,255,.06))}.tracks-modal-close-icon::after,.tracks-modal-close-icon::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:1.6px;border-radius:2px;background:currentColor;transform-origin:center}.tracks-modal-close-icon::before{transform:translate(-50%,-50%) rotate(45deg)}.tracks-modal-close-icon::after{transform:translate(-50%,-50%) rotate(-45deg)}.tracks-modal-subtitle{color:var(--text-secondary);font-size:.78em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:0 20px}.tracks-modal-list{overflow:auto;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(255,255,255,.02));margin:0 20px 20px}.track-row{display:grid;grid-template-columns:34px 42px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);transition:background .18s,border-color .18s}.track-row:nth-child(2n){background:rgba(255,255,255,.015)}.track-row:hover{background:rgba(46,204,113,.08);border-bottom-color:rgba(46,204,113,.2)}.track-row:last-child{border-bottom:none}.track-index{color:var(--text-secondary);font-size:.82em;text-align:right}.track-thumb{width:42px;height:42px;border-radius:10px;object-fit:cover;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 14px rgba(0,0,0,.18)}.track-meta{min-width:0}.track-title{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{color:var(--text-secondary);font-size:.82em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{color:var(--text-secondary);font-size:.82em}.track-fav-btn{min-width:32px;width:32px;height:32px;padding:0;border-radius:10px;color:#ffd36b;border-color:rgba(255,211,107,.35);background:linear-gradient(135deg,rgba(255,211,107,.2),rgba(255,211,107,.08))}.track-fav-btn:hover{color:#fff2c9;border-color:rgba(255,211,107,.62);background:linear-gradient(135deg,rgba(255,211,107,.32),rgba(255,211,107,.14))}.track-fav-btn.is-added{color:#ffe27a;border-color:rgba(255,210,90,.7);background:linear-gradient(135deg,rgba(255,210,90,.34),rgba(255,210,90,.16));box-shadow:0 0 0 1px rgba(255,210,90,.16),0 6px 14px rgba(255,210,90,.18)}.track-fav-btn:disabled{opacity:.65}.track-fav-btn.is-added:disabled{opacity:1}.track-fav-btn.is-pending{cursor:wait;box-shadow:0 0 0 1px rgba(255,210,90,.22),0 8px 16px rgba(255,210,90,.22)}.track-fav-btn.is-pending .track-fav-icon{animation:.85s ease-in-out infinite favoritePendingPulse}@keyframes favoritePendingPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.14);opacity:1}}.track-fav-icon{font-size:.82em;line-height:1}.tracks-empty{padding:14px;color:var(--text-secondary);text-align:center}body.light-mode .tracks-modal-content{border-color:rgba(32,33,36,.08);background:radial-gradient(circle at top left,rgba(46,204,113,.1),transparent 44%),linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.98)),var(--card)}body.light-mode .tracks-modal-head{border-bottom-color:rgba(32,33,36,.08);background:linear-gradient(180deg,rgba(32,33,36,.03),rgba(32,33,36,.01))}body.light-mode .tracks-modal-head .tracks-modal-close{color:rgba(50,58,70,.92);border-color:rgba(32,33,36,.18);background:linear-gradient(180deg,rgba(32,33,36,.08),rgba(32,33,36,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}body.light-mode .tracks-modal-head .tracks-modal-close:hover{color:#1f6b45;border-color:rgba(46,204,113,.45);background:linear-gradient(180deg,rgba(46,204,113,.2),rgba(46,204,113,.07))}body.light-mode .tracks-modal-list{border-color:rgba(32,33,36,.1);background:linear-gradient(180deg,rgba(32,33,36,.03),rgba(255,255,255,.9))}body.light-mode .track-row{border-bottom-color:rgba(32,33,36,.08)}body.light-mode .track-row:nth-child(2n){background:rgba(32,33,36,.02)}.manager-save-modal .modal-badge-group{gap:10px}.manager-save-modal #edit-slot-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.manager-save-modal #edit-slot-badges .modal-choice-badge{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 6px}.manager-save-modal .modal-choice-badge{padding-top:9px;padding-bottom:9px;border-color:rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.manager-save-modal .modal-choice-badge.active{box-shadow:0 8px 20px rgba(46,204,113,.16),inset 0 1px 0 rgba(255,255,255,.05)}body.light-mode .manager-save-modal{border-color:rgba(32,33,36,.08);background:radial-gradient(circle at top left,rgba(46,204,113,.1),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.98)),var(--card)}body.light-mode .manager-save-modal-actions,body.light-mode .manager-save-modal-header{border-color:rgba(32,33,36,.08)}body.light-mode .manager-save-modal-panel{border-color:rgba(32,33,36,.08);background:linear-gradient(180deg,rgba(32,33,36,.03),rgba(32,33,36,.01))}body.light-mode .manager-save-modal #edit-name{border-color:rgba(32,33,36,.08);background:linear-gradient(180deg,rgba(32,33,36,.03),rgba(255,255,255,.85))}@media (max-width:640px){.tracks-modal-content{width:min(96vw,640px);max-height:86vh}.tracks-modal-head{padding:14px 14px 10px}.tracks-modal-subtitle{padding:0 14px}.track-row{grid-template-columns:28px 38px minmax(0,1fr) auto;gap:8px}.track-thumb{width:38px;height:38px;border-radius:9px}.track-duration{display:none}.tracks-modal-list{margin:0 14px 14px}.manager-save-modal #edit-slot-badges{grid-template-columns:repeat(3,minmax(0,1fr))}}.btn:disabled,button:disabled{pointer-events:none!important;cursor:default!important}.btn-pending:not(:disabled){cursor:wait!important}#app.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.speaker-group{border:1px solid var(--border);border-radius:10px;padding:12px;background:rgba(255,255,255,.02)}.speaker-group>.card{margin-bottom:0}.group-members-block{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.group-members-header{font-size:.72em;color:var(--group);font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.group-members-grid{display:grid;grid-template-columns:1fr;gap:8px}.card.card-member{padding:10px;background:rgba(255,255,255,.015);border-style:dashed}.card.card-member .header{margin-bottom:6px}.member-meta{margin-bottom:8px}.member-controls{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center}.member-controls .btn.power{width:100%}@media (min-width:769px) and (max-width:2000px){html[data-page-title-key="control.title"] .group-members-grid .card.card-member{min-height:128px;display:flex;flex-direction:column}html[data-page-title-key="control.title"] .group-members-grid .card.card-member .member-controls{margin-top:auto}}.playing-info{height:70px;margin-bottom:15px;display:flex;align-items:center;gap:15px}.art{width:60px;height:60px;border-radius:4px;background:var(--art-bg);object-fit:cover;border:1px solid var(--border)}html[data-page-title-key="control.title"] .art,html[data-page-title-key="control.title"] .control-np-art{backface-visibility:hidden;transform:translateZ(0);will-change:opacity,transform}html[data-page-title-key="control.title"] .art.art-fade-soft,html[data-page-title-key="control.title"] .control-np-art.art-fade-soft{animation:520ms cubic-bezier(.2,.72,.2,1) remoteCoverFadeSoft}@keyframes remoteCoverFadeSoft{from{opacity:.16;filter:blur(2px);transform:translateZ(0) scale(.992)}to{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}}html[data-page-title-key="control.title"] .remote-cover-overlay{position:fixed;z-index:9999;pointer-events:none;object-fit:cover;opacity:.96;filter:blur(0);transform:translateZ(0) scale(1);will-change:opacity,transform,filter;transition:opacity 520ms,transform 520ms,filter 520ms}html[data-page-title-key="control.title"] .remote-cover-overlay.is-fading{opacity:0;filter:blur(3px);transform:translateZ(0) scale(1.018)}@media (prefers-reduced-motion:reduce){html[data-page-title-key="control.title"] .art.art-fade-soft,html[data-page-title-key="control.title"] .control-np-art.art-fade-soft,html[data-page-title-key="control.title"] .remote-cover-overlay{animation:none;transition:none}}html[data-page-title-key="control.title"] .card.card-playing .playing-info{height:90px}html[data-page-title-key="control.title"] .card.card-playing .art{width:84px;height:84px;border-radius:8px}html[data-page-title-key="control.title"] .track-progress-wrap{display:flex;align-items:center;gap:10px;margin:-6px 0 12px}html[data-page-title-key="control.title"] .track-progress-bar{flex:1;height:6px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}html[data-page-title-key="control.title"] .track-progress-fill{display:block;height:100%;border-radius:999px;background:var(--accent)}html[data-page-title-key="control.title"] .track-progress-time{min-width:74px;text-align:right;font-size:.78em;font-weight:600;color:var(--text-secondary)}.meta{display:flex;flex-direction:column;overflow:hidden;flex-grow:1}.track{font-weight:700;font-size:1rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:3px}.artist{font-size:.85em;color:var(--text-secondary)}.source-chip{display:inline-flex;align-items:center;width:fit-content;margin-top:6px;padding:3px 9px;border-radius:999px;font-size:.68em;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent}.source-chip.source-streaming{color:#7fe6b2;border-color:rgba(127,230,178,.35);background:rgba(127,230,178,.12)}.source-chip.source-external_input{color:#ffd28a;border-color:rgba(255,210,138,.35);background:rgba(255,210,138,.12)}.source-chip.source-standby{color:#c8ccd4;border-color:rgba(200,204,212,.3);background:rgba(200,204,212,.1)}.source-chip.source-unknown{color:#d6b8ff;border-color:rgba(214,184,255,.35);background:rgba(214,184,255,.12)}.source-chip.source-confidence-low{opacity:.82}.source-chip.source-confidence-medium{opacity:.92}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}.btn.power{background:var(--btn-bg);color:var(--text-secondary);font-size:1rem}.btn.power.on{background:var(--accent);color:#000;border:none;font-weight:700}.controls .btn .icon-css,.member-controls .btn.power .icon-css{width:19px;height:19px}.btn.join{background:var(--btn-bg);grid-column:span 4;color:var(--text-secondary)}.btn.join:hover{background:var(--btn-hover-bg);border-color:#999;color:var(--btn-hover-text)}.presets-row{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:15px}.btn-preset{background:var(--card);border:1px solid var(--border);color:var(--text-secondary);padding:8px 0;border-radius:4px;cursor:pointer;font-size:.85em}.btn-preset.active{background:rgba(46,204,113,.2);color:var(--accent);border-color:var(--accent)}.slider-container{display:flex;align-items:center;gap:12px;margin-bottom:5px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.14));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.slider-container input[type=range]{-webkit-appearance:none;appearance:none;flex-grow:1;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(46,204,113,.55),rgba(46,204,113,.18));border:1px solid rgba(46,204,113,.18);box-shadow:inset 0 1px 3px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.02);cursor:grab}.slider-container input[type=range]:hover{filter:brightness(1.08)}.slider-container input[type=range]:active{cursor:grabbing}.slider-container input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:0 0}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0,#dff7e9 28%,var(--accent) 72%);border:2px solid rgba(8,12,10,.8);box-shadow:0 0 0 4px rgba(46,204,113,.16),0 4px 12px rgba(0,0,0,.45)}.slider-container input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(46,204,113,.55),rgba(46,204,113,.18));border:1px solid rgba(46,204,113,.18);box-shadow:inset 0 1px 3px rgba(0,0,0,.45)}.slider-container input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0,#dff7e9 28%,var(--accent) 72%);border:2px solid rgba(8,12,10,.8);box-shadow:0 0 0 4px rgba(46,204,113,.16),0 4px 12px rgba(0,0,0,.45)}.group-slider{background:linear-gradient(180deg,rgba(155,89,182,.09),rgba(0,0,0,.14));border-color:rgba(155,89,182,.22)}.group-slider input[type=range]{background:linear-gradient(90deg,rgba(155,89,182,.65),rgba(155,89,182,.2));border-color:rgba(155,89,182,.24)}.group-slider input[type=range]::-moz-range-track{background:linear-gradient(90deg,rgba(155,89,182,.65),rgba(155,89,182,.2));border-color:rgba(155,89,182,.24)}.group-slider input[type=range]::-moz-range-thumb,.group-slider input[type=range]::-webkit-slider-thumb{background:radial-gradient(circle at 35% 35%,#fff 0,#efe0f8 28%,var(--group) 72%);box-shadow:0 0 0 4px rgba(155,89,182,.18),0 4px 12px rgba(0,0,0,.45)}.slider-container.disabled{opacity:.55;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.08))}.slider-container>span:first-child{min-width:32px;font-size:.74em!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.slider-container>span:last-child{min-width:32px!important;padding:3px 0;border-radius:999px;background:rgba(255,255,255,.05);color:var(--text)!important;font-weight:700;font-variant-numeric:tabular-nums}.group-label{font-size:.7em;color:var(--group);font-weight:700;margin-bottom:5px;text-transform:uppercase;margin-top:10px}.master-badge{background:rgba(155,89,182,.15);color:var(--group);padding:8px;font-size:.8em;font-weight:700;text-align:center;border-radius:4px;grid-column:span 4;border:1px solid rgba(155,89,182,.3);text-transform:uppercase;letter-spacing:.5px}h3{margin:0;color:var(--text);font-size:1.1em;display:flex;align-items:center;gap:8px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.status{font-size:.75em;color:var(--text-secondary);font-weight:700;letter-spacing:1px;text-transform:uppercase}.status.master{color:var(--group)}#lib-favorites,#recents-results,#search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}#lib-presets{display:grid;grid-template-columns:repeat(3,280px);justify-content:center;gap:15px;margin-bottom:25px}#lib-favorites .card,#lib-presets .card,#recents-results .card,#search-results .card{flex-direction:row;align-items:flex-start;gap:14px;padding:14px;min-height:110px;height:auto;background:linear-gradient(135deg,rgba(24,24,24,.8),rgba(20,20,20,.95));border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);cursor:pointer;position:relative;overflow:hidden}#lib-favorites .card::before,#lib-presets .card::before,#recents-results .card::before,#search-results .card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);pointer-events:none}#lib-favorites .card:hover,#lib-presets .card:hover,#recents-results .card:hover,#search-results .card:hover{background:linear-gradient(135deg,rgba(28,28,28,.9),#181818);border-color:rgba(255,255,255,.15);box-shadow:0 8px 20px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);transform:translateY(-2px)}#lib-favorites .art,#lib-presets .art,#recents-results .art,#search-results .art{width:72px;height:72px;flex-shrink:0;margin-bottom:0;background:var(--art-bg);border-radius:10px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.05)}#lib-favorites .info,#lib-presets .info,#recents-results .info,#search-results .info{flex:1;overflow:hidden;text-align:left;display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:36px}.title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:var(--text);font-size:14px;letter-spacing:.3px}.sub{font-size:12px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.actions .btn-sm{flex:0 0 auto}.btn-sm{font-size:.75em;padding:6px 12px;background:linear-gradient(135deg,rgba(34,34,34,.8),rgba(30,30,30,.95));color:var(--btn-text);border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;font-weight:500;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.2)}.btn-sm:hover{background:linear-gradient(135deg,rgba(40,40,40,.9),#242424);border-color:rgba(255,255,255,.2);color:var(--text);box-shadow:0 4px 10px rgba(0,0,0,.3)}.btn-delete-modern{min-width:44px;min-height:38px;padding:7px 12px;color:#ff6b6b;border-color:rgba(255,107,107,.35);background:linear-gradient(135deg,rgba(255,107,107,.18),rgba(255,107,107,.08))}.btn-delete-modern:hover{color:#ffd2d2;border-color:rgba(255,107,107,.65);background:linear-gradient(135deg,rgba(255,107,107,.3),rgba(255,107,107,.15))}.btn-play-modern{min-width:88px;min-height:38px;padding:7px 18px;color:#7bf0a7;border-color:rgba(46,204,113,.35);background:linear-gradient(135deg,rgba(46,204,113,.2),rgba(46,204,113,.08))}.btn-play-modern:hover{color:#d7ffe8;border-color:rgba(46,204,113,.6);background:linear-gradient(135deg,rgba(46,204,113,.3),rgba(46,204,113,.14))}.btn-edit-modern{min-width:88px;min-height:38px;padding:7px 18px;color:#78c6ff;border-color:rgba(52,152,219,.35);background:linear-gradient(135deg,rgba(52,152,219,.2),rgba(52,152,219,.08))}.btn-edit-modern:hover{color:#d9efff;border-color:rgba(52,152,219,.62);background:linear-gradient(135deg,rgba(52,152,219,.3),rgba(52,152,219,.14))}.btn-save-modern{min-width:44px;min-height:38px;padding:7px 12px;color:#78c6ff;border-color:rgba(52,152,219,.35);background:linear-gradient(135deg,rgba(52,152,219,.2),rgba(52,152,219,.08))}.btn-save-modern:hover{color:#d9efff;border-color:rgba(52,152,219,.62);background:linear-gradient(135deg,rgba(52,152,219,.3),rgba(52,152,219,.14))}.card-action-icon{display:inline-flex;align-items:center;justify-content:center;width:1.2em;height:1.2em;font-size:1.06em;line-height:1;position:relative}.card-action-icon::after,.card-action-icon::before{content:"";position:absolute;box-sizing:border-box}.card-action-icon-play::before{left:.24em;top:.2em;width:0;height:0;border-top:.38em solid transparent;border-bottom:.38em solid transparent;border-left:.56em solid currentColor}.card-action-icon-edit::before{width:.58em;height:.13em;background:currentColor;transform:rotate(-36deg);border-radius:1px}.card-action-icon-edit::after{width:.18em;height:.18em;border:.11em solid currentColor;transform:rotate(-36deg) translate(.14em,.34em);border-radius:1px}.card-action-icon-delete::before{width:.62em;height:.5em;border:.11em solid currentColor;border-top:none;bottom:.05em;left:50%;transform:translateX(-50%);border-radius:0 0 3px 3px}.card-action-icon-delete::after{width:.76em;height:.13em;background:currentColor;top:.11em;left:50%;transform:translateX(-50%);border-radius:1px}.card-action-icon-save{position:relative;width:1.05em;height:1.05em;font-size:1em}.card-action-icon-save::after,.card-action-icon-save::before{content:"";position:absolute;left:50%;top:50%;background:currentColor;border-radius:2px;transform:translate(-50%,-50%)}.card-action-icon-save::before{width:72%;height:2px}.card-action-icon-save::after{width:2px;height:72%}.preset-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,var(--accent),#27dd60);color:#000;font-weight:700;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85em;box-shadow:0 4px 12px rgba(46,204,113,.3),inset 0 1px 0 rgba(255,255,255,.3);z-index:10;padding:0;border:2px solid rgba(255,255,255,.2);line-height:1}.section-title{color:var(--text-secondary);font-size:.85em;text-transform:uppercase;letter-spacing:1px;margin:30px 0 10px;border-bottom:1px solid #333;padding-bottom:5px}.section-title-split{gap:10px;flex-wrap:wrap}.search-divider{grid-column:1/-1;margin-top:25px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #444;color:var(--accent);font-weight:700;font-size:1.1em;text-transform:uppercase;display:block}#modal .modal-content{width:400px;max-width:90%}.search-bar{display:flex;gap:10px}.search-bar input[type=text]{flex:1}.search-bar select{width:80px;background:var(--input-bg);color:var(--input-text);border:1px solid var(--border)}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.top-bar h2{color:var(--title-color)!important}.nav-tabs{display:flex;gap:5px;background:var(--btn-bg);padding:5px;border-radius:8px;border:1px solid var(--border)}.nav-btn{background:0 0;border:none;color:var(--text-secondary);padding:8px 16px;cursor:pointer;font-weight:700;border-radius:6px;font-size:.9em;display:flex;align-items:center;gap:8px}.nav-btn.active{background:#444;color:#fff}.search-header{background:var(--card);padding:15px;border-radius:12px;margin-bottom:20px;border:1px solid var(--border)}.search-header .filter-row{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.search-header .filter-pill.icon-pill{flex:0 0 auto;width:26px;height:26px;font-size:.9em;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:999px}.source-row{display:flex;gap:10px;margin-bottom:15px}.source-btn{flex:1;padding:8px;border:1px solid var(--border);background:var(--btn-bg);color:var(--btn-text);border-radius:6px;cursor:pointer;font-weight:700;font-size:1.1em;display:flex;align-items:center;justify-content:center;gap:10px;transition:.2s}.source-btn img{height:28px;width:auto;border-radius:4px;transition:filter .2s}.source-btn .source-count{font-size:.8em;opacity:.85;font-weight:600}.source-btn.active-spotify{background:var(--accent);color:#000;border-color:var(--accent)}.source-btn.active-spotify img{filter:brightness(0)}.source-btn.active-radio{background:var(--radio);color:#000;border-color:var(--radio)}.source-btn.active-nas{background:var(--nas);color:#000;border-color:var(--nas)}.source-btn.active-nas img{filter:brightness(0)}.source-btn.active-deezer{background:var(--deezer);color:#fff;border-color:var(--deezer)}.source-btn.active-deezer img{filter:brightness(1.2)}.source-btn.active-filesystem_local{background:var(--filesystem_local);color:#000;border-color:var(--filesystem_local)}.source-btn.active-filesystem_local img{filter:brightness(.8)}.source-btn.active-library{background:var(--music-assistant);color:#000;border-color:var(--music-assistant)}.source-btn.active-library img{filter:brightness(.85)}.source-btn.active-all{background:var(--all-providers);color:#000;border-color:var(--all-providers)}.filter-row{display:flex;gap:8px;margin-bottom:10px}.filter-pill{font-size:.8em;padding:4px 12px;background:var(--pill-bg);border-radius:15px;color:var(--text-secondary);cursor:pointer;border:1px solid transparent}.filter-pill.active{border-color:var(--text-secondary);background:#555;color:#fff;font-weight:700}#tab-search #filter-row{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between;width:100%;gap:3px}#tab-search #filter-row .filter-pill.icon-pill{flex:0 0 calc((100% - 12px)/ 5);width:calc((100% - 12px)/ 5);max-width:calc((100% - 12px)/ 5);height:34px;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:12px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.12);color:#d6deeb;transition:color .18s,border-color .2s,background .2s,box-shadow .22s,transform .16s;line-height:1}#tab-search #filter-row .filter-pill.icon-pill::after,#tab-search #filter-row .filter-pill.icon-pill::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 1px rgba(130, 245, 190, .08));transition:filter .2s,opacity .2s}#tab-search #filter-row .filter-pill.icon-pill[data-filter=playlist]::before{width:14px;height:12px;border-radius:3px;background:linear-gradient(currentColor,currentColor) 2px 2px/10px 1.6px no-repeat,linear-gradient(currentColor,currentColor) 2px 5px/10px 1.6px no-repeat,linear-gradient(currentColor,currentColor) 2px 8px/10px 1.6px no-repeat;opacity:.94}#tab-search #filter-row .filter-pill.icon-pill[data-filter=artist]::before{width:8px;height:8px;border-radius:999px;border:1.8px solid currentColor;margin-top:-4px}#tab-search #filter-row .filter-pill.icon-pill[data-filter=artist]::after{width:14px;height:8px;border:1.8px solid currentColor;border-top:0;border-radius:0 0 8px 8px;margin-top:5px}#tab-search #filter-row .filter-pill.icon-pill[data-filter=album]::before{width:12px;height:12px;border-radius:999px;border:1.8px solid currentColor}#tab-search #filter-row .filter-pill.icon-pill[data-filter=album]::after{width:3px;height:3px;border-radius:999px;background:currentColor}#tab-search #filter-row .filter-pill.icon-pill[data-filter=track]::before{width:2px;height:12px;background:currentColor;margin-left:3px;margin-top:-2px}#tab-search #filter-row .filter-pill.icon-pill[data-filter=track]::after{width:7px;height:7px;border-radius:999px;border:1.8px solid currentColor;margin-left:-2px;margin-top:5px}#tab-search #filter-row .filter-pill.icon-pill[data-filter=all]::before{width:14px;height:14px;border-radius:4px;background:radial-gradient(circle,currentColor 1.5px,transparent 1.6px) 3px 3px/8px 8px no-repeat,radial-gradient(circle,currentColor 1.5px,transparent 1.6px) 9px 3px/8px 8px no-repeat,radial-gradient(circle,currentColor 1.5px,transparent 1.6px) 3px 9px/8px 8px no-repeat,radial-gradient(circle,currentColor 1.5px,transparent 1.6px) 9px 9px/8px 8px no-repeat;opacity:.95}#tab-search #filter-row .filter-pill.icon-pill:hover{color:#ecfff4;border-color:rgba(125,244,192,.52);background:linear-gradient(160deg,rgba(75,232,166,.2),rgba(75,232,166,.08));box-shadow:0 0 0 1px rgba(75,232,166,.14),0 7px 16px rgba(45,196,137,.16),inset 0 1px 0 rgba(255,255,255,.18)}#tab-search #filter-row .filter-pill.icon-pill:hover::after,#tab-search #filter-row .filter-pill.icon-pill:hover::before{filter:drop-shadow(0 0 3px rgba(136, 255, 207, .35))}#tab-search #filter-row .filter-pill.icon-pill.active{color:#f5fff8;border-color:rgba(106,245,186,.68);background:linear-gradient(160deg,rgba(50,220,141,.36),rgba(50,220,141,.14));box-shadow:0 0 0 1px rgba(115,255,198,.22),0 10px 22px rgba(32,188,121,.22),inset 0 1px 0 rgba(255,255,255,.24)}#tab-search #filter-row .filter-pill.icon-pill.active::after,#tab-search #filter-row .filter-pill.icon-pill.active::before{filter:drop-shadow(0 0 5px rgba(145, 255, 214, .56))}html[data-page-title-key="manager.title"] .filter-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}html[data-page-title-key="manager.title"] .filter-pill.icon-pill{width:100%;height:34px;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.02em;line-height:1}.preset-scope-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(100%,520px)}.preset-scope-badge{appearance:none;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:var(--text-secondary);border-radius:999px;padding:7px 12px;font-size:.8em;font-weight:600;letter-spacing:.02em;cursor:pointer;white-space:nowrap}.preset-scope-badge:focus-visible,.preset-scope-badge:hover{border-color:rgba(255,255,255,.22);color:var(--text);outline:0}.preset-scope-badge.active{background:linear-gradient(135deg,rgba(46,204,113,.28),rgba(46,204,113,.12));border-color:rgba(46,204,113,.48);color:var(--text);box-shadow:0 6px 16px rgba(46,204,113,.18)}.modal-badge-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.modal-badge-group-compact{gap:7px;flex-wrap:nowrap;justify-content:space-between}.modal-choice-badge{appearance:none;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:var(--text-secondary);border-radius:999px;padding:8px 12px;font-size:.82em;font-weight:600;letter-spacing:.02em;cursor:pointer;white-space:nowrap}.modal-badge-group-compact .modal-choice-badge{flex:1 1 0;min-width:0;text-align:center;padding-left:10px;padding-right:10px}.modal-badge-group-compact .modal-choice-badge-icon{display:block;font-size:1.15rem;line-height:1;font-weight:700}.repeat-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.35em;height:1.35em}.repeat-icon-off::before{content:"\2715";font-size:1em;opacity:.92}.repeat-icon-all::before,.repeat-icon-one::before{content:"\27F3";font-size:1.08em;line-height:1}.repeat-icon-one::after{content:"1";position:absolute;right:-.28em;bottom:-.24em;width:.9em;height:.9em;border-radius:999px;background:rgba(255,255,255,.16);font-size:.56em;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.modal-choice-badge.active .repeat-icon-one::after{background:rgba(46,204,113,.32)}.modal-choice-badge:focus-visible,.modal-choice-badge:hover{border-color:rgba(255,255,255,.22);color:var(--text);outline:0}.modal-choice-badge.active{background:linear-gradient(135deg,rgba(46,204,113,.28),rgba(46,204,113,.12));border-color:rgba(46,204,113,.48);color:var(--text);box-shadow:0 6px 16px rgba(46,204,113,.18)}.modal-badge-group.is-disabled{opacity:.45}.modal-choice-badge:disabled{cursor:not-allowed}body.light-mode .preset-scope-badge{background:linear-gradient(135deg,rgba(32,33,36,.04),rgba(32,33,36,.01));border-color:rgba(32,33,36,.12)}body.light-mode .preset-scope-badge.active{background:linear-gradient(135deg,rgba(46,204,113,.16),rgba(46,204,113,.07));border-color:rgba(46,204,113,.34)}body.light-mode .modal-choice-badge{background:linear-gradient(135deg,rgba(32,33,36,.04),rgba(32,33,36,.01));border-color:rgba(32,33,36,.12)}body.light-mode .modal-choice-badge.active{background:linear-gradient(135deg,rgba(46,204,113,.16),rgba(46,204,113,.07));border-color:rgba(46,204,113,.34)}.speaker-selector-container{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:var(--bg);padding:4px 8px;border-radius:8px;border:1px solid var(--border)}.speaker-label{font-size:.85em;color:var(--text-secondary);font-weight:600;white-space:nowrap}.mini-select,.speaker-selector-container select{appearance:none;background-color:var(--card);border:1px solid var(--border);color:var(--text);border-radius:6px;font-size:.9em;cursor:pointer;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org/2000/svg%27%20width%3D%27292.4%27%20height%3D%27292.4%27%3E%3Cpath%20fill%3D%27%23888888%27%20d%3D%27M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-13%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2013l131.3%20131.3c3.6%203.6%207.9%205.4%2013%205.4s9.3-1.8%2013-5.4L292.4%2095.2a17.6%2017.6%200%200%200%200-25.8z%27%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:10px;transition:border-color .2s}.speaker-selector-container select{padding:6px 28px 6px 8px;min-width:150px;max-width:100%}.mini-select{padding:4px 24px 4px 8px;font-size:.85em;background-position:right 8px center;background-size:10px}.mini-select:focus,.mini-select:hover,.speaker-selector-container select:focus,.speaker-selector-container select:hover{border-color:var(--accent);outline:0}@media (max-width:780px){.preset-scope-badges{justify-content:flex-start;width:100%;margin-top:10px}}.speaker-buttons-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.speaker-btn{appearance:none;background:var(--card);border:1.5px solid var(--border);color:var(--text-secondary);border-radius:20px;padding:6px 16px;font-size:.85em;font-weight:600;cursor:pointer;white-space:nowrap;transition:.2s;display:inline-flex;align-items:center;gap:6px}.speaker-btn-icon{width:12px;height:12px;flex-shrink:0;opacity:.8}.speaker-btn-label{display:inline-block}.speaker-btn:hover{border-color:var(--accent);color:var(--text)}.speaker-btn.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700;box-shadow:0 2px 8px rgba(46,204,113,.3)}.speaker-btn.active .speaker-btn-icon{opacity:1}@media (max-width:480px){.speaker-buttons-group{gap:4px}.speaker-btn{padding:5px 12px;font-size:.8em;border-radius:16px}}@media (min-width:769px) and (max-width:2000px){.speaker-buttons-group{gap:5px}.speaker-btn{padding:6px 14px;font-size:.82em;border-radius:18px}}html[data-page-title-key="manager.title"] .speaker-selector-container{padding:4px 8px;gap:8px}html[data-page-title-key="manager.title"] .speaker-label{font-size:.85em}html[data-page-title-key="manager.title"] #global-speaker{min-height:36px;height:36px;padding:5px 30px 5px 10px;font-size:.9em;line-height:1.2;background-position:right 8px center;background-size:10px}@media (max-width:1180px){html[data-page-title-key="manager.title"] .global-nav{flex-wrap:wrap;gap:12px}html[data-page-title-key="manager.title"] .control-nav-left{min-width:0!important;width:auto;flex:1 1 100%}html[data-page-title-key="manager.title"] .app-title{min-width:0;margin-right:0}html[data-page-title-key="manager.title"] .app-title span[data-i18n="common.appName"]{white-space:normal;overflow-wrap:anywhere;line-height:1.15}html[data-page-title-key="manager.title"] .nav-center-group{order:2;flex:1 1 100%;justify-content:center;flex-wrap:wrap}html[data-page-title-key="manager.title"] .speaker-selector-container{order:3;flex:1 1 100%;width:100%;min-width:0;justify-content:space-between}html[data-page-title-key="manager.title"] .speaker-selector-container select{min-width:0;flex:1 1 220px}html[data-page-title-key="manager.title"] .top-bar{flex-wrap:wrap;gap:12px;align-items:flex-start}html[data-page-title-key="manager.title"] .top-bar h2{flex:1 1 100%;min-width:0}html[data-page-title-key="manager.title"] .manager-main-tabs{flex-wrap:wrap;width:100%}html[data-page-title-key="manager.title"] .manager-main-tabs .nav-btn{flex:1 1 calc(50% - 6px);justify-content:center;min-width:0}html[data-page-title-key="manager.title"] #lib-favorites,html[data-page-title-key="manager.title"] #lib-presets{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-page-title-key="manager.title"] #lib-favorites .card,html[data-page-title-key="manager.title"] #lib-presets .card{min-width:0}html[data-page-title-key="manager.title"] .actions{flex-wrap:wrap}}.card.empty-slot{justify-content:center;color:var(--title-color);font-weight:500;opacity:1!important;border-style:solid!important}#admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:15px;align-items:start}#admin-grid>.card{grid-column:1/-1}.view-section{display:none;animation:.3s fadeIn}.view-section.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.speaker-order-card{margin-bottom:16px;border-left:3px solid #2ecc71;min-height:110px}.speaker-order-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.speaker-order-header .sub-head{margin-bottom:0}.speaker-order-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.speaker-order-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);cursor:grab;transition:border-color .2s,transform .2s,box-shadow .2s}.speaker-order-item:hover{border-color:rgba(46,204,113,.28)}.speaker-order-item.dragging{opacity:.55;transform:scale(.985);box-shadow:0 10px 24px rgba(0,0,0,.18)}.speaker-order-item.drop-target{border-color:var(--accent);box-shadow:0 0 0 2px rgba(46,204,113,.16)}.speaker-order-index{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(46,204,113,.14);color:var(--accent);font-weight:700}.speaker-order-name{min-width:0}.speaker-order-name>div:first-child{color:var(--text);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speaker-order-meta{color:var(--text-secondary);font-size:.8em;margin-top:2px}.speaker-order-actions{display:flex;gap:8px}.speaker-order-handle{min-width:38px;height:38px;padding:0 10px;font-size:1.05em;font-weight:700;color:var(--text-secondary);letter-spacing:1px;cursor:grab}.speaker-order-fallback{display:flex;gap:8px}.speaker-order-move{min-width:38px;height:38px;padding:0 10px;font-size:1.05em;font-weight:700}.speaker-order-empty{padding:14px;border:1px dashed var(--panel-border);border-radius:10px;color:var(--text-secondary);text-align:center}#admin-grid input[type=range],#admin-grid input[type=text]{width:60%}.sub-head{font-size:.85em;color:var(--text-secondary);margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}.info-row{font-size:.85em;color:var(--text-secondary);margin-bottom:15px;font-family:-apple-system,sans-serif}.control-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border-bottom:1px solid #222;padding-bottom:8px}.control-row label{font-size:.9em;color:var(--text-secondary)}button.pwr-on,button.state-on{background:var(--accent);color:#000;border:none;font-weight:700}button.pwr-off,button.state-off{background:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-border)}.tools-area{background:var(--panel-bg);padding:12px;border-radius:6px;border:1px solid var(--panel-border);margin-top:auto}.tools-title{font-size:.7em;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:8px;display:block}#admin-grid textarea{width:100%;height:200px;background:var(--input-bg);color:var(--console-text);font-family:monospace;font-size:.8em;border:1px solid var(--border);margin-top:10px;display:none;padding:10px;box-sizing:border-box}.stream-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-bottom:15px}.stream-grid input{width:100%}.stream-controls{display:flex;justify-content:space-between;align-items:center;background:var(--panel-bg);border:1px solid var(--panel-border);padding:10px;border-radius:6px;gap:15px}.admin-choice-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;width:100%}.admin-choice-badge{appearance:none;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:var(--text-secondary);border-radius:999px;padding:7px 12px;min-height:38px;width:100%;font-size:.78em;font-weight:600;cursor:pointer;white-space:nowrap;text-align:center}.admin-choice-badge:focus-visible,.admin-choice-badge:hover{border-color:rgba(255,255,255,.24);color:var(--text);outline:0}.admin-choice-badge.active{background:linear-gradient(135deg,rgba(46,204,113,.28),rgba(46,204,113,.12));border-color:rgba(46,204,113,.48);color:var(--text);box-shadow:0 6px 14px rgba(46,204,113,.16)}.admin-choice-badges-compact{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.admin-choice-badges-compact .admin-choice-badge{padding:7px 4px}.nas-layout{display:flex;gap:25px;flex-wrap:wrap}.nas-active-card{flex:1;min-width:280px;background:var(--panel-bg);padding:20px;border-radius:8px;border:1px solid var(--panel-border)}.nas-item{background:var(--panel-bg);padding:15px;border-radius:4px;border:1px solid var(--panel-border);display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.nas-item-text{text-align:left}.step-box{margin-bottom:20px}.step-title{color:var(--accent);font-weight:700;margin-bottom:5px;display:block;font-size:.9em;letter-spacing:.5px;text-transform:uppercase}.step-text{color:var(--text-secondary);font-size:.95em;line-height:1.6}.step-text strong{color:var(--text);font-weight:700}.step-text a{color:var(--accent);text-decoration:none}.step-text a:hover{text-decoration:underline}@media (max-width:768px){body{padding:10px!important}.card{padding:15px!important}.app-header,.global-nav{flex-direction:column;gap:15px;padding:15px;text-align:center;height:auto!important;align-items:stretch}.filter-row,.nav-tabs{flex-wrap:wrap;justify-content:center;height:auto}.top-bar h2{font-size:1.2em!important;flex-wrap:wrap;justify-content:center;text-align:center}.app-header>div:first-child{display:flex!important;flex-direction:column!important;width:100%;gap:15px}.app-header>div:last-child{display:flex!important;flex-direction:row!important;width:100%;justify-content:space-between;gap:10px}.admin-toolbar{justify-content:space-between;margin:-4px 0 16px;gap:10px}.admin-toolbar .lang-switcher{flex:1;justify-content:space-between;gap:12px}.admin-toolbar .lang-buttons-group{flex:1;justify-content:flex-end}.admin-toolbar .lang-btn{padding:6px 10px;font-size:.8em}.admin-toolbar .theme-switcher{width:auto;margin-left:0;padding:10px 12px}.speaker-order-header{flex-direction:column;align-items:stretch}.speaker-order-header .primary{width:100%}.speaker-order-item{grid-template-columns:32px minmax(0,1fr) auto;padding:10px 12px}.speaker-order-handle,.speaker-order-index,.speaker-order-move{width:32px;min-width:32px;height:32px}.app-header button.btn-help{width:48%;margin-top:5px;padding:10px}.app-title,.global-nav>div:first-child{justify-content:center;margin-right:0!important;width:100%;font-size:1.2em;white-space:nowrap!important;min-width:0!important}.control-nav-left{justify-content:flex-start!important;min-width:0!important;width:100%;gap:8px!important}.nav-center-group,.nav-menu{flex-wrap:wrap;justify-content:center;width:100%;gap:8px;display:flex!important}.global-link,.nav-link{flex-grow:1;text-align:center;padding:10px;background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-text)}.global-link.active,.nav-link.active{background:var(--accent)!important;color:#000!important;border-color:var(--accent)!important}.speaker-selector-container{width:100%;justify-content:center;margin:0;flex-direction:column;align-items:stretch}.speaker-selector-container select{width:100%!important;min-width:0!important}.speaker-label{align-self:flex-start}.btn-all-off{width:100%;justify-content:center;padding:12px}.global-nav>div:last-child{width:100%}#admin-grid,#app.grid,#lib-favorites,#recents-results,#search-results,.grid{grid-template-columns:1fr!important;padding-bottom:60px}#lib-presets{grid-template-columns:1fr!important}.source-row{flex-wrap:wrap}.source-btn{font-size:.9em;padding:10px}.top-bar{flex-direction:column;gap:15px;align-items:stretch}.search-bar{flex-direction:column}.search-bar button,.search-bar input[type=text],.search-bar select{width:100%}#tab-search #filter-row{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between;gap:3px;width:100%}#tab-search #filter-row .filter-pill.icon-pill{flex:0 0 calc((100% - 12px)/ 5);width:calc((100% - 12px)/ 5)!important;max-width:calc((100% - 12px)/ 5);min-width:0;height:30px;font-size:.9em}.stream-grid{grid-template-columns:1fr!important;gap:10px}.stream-controls{flex-direction:column;align-items:stretch}.stream-controls button{width:100%;margin-top:5px}.admin-choice-badges-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.nas-layout{flex-direction:column}.nas-active-card{display:flex;flex-direction:column;align-items:stretch;padding:15px!important;text-align:center;min-width:0!important;width:100%!important}.nas-item{display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:center;gap:10px;padding:15px;min-width:0!important;width:100%!important}#nas-ip-display,.nas-item-text{text-align:center!important;margin-bottom:0;word-break:break-all!important;overflow-wrap:break-word!important;white-space:normal!important}.nas-item button{width:auto!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-top:5px}.nas-active-card button{width:auto!important;margin-top:15px}.control-sidebar{width:min(320px,90vw)}}@media (max-width:480px){html[data-page-title-key="manager.title"] .speaker-selector-container{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:6px;padding:3px 6px}html[data-page-title-key="manager.title"] .speaker-label{align-self:center;font-size:.78em;white-space:nowrap;margin:0}html[data-page-title-key="manager.title"] #global-speaker{flex:1 1 auto;width:auto!important;min-width:0!important;height:32px;min-height:32px;padding:4px 26px 4px 8px;font-size:.85em;border-radius:5px}}@media (max-width:375px){.admin-choice-badges,.admin-choice-badges-compact{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px}.admin-choice-badges .admin-choice-badge,.admin-choice-badges-compact .admin-choice-badge{flex:0 0 auto;min-width:78px;white-space:nowrap}html[data-page-title-key="manager.title"] .speaker-selector-container{gap:5px;padding:2px 5px}html[data-page-title-key="manager.title"] .speaker-label{font-size:.74em}html[data-page-title-key="manager.title"] #global-speaker{height:30px;min-height:30px;padding:3px 24px 3px 8px;font-size:.82em;background-position:right 7px center;background-size:9px}}@media (max-width:768px){html[data-page-title-key="control.title"] .global-nav{flex-direction:row!important;padding:12px!important;gap:10px!important;align-items:center}html[data-page-title-key="control.title"] .control-nav-left{white-space:normal!important;flex-wrap:nowrap;flex:1;align-items:center!important;min-width:0!important}html[data-page-title-key="control.title"] .app-title{gap:10px;font-size:1.05em;min-width:0}html[data-page-title-key="control.title"] .app-title img{height:38px!important}html[data-page-title-key="control.title"] .app-title span[data-i18n="common.appName"]{white-space:normal;overflow-wrap:anywhere;line-height:1.15}html[data-page-title-key="control.title"] .btn-header-power{flex-shrink:0;margin-left:8px;padding:6px!important;font-size:1.2em!important}html[data-page-title-key="control.title"] #app.grid{gap:12px;padding-bottom:0!important;width:100%;min-width:0}html[data-page-title-key="control.title"] .card{padding:12px!important;min-width:0;max-width:100%}html[data-page-title-key="control.title"] .controls,html[data-page-title-key="control.title"] .group-members-block,html[data-page-title-key="control.title"] .group-members-grid,html[data-page-title-key="control.title"] .meta,html[data-page-title-key="control.title"] .presets-row,html[data-page-title-key="control.title"] .slider-container,html[data-page-title-key="control.title"] .speaker-group{min-width:0;max-width:100%}html[data-page-title-key="control.title"] .header{min-width:0;gap:8px}html[data-page-title-key="control.title"] .header h3{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-page-title-key="control.title"] .header h3 img{flex-shrink:0}html[data-page-title-key="control.title"] .playing-info{max-height:110px;min-height:56px;gap:10px;margin-bottom:12px}html[data-page-title-key="control.title"] .art{width:52px;height:52px}html[data-page-title-key="control.title"] .card.card-playing .playing-info{height:78px}html[data-page-title-key="control.title"] .card.card-playing .art{width:68px;height:68px}html[data-page-title-key="control.title"] .track-progress-wrap{margin:-4px 0 10px}html[data-page-title-key="control.title"] .track-progress-time{min-width:64px;font-size:.74em}html[data-page-title-key="control.title"] .controls{gap:6px}html[data-page-title-key="control.title"] .btn{padding:8px 10px}html[data-page-title-key="control.title"] .member-controls{grid-template-columns:46px 1fr;gap:6px}html[data-page-title-key="control.title"] .presets-row{gap:6px}}@media (max-width:480px){html[data-page-title-key="control.title"] .global-nav{padding:9px!important}html[data-page-title-key="control.title"] .control-nav-left{gap:6px!important}html[data-page-title-key="control.title"] .app-title{gap:8px;font-size:.98em}html[data-page-title-key="control.title"] .app-title img{height:34px!important}html[data-page-title-key="control.title"] .control-nav-left span[data-i18n="common.appName"]{font-size:.95em}html[data-page-title-key="control.title"] .presets-row{grid-template-columns:repeat(3,1fr);gap:8px}html[data-page-title-key="control.title"] .btn-preset{padding:10px 0}html[data-page-title-key="control.title"] .controls{gap:6px}html[data-page-title-key="control.title"] .controls .btn{min-height:38px;font-size:.95em;padding:8px}html[data-page-title-key="control.title"] .member-controls{grid-template-columns:44px 1fr}html[data-page-title-key="control.title"] .slider-container{gap:8px}}@media (max-width:375px){html[data-page-title-key="control.title"] body{padding:8px!important;height:100dvh;overflow:hidden}html[data-page-title-key="control.title"] .container{height:100%;display:flex;flex-direction:column;min-height:0}html[data-page-title-key="control.title"] .global-nav{padding:7px!important;gap:6px!important;margin-bottom:6px;flex:0 0 auto}html[data-page-title-key="control.title"] #app.grid{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}html[data-page-title-key="control.title"] .app-title{font-size:.89em;gap:5px}html[data-page-title-key="control.title"] .app-title img{height:28px!important}html[data-page-title-key="control.title"] .card{padding:10px!important}html[data-page-title-key="control.title"] .header{gap:6px}html[data-page-title-key="control.title"] .header h3{font-size:.98em}html[data-page-title-key="control.title"] .playing-info{gap:8px;min-height:50px}html[data-page-title-key="control.title"] .art{width:46px;height:46px}html[data-page-title-key="control.title"] .card.card-playing .playing-info{min-height:62px}html[data-page-title-key="control.title"] .card.card-playing .art{width:58px;height:58px}html[data-page-title-key="control.title"] .track-progress-wrap{gap:8px;margin:-2px 0 8px}html[data-page-title-key="control.title"] .track-progress-time{min-width:58px;font-size:.7em}html[data-page-title-key="control.title"] .track{font-size:.94rem;line-height:1.18;letter-spacing:.1px}html[data-page-title-key="control.title"] .artist{font-size:.82em;opacity:.92}html[data-page-title-key="control.title"] .controls .btn{min-height:36px;font-size:.93em;padding:7px}}#nas-ip-display,.nas-item-text>div:last-child,h2>span,label[style*=color]{color:var(--text-secondary)!important}.vol-bubble{position:absolute;top:-42px;background:linear-gradient(180deg,#5ee08b,var(--accent));color:#08110b;font-weight:700;padding:5px 9px;border-radius:999px;font-size:.76em;pointer-events:none;opacity:0;transform:translateX(-50%);white-space:nowrap;border:1px solid rgba(255,255,255,.24);box-shadow:0 10px 18px rgba(0,0,0,.35);transition:none!important;z-index:100}.vol-bubble.visible{opacity:1}.vol-bubble::after{content:'';position:absolute;bottom:-5px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--accent) transparent transparent transparent}.active-locked,.btn-active{background-color:rgba(46,204,113,.2)!important;color:var(--accent)!important;border-color:var(--accent)!important;opacity:1!important;cursor:pointer!important}.btn-pending,.btn-pending:disabled,.btn-pending:hover{background-color:rgba(241,196,15,.15)!important;color:var(--pending)!important;border-color:var(--pending)!important;cursor:wait!important;pointer-events:auto!important}.btn.play.btn-pending:not(:disabled){cursor:pointer!important}.btn-disabled:not(.btn-pending){pointer-events:none!important;cursor:default!important}.btn-master-join,.btn-master-join:hover{background-color:rgba(155,89,182,.2)!important;color:var(--group)!important;border-color:var(--group)!important;cursor:default!important}.art-blank{background-color:var(--art-bg);display:flex;align-items:center;justify-content:center;border:1px solid var(--border);position:relative}.art-blank::after,.art-blank::before{content:"";position:absolute;opacity:.34}.art-blank::before{width:1.5px;height:20px;background:var(--text);border-radius:1px;transform:translate(8px,-3px)}.art-blank::after{width:10px;height:10px;border:1.5px solid var(--text);border-radius:50%;transform:translate(-1px,8px)}input:disabled,select:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border)}input:disabled+label{opacity:.5;color:var(--text-secondary)}.hidden{display:none!important}.btn-theme-toggle{width:100%;margin-top:10px;padding:12px;font-size:1em;font-weight:700;background:0 0;color:var(--text);border:2px solid var(--border);border-radius:6px;cursor:pointer;transition:.2s}.btn-theme-toggle:hover{background:var(--nav-hover);border-color:var(--accent);color:var(--text)}.np-status-badge{margin-top:20px;padding:6px 12px;border-radius:20px;background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text-secondary);font-size:.85em;text-transform:uppercase;letter-spacing:1px}.control-tablet-nowplaying{display:none!important}.control-speakers-column{display:flex;flex-direction:column;gap:20px;min-height:0}.aurora-nowplaying{position:relative;isolation:isolate;cursor:pointer;--np-c1:rgba(46, 204, 113, 0.34);--np-c2:rgba(52, 152, 219, 0.28);--np-c3:rgba(26, 34, 56, 0.22);background:radial-gradient(120% 120% at 0 0,var(--np-c1) 0,rgba(0,0,0,0) 62%),radial-gradient(130% 120% at 100% 0,var(--np-c2) 0,rgba(0,0,0,0) 64%),radial-gradient(120% 120% at 50% 100%,var(--np-c3) 0,rgba(0,0,0,0) 65%),linear-gradient(170deg,rgba(12,14,20,.9),rgba(10,11,16,.82));border:1px solid rgba(255,255,255,.1)}.control-np-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.control-np-head{font-size:.75em;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.74);margin-bottom:12px;text-shadow:0 1px 6px rgba(0,0,0,.35)}.control-np-art{width:min(86%,360px);aspect-ratio:1/1;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.22);background:var(--art-bg);margin:0;box-shadow:0 18px 36px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.1) inset}.control-np-art-wrap{width:min(86%,360px);margin:0;border-radius:20px;isolation:isolate}.control-np-art-wrap::before{content:"";position:absolute;inset:-18px;border-radius:28px;background:radial-gradient(90% 90% at 18% 22%,var(--np-c1) 0,rgba(0,0,0,0) 68%),radial-gradient(80% 80% at 80% 18%,var(--np-c2) 0,rgba(0,0,0,0) 72%),radial-gradient(100% 100% at 50% 90%,var(--np-c3) 0,rgba(0,0,0,0) 74%);filter:blur(16px) saturate(115%);opacity:.95;z-index:0;pointer-events:none}.control-np-art-wrap .control-np-art{position:relative;width:100%;max-width:none;z-index:1}.control-np-album,.control-np-art-wrap,.control-np-artist,.control-np-head,.control-np-next-row,.control-np-track,.control-tablet-nowplaying .np-track-progress{position:relative;z-index:1}.control-np-art-blank{display:block}.control-np-source-row{display:flex;align-items:center;gap:8px;margin-top:8px;margin-bottom:6px}.control-np-source-label{color:var(--text-secondary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.control-np-track{font-size:1.18em;font-weight:700;color:var(--text);text-align:center;max-width:90%;line-height:1.22;text-shadow:0 1px 8px rgba(0,0,0,.45)}.control-np-artist{margin-top:6px;color:var(--accent);text-align:center;font-size:.98em;max-width:90%}.control-np-album{margin-top:4px;color:rgba(224,224,224,.84);text-align:center;font-size:.86em;max-width:90%}.control-np-empty{margin-top:10px;color:var(--text-secondary);text-align:center;font-size:.9em;font-weight:600;letter-spacing:.02em}.control-tablet-nowplaying .np-track-progress{margin-top:12px;width:min(86%,360px);display:flex;flex-direction:column;gap:6px}.control-tablet-nowplaying .np-track-progress-bar{width:100%;height:10px;border-radius:999px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 2px rgba(0,0,0,.35);overflow:hidden}.control-tablet-nowplaying .np-track-progress-fill{display:block;height:100%;border-radius:999px;background:var(--text-secondary);box-shadow:0 0 10px rgba(46,204,113,.35)}.control-tablet-nowplaying .np-track-progress-fill.np-playing{background:var(--accent)}.control-tablet-nowplaying .np-track-progress-fill.np-paused{background:#f1c40f}.control-tablet-nowplaying .np-track-progress-fill.np-on{background:rgba(224,224,224,.65)}.control-tablet-nowplaying .np-track-progress-fill.np-off{background:rgba(176,176,176,.45)}.control-tablet-nowplaying .np-track-progress-time{text-align:center;color:var(--text-secondary);font-size:.8em;letter-spacing:.5px}.control-tablet-nowplaying .np-track-progress.is-unknown .np-track-progress-time{opacity:.75}.control-np-next-row{margin-top:12px;width:min(86%,360px);display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}.control-np-next-label{font-size:.72em;text-transform:uppercase;letter-spacing:.08em;color:rgba(224,224,224,.72)}.control-np-next-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center}.control-np-next-art{width:46px;height:46px;border-radius:8px;object-fit:cover;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}.control-np-next-art-blank{display:block}.control-np-next-title{color:rgba(242,242,242,.92);font-size:.9em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-tablet-nowplaying .np-status-badge{margin-top:12px}.control-tablet-nowplaying .np-status-badge.np-playing{color:var(--accent);border-color:var(--accent)}.control-tablet-nowplaying .np-status-badge.np-paused{color:#f1c40f;border-color:#f1c40f}.control-tablet-nowplaying .np-status-badge.np-on{color:var(--text);border-color:var(--border)}.control-tablet-nowplaying .np-status-badge.np-off{color:var(--text-secondary);border-color:var(--border)}@media (min-width:769px) and (max-width:2000px) and (orientation:landscape){html[data-page-title-key="control.title"] #app.grid{grid-template-columns:minmax(280px,0.8fr) minmax(300px,1.2fr);grid-template-rows:1fr;gap:20px;align-items:stretch;height:calc(100vh - 130px);overflow:hidden}html[data-page-title-key="control.title"] #app.grid>.card{min-height:0;display:flex;flex-direction:column;overflow:hidden}html[data-page-title-key="control.title"] .control-speakers-column{grid-column:1;grid-row:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-right:2px}html[data-page-title-key="control.title"] .speaker-selector-container{padding:3px 8px;gap:6px}html[data-page-title-key="control.title"] .speaker-selector-container select{padding:5px 28px 5px 8px;font-size:.88em;background-size:10px;background-position:right 7px center}html[data-page-title-key="control.title"] .speaker-label{font-size:.8em}html[data-page-title-key="control.title"] .control-tablet-nowplaying{grid-column:2;grid-row:1;width:100%;max-width:none;flex-direction:column;justify-content:center;text-align:center;gap:10px;display:flex!important;overflow:hidden;padding:18px 14px;border-radius:16px}html[data-page-title-key="control.title"] .control-np-art,html[data-page-title-key="control.title"] .control-np-art-wrap{width:min(88%,380px);max-width:380px;margin:10px auto 14px;flex-shrink:0}html[data-page-title-key="control.title"] .control-np-album,html[data-page-title-key="control.title"] .control-np-artist,html[data-page-title-key="control.title"] .control-np-head,html[data-page-title-key="control.title"] .control-np-track{text-align:center}html[data-page-title-key="control.title"] .control-tablet-nowplaying .np-track-progress{margin-top:10px;margin-left:0}}@media (min-width:769px) and (max-width:2000px) and (orientation:portrait){html[data-page-title-key="control.title"] .control-tablet-nowplaying{display:flex!important;align-items:center;justify-content:center;text-align:center;padding:18px;cursor:pointer}html[data-page-title-key="control.title"] .control-np-art,html[data-page-title-key="control.title"] .control-np-art-wrap{width:min(86%,340px);max-width:340px}}@media (max-width:768px){.manager-main-tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%;background:0 0;border:none;padding:0;margin-bottom:15px}.manager-main-tabs .nav-btn{width:100%;justify-content:center;background:var(--btn-bg);border:1px solid var(--border);min-height:110px;max-height:110px;padding:12px}.manager-main-tabs .nav-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}}.modal-content.pdf-mode{width:95%;height:90vh;max-width:1000px;display:flex;flex-direction:column;padding:15px;overflow-y:auto;-webkit-overflow-scrolling:touch}.pdf-frame{flex:1;width:100%;border:1px solid var(--border);background:#fff;border-radius:4px;margin-top:10px;display:block}@media (max-width:768px){.modal-content.pdf-mode{width:100%;height:100%;border-radius:0;padding:10px}}