.add-to-playlist-container{position:relative;display:inline-block}.add-to-playlist-container:after{content:"";position:absolute;left:0;right:0;top:100%;height:var(--space-xs)}.add-to-playlist-btn{font-family:inherit}.playlist-dropdown{position:absolute;top:100%;left:0;margin-top:var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:220px;z-index:50;overflow:hidden;padding:var(--space-xs) 0}.playlist-dropdown-header{padding:var(--space-xs) var(--space-md) var(--space-xs);font-size:.75rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.03em}.playlist-list{list-style:none;max-height:200px;overflow-y:auto;margin:0;padding:var(--space-xs) 0}.playlist-list .playlist-loading,.playlist-list .playlist-empty,.playlist-list .playlist-error,.playlist-list .playlist-auth-required{padding:var(--space-md) var(--space-sm);font-size:.85rem;color:var(--color-text-muted);text-align:center}.playlist-list .playlist-auth-required .login-link{display:inline-block;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);text-decoration:none;font-size:.85rem}.playlist-list .playlist-item-btn{width:100%;padding:var(--space-sm) var(--space-md);text-align:left;background:none;border:none;font-family:inherit;font-size:.85rem;color:var(--color-text);cursor:pointer;transition:background .15s;-webkit-appearance:none;appearance:none;outline:none}.playlist-list .playlist-item-btn:hover{background:var(--color-bg-secondary)}.playlist-list .playlist-item-btn:focus-visible{background:var(--color-bg-secondary)}.playlist-list .playlist-item-btn.already-added{color:var(--color-text-muted);cursor:default;display:flex;justify-content:space-between;align-items:center;gap:var(--space-xs)}.playlist-list .playlist-item-btn.already-added .playlist-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.playlist-list .playlist-item-btn.already-added:hover{background:none}.playlist-list .badge-added{font-size:.75rem;color:var(--color-success, #22c55e);font-weight:600;white-space:nowrap;flex-shrink:0}.playlist-dropdown-footer{padding:var(--space-xs) var(--space-md) var(--space-sm);margin-top:var(--space-xs);border-top:1px solid var(--color-border)}.new-playlist-link{display:block;font-size:.85rem;color:var(--color-primary);text-decoration:none;font-weight:500}.new-playlist-link:hover{text-decoration:underline}.playlist-toast{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;white-space:nowrap;z-index:60;box-shadow:var(--shadow-sm)}.playlist-toast.success{background:var(--color-success);color:#fff}.playlist-toast.error{background:var(--color-danger);color:#fff}.bookmark-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;line-height:1;box-shadow:none;transition:color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.bookmark-btn svg{flex-shrink:0}.bookmark-md{padding:6px 12px}.bookmark-sm{padding:4px;border:none;background:none}.bookmark-icon-filled{display:none}.bookmark-btn:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.bookmark-btn:focus-visible{outline:none;color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-primary)}.bookmark-btn.bookmarked{color:var(--color-primary);border-color:var(--color-primary)}.bookmark-md.bookmarked{background:var(--color-bg-secondary);box-shadow:var(--shadow-sm)}.bookmark-btn.bookmarked .bookmark-icon-outline{display:none}.bookmark-btn.bookmarked .bookmark-icon-filled{display:inline-block}.bookmark-sm:hover{color:var(--color-primary-hover);transform:scale(1.15);box-shadow:none}.bookmark-sm.bookmarked{animation:bookmark-pop .3s cubic-bezier(.4,0,.2,1)}.bookmark-btn:disabled{opacity:.6;cursor:wait}.bookmark-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--color-text);color:var(--color-bg);padding:12px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s cubic-bezier(.4,0,.2,1);z-index:1000}.bookmark-toast.visible{opacity:1;transform:translate(-50%)}.bookmark-toast.error{background:var(--color-danger)}@keyframes bookmark-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}