.ap-scrim{position:fixed;inset:0;z-index:10000;background:transparent}.ap-panel{--ap-accent:#7c9cff;--ap-text:#f5f6f8;--ap-text-dim:rgba(245,246,248,0.62);--ap-line:rgba(255,255,255,0.12);--ap-fill:rgba(255,255,255,0.09);--ap-fill-strong:rgba(255,255,255,0.16);position:fixed;width:min(94vw,360px);max-height:min(88vh,620px);display:flex;flex-direction:column;z-index:10001;border-radius:24px;overflow:hidden;color:var(--ap-text);background:radial-gradient(120% 90% at 20% -10%,rgba(124,156,255,.28),transparent 60%),radial-gradient(100% 80% at 110% 10%,rgba(255,122,182,.18),transparent 55%),rgba(22,22,26,.82);box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.14);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);font-family:var(--font-family-base,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif);animation:ap-panel-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes ap-panel-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ap-header{display:flex;padding:14px 14px 10px}.ap-header,.ap-title{align-items:center;gap:8px}.ap-title{display:inline-flex;font-size:14px;font-weight:600;letter-spacing:.3px}.ap-title svg{opacity:.9}.ap-count{font-size:11px;font-weight:500;color:var(--ap-text-dim);padding:2px 7px;border-radius:999px;background:var(--ap-fill)}.ap-header-actions{margin-left:auto;display:inline-flex;gap:6px}.ap-icon-btn{width:28px;height:28px;border:none;border-radius:50%;background:var(--ap-fill);color:var(--ap-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease,transform .16s ease}.ap-icon-btn:hover{background:var(--ap-fill-strong)}.ap-icon-btn:active{transform:scale(.92)}.ap-confirm{margin:0 14px 10px;padding:10px 12px;border-radius:14px;background:rgba(255,96,96,.14);box-shadow:inset 0 0 0 1px rgba(255,120,120,.32);display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.4}.ap-confirm-actions{margin-left:auto;display:inline-flex;gap:6px;flex-shrink:0}.ap-confirm-btn{border:none;border-radius:999px;padding:5px 11px;font-size:12px;cursor:pointer;background:var(--ap-fill-strong);color:var(--ap-text);white-space:nowrap}.ap-confirm-btn.is-danger{background:rgba(255,88,88,.85);color:#fff}.ap-stage{display:flex;align-items:center;gap:14px;padding:2px 16px 12px}.ap-art{position:relative;width:76px;height:76px;flex-shrink:0;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.04));box-shadow:0 10px 26px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.16);overflow:hidden}.ap-disc{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.9) 0 5px,rgba(255,255,255,.18) 5px 7px,transparent 7px),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.16) 0 1px,transparent 1px 4px),#16161a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);animation:ap-spin 8s linear infinite;animation-play-state:paused}.ap-panel.is-playing .ap-disc{animation-play-state:running}@keyframes ap-spin{to{transform:rotate(1turn)}}.ap-meta{min-width:0;flex:1}.ap-track-name{font-size:15px;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.ap-track-sub{margin-top:6px;font-size:12px;color:var(--ap-text-dim);display:flex;align-items:center;gap:6px}.ap-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:rgba(124,156,255,.22);color:#cfd9ff;font-size:11px}.ap-progress{padding:0 16px}.ap-range{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer;display:block}.ap-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--ap-accent) 0,var(--ap-accent) var(--ap-progress,0),rgba(255,255,255,.18) var(--ap-progress,0),rgba(255,255,255,.18) 100%)}.ap-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5);transition:transform .14s ease}.ap-range:active::-webkit-slider-thumb{transform:scale(1.25)}.ap-range::-moz-range-track{height:4px;border-radius:999px;background:rgba(255,255,255,.18)}.ap-range::-moz-range-progress{height:4px;border-radius:999px;background:var(--ap-accent)}.ap-range::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5)}.ap-times{display:flex;justify-content:space-between;font-size:11px;font-variant-numeric:tabular-nums;color:var(--ap-text-dim);margin-top:-2px}.ap-controls{display:flex;gap:18px;padding:12px 16px 10px}.ap-controls,.ap-ctrl{align-items:center;justify-content:center}.ap-ctrl{width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:var(--ap-text);display:inline-flex;cursor:pointer;transition:background .16s ease,transform .16s ease,opacity .16s ease}.ap-ctrl:hover:not(:disabled){background:var(--ap-fill)}.ap-ctrl:active:not(:disabled){transform:scale(.9)}.ap-ctrl:disabled{opacity:.35;cursor:not-allowed}.ap-play{width:54px;height:54px;border:none;border-radius:50%;background:#fff;color:#16161a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.45);transition:transform .16s cubic-bezier(.2,.8,.2,1),opacity .16s ease}.ap-play:hover:not(:disabled){transform:scale(1.06)}.ap-play:active:not(:disabled){transform:scale(.94)}.ap-play:disabled{opacity:.4;cursor:not-allowed}.ap-volume{display:flex;align-items:center;gap:10px;padding:0 16px 12px;color:var(--ap-text-dim)}.ap-volume .ap-range{flex:1}.ap-volume .ap-range::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,rgba(255,255,255,.72) 0,rgba(255,255,255,.72) var(--ap-progress,0),rgba(255,255,255,.16) var(--ap-progress,0),rgba(255,255,255,.16) 100%)}.ap-volume .ap-range::-webkit-slider-thumb{width:10px;height:10px;margin-top:-3.5px}.ap-volume .ap-range::-moz-range-track{height:3px}.ap-volume .ap-range::-moz-range-progress{height:3px;background:rgba(255,255,255,.72)}.ap-volume .ap-range::-moz-range-thumb{width:10px;height:10px}.ap-tools{display:flex;gap:8px;padding:0 16px 12px}.ap-btn,.ap-tools{align-items:center}.ap-btn{border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1;display:inline-flex;gap:6px;cursor:pointer;white-space:nowrap;color:var(--ap-text);background:var(--ap-fill);box-shadow:inset 0 0 0 1px var(--ap-line);transition:background .16s ease,transform .16s ease;font-family:inherit}.ap-btn:hover:not(.is-disabled){background:var(--ap-fill-strong)}.ap-btn:active:not(.is-disabled){transform:scale(.96)}.ap-btn.is-primary{flex:1;justify-content:center;background:linear-gradient(135deg,rgba(124,156,255,.95),rgba(160,130,255,.95));box-shadow:0 8px 20px rgba(90,110,255,.28);color:#fff}.ap-btn.is-disabled{opacity:.42;cursor:not-allowed}.ap-file-label{display:inline-flex;flex:1}.ap-file-label input{display:none}.ap-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 10px 14px;-webkit-overflow-scrolling:touch}.ap-list::-webkit-scrollbar{width:6px}.ap-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}.ap-list-head{padding:4px 6px 8px;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--ap-text-dim)}.ap-item{width:100%;border:none;background:transparent;color:var(--ap-text);display:grid;grid-template-columns:22px 1fr;align-items:center;gap:10px;padding:9px 8px;border-radius:12px;text-align:left;cursor:pointer;font-family:inherit;font-size:13px;transition:background .14s ease}.ap-item:hover{background:rgba(255,255,255,.07)}.ap-item.is-active{background:rgba(124,156,255,.18);box-shadow:inset 0 0 0 1px rgba(124,156,255,.35)}.ap-item-index{font-size:11px;color:var(--ap-text-dim);font-variant-numeric:tabular-nums;text-align:center}.ap-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-item.is-active .ap-item-name{color:#dbe3ff;font-weight:600}.ap-eq{display:inline-flex;align-items:flex-end;justify-content:center;gap:2px;height:12px}.ap-eq span{width:2px;border-radius:1px;background:var(--ap-accent);height:40%;animation:ap-eq .9s ease-in-out infinite;animation-play-state:paused}.ap-eq span:nth-child(2){animation-delay:.16s}.ap-eq span:nth-child(3){animation-delay:.32s}.ap-panel.is-playing .ap-eq span{animation-play-state:running}@keyframes ap-eq{0%,to{height:30%}50%{height:100%}}.ap-empty{padding:18px 16px 26px;text-align:center;color:var(--ap-text-dim);font-size:13px;line-height:1.6}.ap-empty-icon{width:52px;height:52px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:var(--ap-fill);color:var(--ap-text)}@media (prefers-reduced-motion:reduce){.ap-disc,.ap-eq span,.ap-panel{animation:none!important}}.notification-item{background:var(--theme-bg-primary,#ffffff);border:1px solid var(--theme-border-color,#dee2e6);border-radius:8px;box-shadow:var(--theme-shadow-medium,0 2px 8px rgba(0,0,0,.15));padding:12px 16px;margin-bottom:8px;position:relative;overflow:hidden;min-width:300px;max-width:400px;display:flex;align-items:center;gap:12px}.notification-item.notification-clickable:hover{background:var(--theme-bg-secondary,#f8f9fa);box-shadow:var(--theme-shadow-large,0 4px 12px rgba(0,0,0,.2));transform:translateY(-2px)}.notification-item.notification-clickable:active{transform:translateY(0);box-shadow:var(--theme-shadow-medium,0 2px 8px rgba(0,0,0,.15))}.notification-item.notification-removing{pointer-events:none}.notification-item.notification-success{border-left:4px solid #28a745;background:var(--theme-bg-secondary,#f8f9fa)}.notification-item.notification-info{border-left:4px solid var(--theme-accent-color,#007bff);background:var(--theme-bg-secondary,#f8f9fa)}.notification-item.notification-warning{border-left:4px solid #ffc107;background:var(--theme-bg-secondary,#f8f9fa)}.notification-item.notification-error{border-left:4px solid #dc3545;background:var(--theme-bg-secondary,#f8f9fa)}.notification-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--theme-text-secondary,#6c757d)}.notification-content{flex:1;min-width:0}.notification-text{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.4}.notification-text,.notification-title{color:var(--theme-text-primary,#1f1f1f)}.notification-title{font-weight:600;white-space:nowrap}.notification-message{color:var(--theme-text-secondary,#6c757d);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{font-size:12px;white-space:nowrap;margin-left:auto}.notification-close,.notification-time{color:var(--theme-text-tertiary,#8a8a8a)}.notification-close{flex-shrink:0;background:none;border:none;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.notification-close:hover{background:var(--theme-bg-tertiary,#e9ecef);color:var(--theme-text-secondary,#6c757d)}.notification-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--theme-accent-color,#007bff);transform:scaleX(1);transform-origin:left center}@media (max-width:768px){.notification-item{min-width:280px;max-width:calc(100vw - 40px);padding:10px 12px}.notification-text{font-size:13px}.notification-time{font-size:11px}}@media (max-width:480px){.notification-item{min-width:260px;max-width:calc(100vw - 20px);padding:8px 10px}.notification-icon{width:18px;height:18px;font-size:14px}.notification-text{font-size:12px}.notification-time{font-size:10px}}.theme-plum-night .notification-item{background:var(--theme-bg-primary,#1a1a1a);border-color:var(--theme-border-color,#404040);box-shadow:var(--theme-shadow-medium,0 2px 8px rgba(0,0,0,.3))}.theme-plum-night .notification-item.notification-error,.theme-plum-night .notification-item.notification-info,.theme-plum-night .notification-item.notification-success,.theme-plum-night .notification-item.notification-warning{background:var(--theme-bg-secondary,#2d2d2d)}.theme-plum-night .notification-title{color:var(--theme-text-primary,#ffffff)}.theme-plum-night .notification-message{color:var(--theme-text-secondary,#b0b0b0)}.theme-plum-night .notification-close,.theme-plum-night .notification-time{color:var(--theme-text-tertiary,#808080)}.theme-plum-night .notification-close:hover{background:var(--theme-bg-tertiary,#404040);color:var(--theme-text-secondary,#b0b0b0)}@media (prefers-reduced-motion:reduce){.notification-item{transition:none}}@media (prefers-contrast:high){.notification-item{border:2px solid var(--theme-text-primary,#000)}.notification-item.notification-error,.notification-item.notification-info,.notification-item.notification-success,.notification-item.notification-warning{border-left-color:#000}}.notification-container{position:fixed;z-index:9999;max-width:400px;pointer-events:none}.notification-top-right{top:20px;right:20px}.notification-top-left{top:20px;left:20px}.notification-bottom-right{bottom:20px;right:20px}.notification-bottom-left{bottom:20px;left:20px}.notification-top-center{top:20px;left:50%;transform:translateX(-50%);width:auto;min-width:300px;max-width:90vw}.notification-bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.notification-list{pointer-events:auto}.notification-header{display:flex;justify-content:flex-end;margin-bottom:8px;pointer-events:auto}.clear-all-btn{background:rgba(0,0,0,.1);border:none;border-radius:4px;padding:4px 8px;font-size:12px;color:#666;cursor:pointer;transition:all .2s ease}.clear-all-btn:hover{background:rgba(0,0,0,.2);color:#333}.notification-more{text-align:center;padding:8px;font-size:12px;color:#666;background:rgba(255,255,255,.9);border-radius:4px;margin-top:8px;pointer-events:auto}.notification-container::-webkit-scrollbar{width:4px}.notification-container::-webkit-scrollbar-track{background:transparent}.notification-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}.notification-container::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}@media (max-width:768px){.notification-container{max-width:calc(100vw - 40px)}.notification-top-left,.notification-top-right{top:10px}.notification-bottom-left,.notification-bottom-right{bottom:10px}.notification-top-center{top:10px;min-width:280px}.notification-bottom-center{bottom:10px}}@media (max-width:480px){.notification-container{max-width:calc(100vw - 20px)}.notification-top-left,.notification-top-right{top:5px;right:10px;left:10px}.notification-bottom-left,.notification-bottom-right{bottom:5px;right:10px;left:10px}.notification-top-center{top:5px;min-width:250px;max-width:calc(100vw - 20px)}.notification-bottom-center{bottom:5px}}.theme-plum-night .clear-all-btn{background:rgba(255,255,255,.1);color:#ccc}.theme-plum-night .clear-all-btn:hover{background:rgba(255,255,255,.2);color:#fff}.theme-plum-night .notification-more{background:rgba(0,0,0,.9);color:#ccc}