#music-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#080b10d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:14}#music-overlay .card{display:flex;flex-direction:column;background:#121821;border:1px solid #2a3442;border-radius:12px;width:min(95vw,720px);height:min(90vh,648px);padding:20px 24px 16px}#music-overlay h1{font-size:20px;letter-spacing:4px;margin-bottom:12px;color:#e6eef6;text-align:center}.mp-now{display:flex;gap:14px;align-items:center}.mp-cover{width:60px;height:60px;flex-shrink:0;border-radius:10px;border:1px solid #2a3a4c;background:radial-gradient(circle at 50% 32%,#1d3a54,#0b121b 84%);display:flex;align-items:flex-end;justify-content:center;gap:4px;padding-bottom:12px}.mp-cover i{width:4px;height:20%;background:#5ec5ff;border-radius:2px}#music-overlay.playing .mp-cover i{animation:mp-eq-cover .9s ease-in-out infinite}#music-overlay.playing .mp-cover i:nth-child(2){animation-delay:.3s}#music-overlay.playing .mp-cover i:nth-child(3){animation-delay:.15s}#music-overlay.playing .mp-cover i:nth-child(4){animation-delay:.45s}@keyframes mp-eq-cover{0%,to{height:20%}50%{height:60%}}.mp-meta{flex:1;min-width:0}.mp-title{font-size:15px;color:#eaf2fb;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-sub{font-size:11.5px;color:#7f93a8;margin-top:2px}.mp-progress{display:flex;align-items:center;gap:8px;margin-top:9px}.mp-time{font-size:10.5px;color:#8296aa;min-width:32px;font-variant-numeric:tabular-nums}.mp-time.dur{text-align:right}.mp-track{flex:1;height:6px;background:#202b38;border-radius:3px;cursor:pointer;overflow:hidden}.mp-fillbar{height:100%;width:0%;background:linear-gradient(90deg,#3aa7ff,#5ec5ff)}.mp-transport{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 4px}.mp-tbtn{background:#1a2431;border:1px solid #2a3646;color:#b9c8d8;border-radius:8px;width:40px;height:36px;font-size:15px;cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center}.mp-tbtn:hover{border-color:#3a94dd;color:#eaf4ff}.mp-tbtn.big{width:54px;height:44px;font-size:19px;color:#fff;background:linear-gradient(180deg,#2f7cc4,#245f9e);border-color:#3a94dd}.mp-tbtn.big:hover{filter:brightness(1.1)}.mp-tbtn.on{color:#5ec5ff;border-color:#35617f;background:#16283a}.mp-tbtn.off{opacity:.5}.ic-svg{width:16px;height:16px;display:block}.mp-tbtn.big .ic-svg{width:20px;height:20px}#now-playing .ic-svg{width:14px;height:14px}.ic-cur{width:9px;height:9px;display:inline-block;vertical-align:middle}.mp-main{display:flex;gap:14px;flex:1;min-height:0;margin-top:10px}.mp-side{width:178px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;border-right:1px solid #212a36;padding-right:12px}#mp-playlists{display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1}.mp-pl{display:flex;align-items:center;gap:7px;text-align:left;width:100%;background:transparent;color:#9fb2c6;border:1px solid transparent;border-radius:6px;padding:7px 9px;font:inherit;font-size:12px;cursor:pointer}.mp-pl:hover{background:#161f2b;color:#cfe0ef}.mp-pl.active{background:linear-gradient(90deg,#21374f,#182534);color:#eaf4ff;border-color:#2c485f}.mp-pl .ic{width:15px;text-align:center;flex-shrink:0}.mp-pl .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-pl .cnt{font-size:10px;color:#63768a}.mp-pl .pill{flex-shrink:0;font-size:8.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#8fd6ff;background:#123047;border:1px solid #24567a;border-radius:999px;padding:1px 6px}.mp-pl .del{background:none;border:0;color:#566573;cursor:pointer;font-size:13px;padding:0 2px;border-radius:3px;line-height:1}.mp-pl .del:hover{color:#ff8a6a}.mp-new-row{display:flex;gap:5px;margin-top:6px;flex-shrink:0}.mp-new-row input{flex:1;min-width:0;background:#10151c;border:1px solid #2a3646;border-radius:6px;color:#cde2f5;font:inherit;font-size:12px;padding:6px 8px}.mp-new-row input:focus{outline:none;border-color:#3a94dd}.mp-new-row button{background:#1a2431;border:1px solid #2a3646;color:#9fb2c6;border-radius:6px;width:30px;cursor:pointer;font-size:15px}.mp-new-row button:hover{border-color:#3a94dd;color:#eaf4ff}.mp-list-wrap{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.mp-list-head{display:flex;gap:8px;align-items:center;margin-bottom:8px;min-height:24px;font-size:12px;color:#8296aa}.mp-list-head select{flex:1;min-width:0;background:#10151c;border:1px solid #2a3646;border-radius:6px;color:#cde2f5;font:inherit;font-size:12px;padding:5px 7px;cursor:pointer}.mp-list-head .addbtn{background:#1a2431;border:1px solid #2a3646;color:#9fb2c6;border-radius:6px;padding:5px 11px;cursor:pointer;font:inherit;font-size:12px}.mp-list-head .addbtn:hover{border-color:#3a94dd;color:#eaf4ff}.mp-list{flex:1;overflow-y:auto;padding-right:4px}.mp-list::-webkit-scrollbar{width:9px}.mp-list::-webkit-scrollbar-thumb{background:#26313f;border-radius:5px;border:2px solid #121821}.mp-row{display:flex;align-items:center;gap:9px;padding:8px;border-radius:6px;cursor:pointer}.mp-row:hover{background:#161f2b}.mp-row.current{background:#16283a}.mp-row .num{width:16px;font-size:11px;color:#63768a;text-align:right;flex-shrink:0}.mp-row.current .num{color:#5ec5ff}.mp-row .tname{flex:1;font-size:12.5px;color:#cdd9e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-row.current .tname{color:#eaf4ff}.mp-row button{background:none;border:0;cursor:pointer;font-size:13px;color:#516274;padding:2px 5px;border-radius:4px;flex-shrink:0}.mp-row button:hover{background:#223247;color:#cde2f5}.mp-row .star.on{color:#ffcf6a}.mp-row[data-drag="1"]{cursor:grab}.mp-row.dragging{opacity:.45;cursor:grabbing}.mp-row .grip{display:flex;align-items:center;justify-content:center;width:13px;flex-shrink:0;color:#3c4a5a;opacity:0;cursor:grab}.mp-row:hover .grip,.mp-row.dragging .grip{opacity:1}.mp-row.dragging .grip{cursor:grabbing}.mp-row.drop-before{box-shadow:inset 0 2px #5ec5ff}.mp-row.drop-after{box-shadow:inset 0 -2px #5ec5ff}.ic-grip{width:13px;height:13px;display:block}.mp-empty{color:#63768a;font-size:12px;padding:20px 12px;text-align:center;line-height:1.6}#music-back{margin-top:12px;align-self:center;min-width:130px;flex-shrink:0}