.queue-list.svelte-kcl937{gap:var(--sp-2);flex-direction:column;display:flex}.queue-item-wrap.svelte-kcl937{border-radius:var(--r-md);position:relative;overflow:hidden}.swipe-panel-remove.svelte-kcl937{border-radius:0 var(--r-md) var(--r-md) 0;align-items:stretch;width:80px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}@media (width>=769px){.swipe-panel-remove.svelte-kcl937{display:none}}.panel-btn-remove.svelte-kcl937{color:#fff;cursor:pointer;font-size:var(--fs-xs);background:#c0392b;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;font-weight:600;display:flex}.queue-item.svelte-kcl937{--progress-fill:color-mix(in srgb, var(--accent) 18%, var(--bg-surface));min-height:78px;padding:.55rem var(--sp-3);background:linear-gradient(to right, var(--progress-fill) var(--pct,0%), var(--bg-surface) var(--pct,0%));border-radius:var(--r-md);will-change:transform;touch-action:pan-y;z-index:1;-webkit-user-select:none;user-select:none;border-left:3px solid #0000;align-items:center;gap:.6rem;transition:opacity .15s,transform .25s ease-out,border-color .2s;display:flex;position:relative}.queue-item.now-playing.svelte-kcl937{box-shadow:inset 0 0 0 100vmax color-mix(in srgb, var(--accent) 10%, transparent)}.queue-item.dragging.svelte-kcl937{opacity:.4;transform:scale(.98)}.queue-item.swiping.svelte-kcl937{touch-action:none;transition:opacity .15s,border-color .2s}.drag-handle.svelte-kcl937{color:var(--text-faint);opacity:.5;cursor:grab;touch-action:none;border-radius:var(--r-sm);flex-shrink:0;place-items:center;padding:.4rem .3rem;transition:opacity .15s,color .15s;display:grid}.drag-handle.svelte-kcl937>.pos:where(.svelte-kcl937),.drag-handle.svelte-kcl937>.grip:where(.svelte-kcl937){grid-area:1/1}.pos.svelte-kcl937{display:none}.tail-dur.svelte-kcl937{font-size:var(--fs-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.rail-tail.svelte-kcl937{display:contents}.queue-item.svelte-kcl937:hover .drag-handle:where(.svelte-kcl937),.drag-handle.svelte-kcl937:active{opacity:1}.drag-handle.svelte-kcl937:active{cursor:grabbing}.art-link.svelte-kcl937{border-radius:var(--r-sm);flex-shrink:0;line-height:0;display:block}.art-link.svelte-kcl937:hover .artwork:where(.svelte-kcl937),.art-link.svelte-kcl937:hover .placeholder-art:where(.svelte-kcl937){opacity:.8}.art-link.svelte-kcl937:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.artwork.svelte-kcl937{border-radius:var(--r-sm);object-fit:cover;width:64px;height:64px;transition:opacity var(--dur-fast) var(--ease);flex-shrink:0}.placeholder-art.svelte-kcl937{background:var(--bg-hover);border-radius:var(--r-sm);width:64px;height:64px;font-size:var(--fs-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.content.svelte-kcl937{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.ep-title.svelte-kcl937{font-weight:550;font-size:var(--fs-md);letter-spacing:-.005em;color:var(--text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.ep-notes-panel.svelte-kcl937{z-index:1;font-size:var(--fs-sm);color:var(--text-muted);padding:.6rem var(--sp-3) var(--sp-3);background:var(--bg-elevated);border-radius:0 0 var(--r-sm) var(--r-sm);overflow-wrap:anywhere;margin-top:-4px;line-height:1.55;position:relative}.ep-notes-panel.svelte-kcl937 p{margin:0 0 var(--sp-2)}.ep-notes-panel.svelte-kcl937 p:last-child{margin-bottom:0}.ep-notes-panel.svelte-kcl937 a{color:var(--accent)}.ep-notes-panel.svelte-kcl937 img{border-radius:var(--r-sm);max-width:100%;height:auto}.card-actions.svelte-kcl937{flex-direction:row;flex-shrink:0;gap:.3rem;display:flex}.card-actions.svelte-kcl937 button:where(.svelte-kcl937){border-radius:var(--r-sm);cursor:pointer;width:32px;height:32px;font-size:var(--fs-md);border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.card-actions.svelte-kcl937 .btn-play:where(.svelte-kcl937){border-radius:var(--r-full)}.queue-item.svelte-kcl937:hover .btn-archive:where(.svelte-kcl937),.queue-item.svelte-kcl937:focus-within .btn-archive:where(.svelte-kcl937){opacity:1}.btn-archive.svelte-kcl937{color:var(--text-muted);opacity:.5;background:0 0}.btn-archive.svelte-kcl937:hover{background:var(--bg-elevated);color:var(--text);opacity:1}.card-actions.svelte-kcl937 .btn-remove:where(.svelte-kcl937){visibility:hidden;opacity:0;color:var(--text-muted);background:0 0;transition:background .15s,color .15s,opacity .15s}.queue-item.svelte-kcl937:hover .card-actions:where(.svelte-kcl937) .btn-remove:where(.svelte-kcl937){visibility:visible;opacity:1}.card-actions.svelte-kcl937 .btn-remove:where(.svelte-kcl937):hover{color:#fff;background:#c0392b}@media (width<=768px){.card-actions.svelte-kcl937 button:where(.svelte-kcl937){width:40px;height:40px}.drag-handle.svelte-kcl937{padding:var(--sp-2) .4rem}.card-actions.svelte-kcl937 .btn-remove:where(.svelte-kcl937){display:none}.queue-item.svelte-kcl937{padding-right:.35rem}}.compact.svelte-kcl937{gap:0}.compact.svelte-kcl937 .queue-item:where(.svelte-kcl937){gap:var(--sp-2);min-height:0;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:0 0;border-left:none}.compact.svelte-kcl937 .queue-item:where(.svelte-kcl937):hover{background:var(--bg-hover)}.compact.svelte-kcl937 .artwork:where(.svelte-kcl937),.compact.svelte-kcl937 .placeholder-art:where(.svelte-kcl937){border-radius:4px;width:32px;height:32px}.compact.svelte-kcl937 .placeholder-art:where(.svelte-kcl937){font-size:var(--fs-sm)}.compact.svelte-kcl937 .queue-item:where(.svelte-kcl937):after{content:"";left:var(--sp-2);right:var(--sp-2);border-radius:var(--r-full);background:linear-gradient(to right, var(--accent) var(--pct,0%), transparent var(--pct,0%));opacity:.55;height:2px;position:absolute;bottom:0}.compact.svelte-kcl937 .now-playing:where(.svelte-kcl937){box-shadow:inset 0 0 0 100vmax color-mix(in srgb, var(--accent) 12%, transparent)}.compact.svelte-kcl937 .pos:where(.svelte-kcl937){font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-muted);display:block}.compact.svelte-kcl937 .drag-handle:where(.svelte-kcl937){opacity:1;align-self:stretch;width:20px;padding:0}.compact.svelte-kcl937 .grip:where(.svelte-kcl937),.compact.svelte-kcl937 .queue-item:where(.svelte-kcl937):hover .pos:where(.svelte-kcl937){visibility:hidden}.compact.svelte-kcl937 .queue-item:where(.svelte-kcl937):hover .grip:where(.svelte-kcl937){visibility:visible}.compact.svelte-kcl937 .ep-title:where(.svelte-kcl937){font-size:var(--fs-sm);-webkit-line-clamp:1;line-clamp:1;min-height:0}.compact.svelte-kcl937 .content:where(.svelte-kcl937){gap:0}.compact.svelte-kcl937 .rail-tail:where(.svelte-kcl937){flex-shrink:0;place-items:center end;display:grid}.compact.svelte-kcl937 .rail-tail:where(.svelte-kcl937)>:where(.svelte-kcl937){grid-area:1/1}.compact.svelte-kcl937 .card-actions:where(.svelte-kcl937){gap:var(--sp-1);visibility:hidden;opacity:0;transition:opacity var(--dur-fast) var(--ease)}.compact.svelte-kcl937 .queue-item:where(.svelte-kcl937):hover .card-actions:where(.svelte-kcl937),.compact.svelte-kcl937 .queue-item:where(.svelte-kcl937):focus-within .card-actions:where(.svelte-kcl937){visibility:visible;opacity:1}.compact.svelte-kcl937 .queue-item:where(.svelte-kcl937):hover .tail-dur:where(.svelte-kcl937),.compact.svelte-kcl937 .queue-item:where(.svelte-kcl937):focus-within .tail-dur:where(.svelte-kcl937){visibility:hidden}.compact.svelte-kcl937 .card-actions:where(.svelte-kcl937) button:where(.svelte-kcl937){width:26px;height:26px}.compact.svelte-kcl937 .card-actions:where(.svelte-kcl937) .btn-remove:where(.svelte-kcl937){display:none}.compact.svelte-kcl937 .btn-archive:where(.svelte-kcl937){opacity:1}