:root{--bg: #0b0f17;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.09);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.62);--line: rgba(255,255,255,.12);--accent: #7c5cff;--good: #2dd4bf;--warn: #f59e0b;--bad: #ef4444;--shadow: 0 12px 40px rgba(0,0,0,.35);--radius: 18px;--player-bar-h: 78px;--main-player-gap: 6px;--app-pad-top: 18px;--min-height-1:450px;--max-height-1: calc(100dvh - var(--player-bar-h) - var(--main-player-gap) - var(--app-pad-top))}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 800px at 20% 0%, rgba(124, 92, 255, 0.18), transparent 55%),radial-gradient(1200px 800px at 90% 30%, rgba(45, 212, 191, 0.12), transparent 60%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";overflow-x:hidden}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:320px 1fr;gap:18px;padding:18px;--app-pad-top: 18px;padding-bottom:var(--main-player-gap)}.nav-sidebar{position:fixed;left:0;top:0;bottom:0;width:min(92vw,360px);z-index:90;border:1px solid var(--line);border-right:1px solid var(--line);border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(180deg, rgba(22, 24, 34, 0.98), rgba(13, 15, 21, 0.99));backdrop-filter:blur(14px);display:flex;flex-direction:column;transition:transform .2s;transform:translateX(-110%)}.nav-sidebar.show{transform:translateX(0)}.nav-sidebar .sideHeader{flex:none}.nav-sidebar .list-group{list-style:none;padding:10px;margin:0;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-sidebar .list-group>div{height:1px;margin:8px 6px;background:var(--line);flex:none}.nav-sidebar .list-group li{position:relative}.nav-sidebar .list-group li button.link{cursor:pointer;border:none;background:none;font:inherit;width:100%}.nav-sidebar .list-group li form{margin:0}.nav-sidebar .list-group li a,.nav-sidebar .list-group li button.link{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:12px;color:var(--text);font-size:14px;text-align:left;transition:.15s background,.15s color}.nav-sidebar .list-group li a i,.nav-sidebar .list-group li a img,.nav-sidebar .list-group li button.link i,.nav-sidebar .list-group li button.link img{flex:none;opacity:.85}.nav-sidebar .list-group li a:hover,.nav-sidebar .list-group li button.link:hover{background:rgba(255,255,255,.08);color:#fff}.nav-sidebar .list-group li a:active,.nav-sidebar .list-group li button.link:active{transform:translateY(1px)}.sidebar{position:sticky;top:18px;min-height:var(--min-height-1);height:var(--max-height-1);border:1px solid var(--line);background:linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.04));border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.sideHeader{padding:14px 14px 10px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;flex-direction:column}.brand strong{font-size:15px}.brand span{font-size:12px;color:var(--muted)}.btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);padding:9px 10px;border-radius:12px;cursor:pointer;transition:.15s transform,.15s background;display:inline-flex;align-items:center;gap:8px;user-select:none}.btn:hover{background:rgba(255,255,255,.1)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:default;pointer-events:none}.btn.primary{background:linear-gradient(135deg, rgba(124, 92, 255, 0.9), rgba(124, 92, 255, 0.55));border-color:rgba(124,92,255,.55)}.btn.danger{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.35)}.btn.small{padding:7px 9px;border-radius:10px;font-size:12px}.pill{font-size:12px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.04)}.playlists{padding:12px;overflow:auto;flex:1}.plItem{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px;border-radius:14px;border:1px solid rgba(0,0,0,0);cursor:pointer;transition:.12s background,.12s border}.plItem:hover{background:rgba(255,255,255,.06)}.plItem.active{background:rgba(124,92,255,.14);border-color:rgba(124,92,255,.25)}.plItem.playing{border-color:rgba(45,212,191,.55);box-shadow:inset 0 0 0 1px rgba(45,212,191,.12)}.plName{display:flex;flex-direction:column;gap:2px;min-width:0}.plName strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plItem.playing .plName strong::before{content:"";font-family:"bootstrap-icons" !important;font-style:normal;font-weight:normal !important;display:inline-block;margin-right:6px;color:var(--good);font-size:12px;vertical-align:-1px}.plName span{font-size:12px;color:var(--muted)}.plActions{display:flex;gap:8px;align-items:center}.plClearBtn{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--muted);cursor:pointer;transition:.15s background,.15s color,.15s border-color}.plClearBtn:hover{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.35);color:#ff8a8a}.plClearBtn:active{transform:translateY(1px)}.plMenuBtn{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--muted);cursor:pointer;transition:.15s background,.15s color,.15s border-color}.plMenuBtn:hover{background:rgba(255,255,255,.08);border-color:var(--line);color:var(--text)}.plMenuBtn:active{transform:translateY(1px)}.hintBox{padding:12px;border-top:1px solid var(--line);background:rgba(0,0,0,.18);font-size:12px;color:var(--muted);line-height:1.45}.hintBox .keys-hint{display:flex;flex-direction:column;gap:.5rem}.hintBox kbd{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-bottom-color:rgba(255,255,255,.18);padding:2px 7px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:rgba(255,255,255,.85);font-size:11px}.main{border:1px solid var(--line);background:linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.03));border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-height:var(--min-height-1);max-height:var(--max-height-1);display:flex;flex-direction:column}.topbar{position:relative;padding:14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.topbar #searchReshultContainer{opacity:0;pointer-events:none;position:absolute;z-index:30;top:65px;left:10px;right:10px;max-height:450px;overflow-y:auto;backdrop-filter:blur(10px)}.topbar #searchReshultContainer.show{opacity:1;pointer-events:all}.topbar #searchReshultContainer{scrollbar-width:thin;scrollbar-color:rgba(124,92,255,.5) rgba(255,255,255,.04)}.topbar #searchReshultContainer::-webkit-scrollbar{width:10px}.topbar #searchReshultContainer::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:999px;margin:4px 0}.topbar #searchReshultContainer::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(124, 92, 255, 0.65), rgba(45, 212, 191, 0.55));border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:padding-box}.topbar #searchReshultContainer::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, rgba(124, 92, 255, 0.9), rgba(45, 212, 191, 0.75));background-clip:padding-box}.searchWrap{position:relative;flex:1;min-width:280px;display:flex;gap:10px;align-items:center}.input{width:100%;padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.22);color:var(--text);outline:none}.searchWrap .input{padding-right:40px}.searchClearBtn{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:10px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--muted);font-size:15px;line-height:1;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.searchClearBtn:hover{background:rgba(255,255,255,.08);border-color:var(--line);color:var(--text)}.searchClearBtn:active{transform:translateY(-50%) scale(0.92)}.input:focus{border-color:rgba(124,92,255,.55);box-shadow:0 0 0 4px rgba(124,92,255,.12)}.content{display:grid;grid-template-columns:330px 1fr;gap:16px;padding:16px;flex:1;overflow:hidden;min-height:0}.nowPlayingCard{position:relative;padding:16px;gap:14px;align-items:center;text-align:center;overflow:auto}.npMenuBtn{position:absolute;top:10px;right:10px;flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--muted);cursor:pointer;transition:.15s background,.15s color,.15s border-color}.npMenuBtn:hover{background:rgba(255,255,255,.08);border-color:var(--line);color:var(--text)}.npMenuBtn:active{transform:translateY(1px)}.npMenuBtn:disabled{opacity:.35;cursor:default;pointer-events:none}.npPoster{width:100%;aspect-ratio:1/1;max-width:260px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid var(--line);box-shadow:var(--shadow);flex:none}.npPoster img{width:100%;height:100%;object-fit:cover;display:block}.npPoster{position:relative;container-type:inline-size}.npPlaylist{position:absolute;top:clamp(4px,4cqi,10px);right:clamp(4px,4cqi,10px);max-width:calc(100% - 2*clamp(4px,4cqi,10px));padding:clamp(2px,1.6cqi,4px) clamp(5px,3.2cqi,9px);border-radius:999px;background:rgba(10,14,22,.72);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);color:#fff;font-size:clamp(8px,5.2cqi,13px);font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.npPlaylist[hidden]{display:none}.card{border:1px solid var(--line);background:rgba(0,0,0,.18);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-height:200px}.cardHeader{padding:12px 12px 10px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.cardHeader strong{font-size:13px}.cardHeader span{font-size:12px;color:var(--muted)}.list{overflow:auto;padding:8px;flex:1}#queueList-section .list{scrollbar-width:thin;scrollbar-color:rgba(124,92,255,.5) rgba(255,255,255,.04)}#queueList-section .list::-webkit-scrollbar{width:10px}#queueList-section .list::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:999px;margin:4px 0}#queueList-section .list::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(124, 92, 255, 0.65), rgba(45, 212, 191, 0.55));border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:padding-box}#queueList-section .list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, rgba(124, 92, 255, 0.9), rgba(45, 212, 191, 0.75));background-clip:padding-box}.row{padding:10px 10px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);transition:.12s background,.12s border}.row:hover{background:rgba(255,255,255,.06)}.row.is-selected{background:rgba(45,212,191,.14);border-color:rgba(45,212,191,.35)}.row.active{background:rgba(45,212,191,.1);border-color:rgba(45,212,191,.22)}.rLeft{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.rPoster{width:36px;height:36px;border-radius:8px;object-fit:cover;flex:none;background:rgba(255,255,255,.04);border:1px solid var(--line)}.rMain{display:flex;flex-direction:column;gap:2px;min-width:0}.rMain .title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rMain .sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rActions{display:flex;gap:8px;align-items:center;flex-shrink:0}.rActions .dur{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted);min-width:34px;text-align:right}.ytPrompt{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 10px;font-size:13px;color:var(--muted)}.ytPrompt.is-error{color:#ff8a8a}.ytHeader{display:flex;align-items:center;gap:6px;padding:6px 10px 4px;font-size:12px;color:var(--muted)}.ytHeader .bi-youtube{color:#ff4e45}.ytRow{cursor:default}.ytRow .rMain{flex:1}.ytRow .ytThumb{width:64px;height:36px;border-radius:8px;object-fit:cover;flex:none;background:rgba(255,255,255,.04);border:1px solid var(--line)}.ytRow .ytProgress{display:flex;flex-direction:column;gap:4px;margin-top:4px}.ytRow .ytProgress[hidden]{display:none}.ytRow .ytProgress.is-error .ytStage{color:#ff8a8a}.ytRow .ytProgress.is-error .cmp3-bar{display:none}.ytRow .ytStage{font-size:11px;color:var(--muted)}.ytRow .btn{white-space:nowrap}@media(max-width: 520px){.ytRow .ytBtnLabel{display:none}.ytRow .ytThumb{width:48px;height:27px}}.badge{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:rgba(255,255,255,.04)}.playerBar{position:fixed;left:0;right:0;bottom:0;background:rgba(10,14,22,.78);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:10px 14px;display:flex;align-items:center;gap:14px;z-index:50}.trackInfo{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:100%;width:100%}.trackInfo strong{font-size:clamp(15px,1.6vw,20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackInfo span{font-size:clamp(12px,1.1vw,15px);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npActions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.controls{display:flex;gap:8px;align-items:center;flex-shrink:0}.iconBtn{width:40px;height:40px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);cursor:pointer;transition:.15s transform,.15s background}.iconBtn:hover{background:rgba(255,255,255,.1)}.iconBtn:active{transform:translateY(1px)}.iconBtn.primary{background:linear-gradient(135deg, rgba(124, 92, 255, 0.9), rgba(124, 92, 255, 0.55));border-color:rgba(124,92,255,.55)}.timeline{display:flex;align-items:center;gap:10px;flex:1;min-width:240px}input[type=range]{width:100%;accent-color:var(--accent)}.time{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);width:56px;text-align:center}.rightStuff{display:flex;align-items:center;gap:10px;flex-shrink:0}.volWrap{display:flex;align-items:center;gap:8px;min-width:140px}@media(max-width: 1020px){.app{grid-template-columns:1fr}.sidebar{position:relative}.content{grid-template-columns:1fr;grid-template-rows:auto 1fr}}@media(max-width: 1022px){.nowPlayingCard{flex-direction:row;flex-wrap:wrap;text-align:left;align-items:center;padding:12px;gap:12px;min-height:0}.npPoster{max-width:clamp(64px,12vw,160px)}.trackInfo{min-width:0;flex:1}.npActions{flex-basis:100%;justify-content:flex-start}}@media(max-width: 580px){.rightStuff{display:none}}@media(max-width: 550px){.npActions{display:none}}/*# sourceMappingURL=style.min.css.map */