:root{--dap-accent:#cc0000;--dap-accent-2:#ff4444;--dap-bg:#0d0d0d;--dap-bg-grad-1:#1a0a0a;--dap-bg-grad-2:#1a0505;--dap-border:rgba(200,30,30,0.4);--dap-header-bg:rgba(180,0,0,0.6);--dap-text:#ffffff;--dap-text-muted:rgba(255,255,255,0.5);--dap-row-hover:rgba(180,0,0,0.15);--dap-row-active:rgba(180,0,0,0.25);--dap-dot-color:#ee0000}.dap-widget{background:linear-gradient(160deg,var(--dap-bg-grad-1) 0%,var(--dap-bg) 60%,var(--dap-bg-grad-2) 100%);border:1px solid var(--dap-border);border-radius:12px;overflow:hidden;box-shadow:0 0 18px rgb(0 0 0 / .3),inset 0 1px 0 rgb(255 255 255 / .05)}.dap-title-bar{background:linear-gradient(90deg,var(--dap-header-bg) 0%,rgb(0 0 0 / .3) 100%);padding:9px 14px 8px;border-bottom:1px solid var(--dap-border);display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dap-text)}.dap-dot{width:7px;height:7px;border-radius:50%;background:var(--dap-dot-color);box-shadow:0 0 6px var(--dap-dot-color),0 0 12px rgb(255 0 0 / .4);animation:dap-pulse 1.8s ease-in-out infinite;flex-shrink:0}@keyframes dap-pulse{0%,100%{opacity:1}50%{opacity:.5}}.dap-body{padding:10px 12px 12px}.dap-now-playing{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dap-cover{width:52px;height:52px;border-radius:6px;object-fit:cover;border:1px solid var(--dap-border);flex-shrink:0}.dap-cover.dap-cover--circle{border-radius:50%}.dap-cover.dap-cover--square{border-radius:2px}.dap-cover.dap-cover--rounded{border-radius:6px}.dap-now-title{font-size:13px;font-weight:600;color:var(--dap-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dap-now-artist{font-size:11px;color:var(--dap-text-muted);margin-top:2px}.dap-progress-row{display:flex;align-items:center;gap:6px;margin-bottom:10px}.dap-time{font-size:10px;color:var(--dap-text-muted);min-width:28px}.dap-time--right{text-align:right}.dap-bar-wrap{flex:1;height:3px;background:rgb(255 255 255 / .1);border-radius:2px;cursor:pointer;position:relative}.dap-prog{height:100%;background:linear-gradient(90deg,var(--dap-accent),var(--dap-accent-2));border-radius:2px;box-shadow:0 0 6px var(--dap-accent);transition:width 0.4s linear;position:relative;width:0%}.dap-prog::after{content:'';position:absolute;right:-3px;top:-3px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 4px var(--dap-accent)}.dap-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px}.dap-btn-play{width:36px!important;height:36px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 35%,#fff 0%,#ddd 40%,#bbb 100%)!important;border:2px solid rgb(255 255 255 / .9)!important;box-shadow:0 0 10px rgb(0 0 0 / .4)!important;cursor:pointer!important;font-size:13px!important;color:var(--dap-accent)!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform 0.15s,box-shadow 0.15s!important}.dap-btn-play:hover{transform:scale(1.08)!important;box-shadow:0 0 16px var(--dap-accent)!important}.dap-btn-ctrl{background:none!important;border:none!important;cursor:pointer!important;padding:0!important;color:var(--dap-text-muted)!important;font-size:16px!important;transition:color 0.15s!important}.dap-btn-ctrl:hover{color:var(--dap-accent-2)!important}.dap-btn-shuffle,.dap-btn-repeat{background:none!important;border:none!important;cursor:pointer!important;padding:0!important;color:var(--dap-text-muted)!important;font-size:15px!important;opacity:.55;transition:all 0.15s!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.dap-btn-shuffle:hover,.dap-btn-repeat:hover{opacity:.85}.dap-btn-shuffle.dap-btn-active,.dap-btn-repeat.dap-btn-active{opacity:1;filter:drop-shadow(0 0 4px var(--dap-accent))}.dap-vol-row{display:flex;align-items:center;gap:7px;margin-bottom:10px}.dap-vol-icon{font-size:14px;color:var(--dap-text-muted);cursor:pointer;user-select:none;flex-shrink:0;transition:color 0.15s}.dap-vol-icon:hover{color:var(--dap-accent-2)}.dap-vol-slider{-webkit-appearance:none;appearance:none;flex:1;height:3px;background:rgb(255 255 255 / .1);border-radius:2px;cursor:pointer;outline:none;accent-color:var(--dap-accent)}.dap-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 5px var(--dap-accent);cursor:pointer}.dap-vol-slider::-moz-range-thumb{width:11px;height:11px;border-radius:50%;border:none;background:#fff;box-shadow:0 0 5px var(--dap-accent);cursor:pointer}.dap-playlist{display:flex;flex-direction:column;gap:2px;max-height:150px;overflow-y:auto}.dap-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;cursor:pointer;transition:background 0.15s}.dap-row:hover{background:var(--dap-row-hover)}.dap-row.dap-active{background:var(--dap-row-active);border-left:2px solid var(--dap-accent)}.dap-row-idx{font-size:11px;width:14px;text-align:center;color:var(--dap-accent-2);flex-shrink:0}.dap-row-info{flex:1;min-width:0}.dap-row-title{font-size:12px;color:var(--dap-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dap-row-art{font-size:10px;color:var(--dap-text-muted)}.dap-row-dur{font-size:10px;color:var(--dap-text-muted);flex-shrink:0}.dap-widget.dap-size-small{max-width:260px;font-size:90%}.dap-widget.dap-size-medium{max-width:340px}.dap-widget.dap-size-large{max-width:420px}@media (max-width:480px){.dap-widget{border-radius:8px}.dap-cover{width:40px;height:40px}.dap-now-title{font-size:12px}.dap-btn-play{width:30px!important;height:30px!important}.dap-controls{gap:10px}}.dap-mobile-toggle{position:fixed;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;background:var(--dap-accent);border:none;cursor:pointer;box-shadow:0 4px 12px rgb(0 0 0 / .4);font-size:20px;color:#fff;display:none;align-items:center;justify-content:center;z-index:9999;transition:transform 0.2s}.dap-mobile-toggle:hover{transform:scale(1.1)}@media (max-width:768px){.dap-mobile-toggle{display:flex}}.dap-widget.dap-layout-horizontal{display:flex;align-items:stretch;border-radius:14px;overflow:hidden;max-width:460px;min-height:100px;background:linear-gradient(160deg,var(--dap-bg-grad-1) 0%,var(--dap-bg) 60%,var(--dap-bg-grad-2) 100%);border:1px solid var(--dap-border);box-shadow:0 4px 20px rgb(0 0 0 / .12)}.dap-widget.dap-layout-horizontal.dap-size-small{max-width:340px}.dap-widget.dap-layout-horizontal.dap-size-medium{max-width:460px}.dap-widget.dap-layout-horizontal.dap-size-large{max-width:580px}.dap-layout-horizontal .dap-hori-cover{width:100px;min-width:100px;flex-shrink:0;overflow:hidden;position:relative}.dap-layout-horizontal .dap-hori-cover-blur{position:absolute;inset:-10px;background-size:cover;background-position:center;filter:blur(12px) brightness(.6);transform:scale(1.15);z-index:0}.dap-layout-horizontal .dap-hori-cover img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block}.dap-layout-horizontal .dap-hori-cover-placeholder{position:relative;z-index:1;width:100%;height:100%;background:var(--dap-row-hover);display:flex;align-items:center;justify-content:center;font-size:32px}.dap-layout-horizontal .dap-hori-body{flex:1;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden;background:#fff0}.dap-widget.dap-layout-horizontal.dap-size-small .dap-hori-cover{width:76px;min-width:76px}.dap-widget.dap-layout-horizontal.dap-size-small .dap-hori-body{padding:10px 12px}.dap-widget.dap-layout-horizontal.dap-size-small .dap-hori-controls{gap:6px!important}.dap-widget.dap-layout-horizontal.dap-size-small .dap-hori-btn-play{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;font-size:18px!important}.dap-widget.dap-layout-horizontal.dap-size-small .dap-hori-btn-ctrl{font-size:15px!important}.dap-widget.dap-layout-horizontal.dap-size-small .dap-hori-vol-slider{width:32px!important}.dap-layout-horizontal .dap-hori-title{font-size:15px;font-weight:700;color:var(--dap-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.dap-layout-horizontal .dap-hori-artist{font-size:12px;color:var(--dap-text-muted)}.dap-layout-horizontal .dap-hori-progress{display:flex;align-items:center;gap:8px;margin:8px 0}.dap-layout-horizontal .dap-hori-time{font-size:11px;color:var(--dap-text-muted);min-width:32px;flex-shrink:0}.dap-layout-horizontal .dap-hori-bar-wrap{flex:1;height:3px;background:var(--dap-border);border-radius:2px;cursor:pointer;position:relative}.dap-layout-horizontal .dap-hori-prog{height:100%;background:linear-gradient(90deg,var(--dap-accent),var(--dap-accent-2));border-radius:2px;box-shadow:0 0 6px var(--dap-accent);width:0%;transition:width 0.4s linear;position:relative}.dap-layout-horizontal .dap-hori-prog::after{content:'';position:absolute;right:-4px;top:-3px;width:9px;height:9px;border-radius:50%;background:var(--dap-accent-2);box-shadow:0 0 5px var(--dap-accent)}.dap-layout-horizontal .dap-hori-controls{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;width:auto!important}.dap-layout-horizontal .dap-hori-btn-play{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:50%!important;background:none!important;border:none!important;box-shadow:none!important;cursor:pointer!important;font-size:22px!important;line-height:1!important;color:var(--dap-text)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;white-space:nowrap!important;flex-shrink:0!important;transition:transform 0.15s!important}.dap-layout-horizontal .dap-hori-btn-play:hover{transform:scale(1.1)!important;color:var(--dap-accent-2)!important}.dap-layout-horizontal .dap-hori-btn-ctrl{background:none!important;border:none!important;cursor:pointer!important;padding:0!important;margin:0!important;width:auto!important;height:22px!important;min-width:26px!important;color:var(--dap-text-muted)!important;font-size:18px!important;line-height:1!important;white-space:nowrap!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:color 0.15s!important}.dap-layout-horizontal .dap-hori-btn-ctrl:hover{color:var(--dap-accent-2)!important}.dap-layout-horizontal .dap-hori-vol{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0;white-space:nowrap}.dap-layout-horizontal .dap-hori-vol-icon{font-size:14px;color:var(--dap-text-muted);cursor:pointer}.dap-layout-horizontal .dap-hori-vol-icon:hover{color:var(--dap-accent-2)}.dap-layout-horizontal .dap-hori-vol-slider{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:55px!important;height:3px!important;min-height:3px!important;max-height:3px!important;padding:0!important;margin:0!important;border:none!important;border-radius:2px!important;background:var(--dap-border)!important;background-image:none!important;box-shadow:none!important;cursor:pointer!important;outline:none!important;accent-color:var(--dap-accent);vertical-align:middle!important;box-sizing:border-box!important;flex-shrink:0}.dap-layout-horizontal .dap-hori-vol-slider::-webkit-slider-runnable-track{-webkit-appearance:none!important;height:3px!important;background:var(--dap-border)!important;border-radius:2px!important;border:none!important}.dap-layout-horizontal .dap-hori-vol-slider::-webkit-slider-thumb{-webkit-appearance:none!important;width:11px!important;height:11px!important;border-radius:50%!important;background:var(--dap-accent)!important;border:none!important;box-shadow:none!important;margin-top:-4px!important;cursor:pointer!important}.dap-layout-horizontal .dap-hori-vol-slider::-moz-range-track{height:3px!important;background:var(--dap-border)!important;border-radius:2px!important;border:none!important}.dap-layout-horizontal .dap-hori-vol-slider::-moz-range-thumb{width:11px!important;height:11px!important;border-radius:50%!important;background:var(--dap-accent)!important;border:none!important;box-shadow:none!important;cursor:pointer!important}.dap-layout-horizontal .dap-hori-list-btn{background:none!important;border:none!important;cursor:pointer!important;padding:4px!important;margin:0!important;color:var(--dap-text-muted)!important;font-size:16px!important;line-height:1!important;flex-shrink:0!important;white-space:nowrap!important;transition:color 0.15s!important}.dap-layout-horizontal .dap-hori-list-btn:hover{color:var(--dap-accent-2)!important}.dap-hori-playlist-wrap{position:absolute;bottom:100%;right:0;width:300px;background:var(--dap-bg);border:1px solid var(--dap-border);border-radius:10px;box-shadow:0 -8px 24px rgb(0 0 0 / .25);z-index:999;display:none;max-height:200px;overflow-y:auto}.dap-hori-playlist-wrap.dap-open{display:block}.dap-layout-horizontal .dap-row{color:var(--dap-text)}.dap-layout-horizontal .dap-row-title{color:var(--dap-text)!important}.dap-layout-horizontal .dap-row-art{color:var(--dap-text-muted)!important}.dap-layout-horizontal .dap-row-dur{color:var(--dap-text-muted)!important}.dap-layout-horizontal .dap-row:hover{background:var(--dap-row-hover)}.dap-layout-horizontal .dap-row.dap-active{background:var(--dap-row-active)!important;border-left:2px solid var(--dap-accent)!important}@media (max-width:480px){.dap-widget.dap-layout-horizontal{flex-direction:column;max-width:100%}.dap-layout-horizontal .dap-hori-cover{width:100%;height:140px}}