.actions-menu.svelte-if95lj{position:relative}.menu-button.svelte-if95lj{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .2s}.menu-button.svelte-if95lj:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.menu-backdrop.svelte-if95lj{position:fixed;inset:0;z-index:100;background:#0006}.menu-panel.svelte-if95lj{position:fixed;top:0;left:0;right:0;background:var(--bg-secondary);border-radius:0 0 16px 16px;box-shadow:0 4px 24px #0006;z-index:101;animation:svelte-if95lj-slideDown .2s ease-out;padding-top:env(safe-area-inset-top,0);max-height:70vh;overflow-y:auto}@keyframes svelte-if95lj-slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.menu-item.svelte-if95lj{display:flex;align-items:center;gap:.75rem;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:1rem 1.25rem;transition:all .15s;font-family:inherit;width:100%;text-align:left;border-bottom:1px solid var(--border-subtle)}.menu-item.svelte-if95lj:last-child{border-bottom:none}.menu-item.svelte-if95lj:hover,.menu-item.svelte-if95lj:active{background:var(--bg-tertiary)}.menu-item.svelte-if95lj span:where(.svelte-if95lj){font-size:var(--text-lg);font-weight:400;flex:1}.menu-item.svelte-if95lj svg:where(.svelte-if95lj){width:20px;height:20px;flex-shrink:0}.menu-item.svelte-if95lj .chevron:where(.svelte-if95lj){color:var(--text-muted)}.menu-item.svelte-if95lj:disabled{opacity:.5;cursor:not-allowed}.playlist-picker.svelte-if95lj{display:flex;flex-direction:column}.back-button.svelte-if95lj{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:transparent;border:none;border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-base);font-family:inherit;cursor:pointer;transition:background .15s}.back-button.svelte-if95lj:hover,.back-button.svelte-if95lj:active{background:var(--bg-tertiary)}.playlist-list.svelte-if95lj{max-height:50vh;overflow-y:auto}.playlist-item.svelte-if95lj{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-lg);font-family:inherit;cursor:pointer;transition:background .15s;text-align:left}.playlist-item.svelte-if95lj:last-child{border-bottom:none}.playlist-item.svelte-if95lj:hover,.playlist-item.svelte-if95lj:active{background:var(--bg-tertiary)}.playlist-item.svelte-if95lj:disabled{opacity:.6}.playlist-thumb.svelte-if95lj,.playlist-thumb-placeholder.svelte-if95lj{width:36px;height:36px;border-radius:var(--radius-sm);flex-shrink:0}.playlist-thumb.svelte-if95lj{object-fit:cover}.playlist-thumb-placeholder.svelte-if95lj{background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.playlist-name.svelte-if95lj{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-state.svelte-if95lj,.empty-state.svelte-if95lj{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:var(--text-tertiary);font-size:var(--text-base)}.create-playlist-btn.svelte-if95lj{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:transparent;border:none;border-top:1px solid var(--border-subtle);color:var(--accent);font-size:var(--text-lg);font-family:inherit;cursor:pointer;transition:background .15s;text-align:left}.create-playlist-btn.svelte-if95lj:hover,.create-playlist-btn.svelte-if95lj:active{background:var(--bg-tertiary)}.create-form.svelte-if95lj{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.create-form.svelte-if95lj input:where(.svelte-if95lj){width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-lg)}.create-form.svelte-if95lj input:where(.svelte-if95lj):focus{outline:none;border-color:var(--accent)}.create-form.svelte-if95lj input:where(.svelte-if95lj)::placeholder{color:var(--text-muted)}.create-form.svelte-if95lj .create-btn:where(.svelte-if95lj){display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-family:inherit;font-size:var(--text-lg);font-weight:500;cursor:pointer;transition:opacity .15s}.create-form.svelte-if95lj .create-btn:where(.svelte-if95lj):hover:not(:disabled){opacity:.9}.create-form.svelte-if95lj .create-btn:where(.svelte-if95lj):disabled{opacity:.5;cursor:not-allowed}.spinner.svelte-if95lj{width:18px;height:18px;border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:var(--radius-full);animation:svelte-if95lj-spin .8s linear infinite}.spinner.small.svelte-if95lj{width:16px;height:16px}@keyframes svelte-if95lj-spin{to{transform:rotate(360deg)}}@media(min-width:769px){.menu-backdrop.svelte-if95lj{background:transparent}.menu-panel.svelte-if95lj{position:absolute;inset:50% 100% auto auto;transform:translateY(-50%);margin-right:.5rem;border-radius:var(--radius-md);min-width:180px;max-height:none;animation:svelte-if95lj-slideIn .15s cubic-bezier(.16,1,.3,1);padding-bottom:0}@keyframes svelte-if95lj-slideIn{0%{opacity:0;transform:translateY(-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}.menu-item.svelte-if95lj{padding:.75rem 1rem}.menu-item.svelte-if95lj span:where(.svelte-if95lj){font-size:var(--text-base)}.menu-item.svelte-if95lj svg:where(.svelte-if95lj){width:18px;height:18px}.back-button.svelte-if95lj{padding:.75rem 1rem}.playlist-item.svelte-if95lj{padding:.625rem 1rem;font-size:var(--text-base)}.playlist-thumb.svelte-if95lj,.playlist-thumb-placeholder.svelte-if95lj{width:32px;height:32px}.playlist-list.svelte-if95lj{max-height:200px}.loading-state.svelte-if95lj,.empty-state.svelte-if95lj{padding:1.5rem 1rem}}.commenters-tooltip.svelte-6axiuq{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.625rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.5rem .625rem;box-shadow:0 4px 16px #0006,0 0 0 1px #ffffff08;z-index:1000;pointer-events:auto}.commenters-tooltip.position-below.svelte-6axiuq{bottom:auto;top:100%;margin-bottom:0;margin-top:.625rem}.loading.svelte-6axiuq,.error.svelte-6axiuq,.empty.svelte-6axiuq{color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;padding:.25rem .5rem;white-space:nowrap}.error.svelte-6axiuq{color:var(--error)}.loading-avatars.svelte-6axiuq{display:flex;justify-content:center}.avatar-skeleton.svelte-6axiuq{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:svelte-6axiuq-shimmer 1.5s ease-in-out infinite;border:2px solid var(--bg-secondary);margin-left:-8px;flex-shrink:0}.avatar-skeleton.svelte-6axiuq:first-child{margin-left:0}@keyframes svelte-6axiuq-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.commenters-avatars.svelte-6axiuq{display:flex;justify-content:center;overflow-x:auto;max-width:240px;padding:.5rem 0 .125rem;scrollbar-width:none}.commenters-avatars.svelte-6axiuq::-webkit-scrollbar{display:none}.commenter-circle.svelte-6axiuq{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--bg-secondary);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-left:-8px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),z-index 0s;position:relative;text-decoration:none;flex-shrink:0}.commenter-circle.svelte-6axiuq:first-child{margin-left:0}.commenter-circle.svelte-6axiuq:hover{transform:translateY(-2px) scale(1.08);z-index:10}.commenter-circle.svelte-6axiuq img:where(.svelte-6axiuq){width:100%;height:100%;object-fit:cover}.commenter-circle.svelte-6axiuq span:where(.svelte-6axiuq){font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.avatar-skeleton.svelte-6axiuq{animation:none}.commenter-circle.svelte-6axiuq{transition:none}}.track-container.svelte-f3f34c{display:flex;align-items:center;gap:.75rem;background:var(--track-bg, var(--bg-secondary));border:1px solid var(--track-border, var(--border-subtle));border-radius:var(--radius-md);padding:1rem;box-shadow:0 1px 2px #0000000a;transition:box-shadow .2s ease-out,background .15s ease-out,border-color .15s ease-out}.track-index.svelte-f3f34c{width:24px;font-size:var(--text-sm);color:var(--text-muted);text-align:center;flex-shrink:0;font-variant-numeric:tabular-nums}.track-container.svelte-f3f34c:hover{background:var(--track-bg-hover, var(--bg-tertiary));border-color:color-mix(in srgb,var(--accent) 15%,var(--track-border-hover, var(--border-default)));box-shadow:0 1px 3px #0000000f,0 0 8px color-mix(in srgb,var(--accent) 8%,transparent)}.track-container.svelte-f3f34c:active{box-shadow:0 1px 2px #0000000a;transition-duration:.08s}.track-container.playing.svelte-f3f34c{background:color-mix(in srgb,var(--accent) 10%,var(--track-bg-playing, var(--bg-tertiary)));border-color:color-mix(in srgb,var(--accent) 20%,var(--track-border, var(--border-subtle)))}.track-container.likers-tooltip-open.svelte-f3f34c{position:relative;z-index:60}.track.svelte-f3f34c{background:transparent;border:none;cursor:pointer;text-align:left;padding:0;flex:1;min-width:0;display:flex;align-items:center;gap:.75rem;font-family:inherit}.track-image-wrapper.svelte-f3f34c{position:relative;flex-shrink:0;width:48px;height:48px}.track-image-wrapper.gated.svelte-f3f34c:after{content:"";position:absolute;inset:0;background:#0000004d;border-radius:var(--radius-sm);pointer-events:none}.gated-badge.svelte-f3f34c{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--accent);border:2px solid var(--bg-secondary);border-radius:var(--radius-full);color:#fff;z-index:1}.track-image.svelte-f3f34c,.track-image-placeholder.svelte-f3f34c{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border-subtle)}.track-avatar.svelte-f3f34c{flex-shrink:0;width:48px;height:48px;display:block}.track-avatar.svelte-f3f34c{text-decoration:none;transition:transform .2s}.track-avatar.svelte-f3f34c:hover{transform:scale(1.05)}.track-image.svelte-f3f34c img:where(.svelte-f3f34c),.track-avatar.svelte-f3f34c img:where(.svelte-f3f34c){width:100%;height:100%;object-fit:cover}.track-image-placeholder.svelte-f3f34c{color:var(--text-muted)}.track-avatar.svelte-f3f34c img:where(.svelte-f3f34c){border-radius:var(--radius-full);border:2px solid var(--border-default);transition:border-color .2s}.track-avatar.svelte-f3f34c:hover img:where(.svelte-f3f34c){border-color:var(--accent)}.track-info.svelte-f3f34c{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.track-actions.svelte-f3f34c{display:flex;gap:.5rem;flex-shrink:0;align-items:center}.desktop-actions.svelte-f3f34c{display:flex;gap:.5rem;align-items:center}.mobile-actions.svelte-f3f34c{display:none}.track-title.svelte-f3f34c{font-family:inherit;font-weight:600;font-size:1.05rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;transition:color .15s}.track-title.svelte-f3f34c:hover{color:var(--accent)}.track-metadata.svelte-f3f34c{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;color:var(--text-secondary);font-size:var(--text-base);font-family:inherit;min-width:0;width:100%}.artist-line.svelte-f3f34c{display:inline-flex;align-items:center;gap:.35rem;min-width:0;flex-wrap:nowrap}.artist-line.only-features.svelte-f3f34c{gap:.25rem}.metadata-separator.svelte-f3f34c{display:none;font-size:var(--text-xs)}.artist-link.svelte-f3f34c{color:var(--text-secondary);text-decoration:none;transition:color .2s;font-weight:500;font-family:inherit;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-link.svelte-f3f34c:hover{color:var(--accent)}.features-inline.svelte-f3f34c{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary);white-space:nowrap}.features-label.svelte-f3f34c{color:var(--accent-hover);font-weight:500;text-transform:lowercase}.feature-link.svelte-f3f34c{color:var(--accent-hover);text-decoration:none;font-weight:500;transition:color .2s}.feature-link.svelte-f3f34c:hover{color:var(--accent);text-decoration:underline}.feature-separator.svelte-f3f34c{color:var(--accent-hover)}.album.svelte-f3f34c{color:var(--text-tertiary);display:inline-flex;align-items:center;gap:.35rem;min-width:0;width:100%}.album-link.svelte-f3f34c{color:var(--text-tertiary);text-decoration:none;transition:color .2s;display:inline-block;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-link.svelte-f3f34c:hover{color:var(--accent)}.album-icon.svelte-f3f34c{width:14px;height:14px;opacity:.7;flex-shrink:0}.tags-line.svelte-f3f34c{display:flex;flex-wrap:nowrap;gap:.25rem;margin-top:.15rem;overflow:hidden}.tags-line.expanded.svelte-f3f34c{flex-wrap:wrap}.tag-badge.svelte-f3f34c{display:inline-block;padding:.1rem .4rem;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent-hover);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;text-decoration:none;transition:all .15s;flex-shrink:0;white-space:nowrap}.tag-badge.svelte-f3f34c:hover{background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent)}.tags-more.svelte-f3f34c{display:inline-block;padding:.1rem .4rem;background:var(--bg-tertiary);color:var(--text-muted);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s;flex-shrink:0;white-space:nowrap}.tags-more.svelte-f3f34c:hover{background:var(--bg-hover);color:var(--text-secondary)}.track-meta.svelte-f3f34c{font-size:var(--text-sm);color:var(--text-tertiary);display:flex;align-items:center;gap:.5rem}.plays.svelte-f3f34c{color:var(--text-tertiary);font-family:inherit}.meta-separator.svelte-f3f34c{color:var(--text-muted);font-size:var(--text-xs)}.likes.svelte-f3f34c{color:var(--text-tertiary);font-family:inherit;position:relative;cursor:help;transition:color .2s}.likes.svelte-f3f34c:hover{color:var(--accent)}.comments-wrapper.svelte-f3f34c{position:relative;cursor:help}.comments-wrapper.svelte-f3f34c:hover .comments:where(.svelte-f3f34c),.comments-wrapper.svelte-f3f34c:focus .comments:where(.svelte-f3f34c){color:var(--accent)}.comments-wrapper.svelte-f3f34c:focus{outline:none}.comments.svelte-f3f34c{color:var(--text-tertiary);font-family:inherit;display:inline-flex;align-items:center;gap:.25rem;text-decoration:none;transition:color .2s}.comments.svelte-f3f34c:hover{color:var(--accent)}.comment-icon.svelte-f3f34c{width:12px;height:12px;flex-shrink:0}.comment-count.svelte-f3f34c{font-family:inherit}.action-button.svelte-f3f34c{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .2s;text-decoration:none}.action-button.svelte-f3f34c:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.action-button.svelte-f3f34c:disabled{opacity:.6;cursor:not-allowed}.action-button.svelte-f3f34c svg:where(.svelte-f3f34c){width:16px;height:16px}@media(max-width:768px){.desktop-actions.svelte-f3f34c{display:none}.mobile-actions.svelte-f3f34c{display:flex}.track-container.svelte-f3f34c{padding:.65rem .75rem;gap:.5rem}.track-index.svelte-f3f34c{display:none}.track.svelte-f3f34c{gap:.5rem}.track-image-wrapper.svelte-f3f34c,.track-image.svelte-f3f34c,.track-image-placeholder.svelte-f3f34c,.track-avatar.svelte-f3f34c{width:40px;height:40px}.gated-badge.svelte-f3f34c{width:16px;height:16px;bottom:-3px;right:-3px}.gated-badge.svelte-f3f34c svg:where(.svelte-f3f34c){width:8px;height:8px}.track-title.svelte-f3f34c{font-size:var(--text-base)}.track-metadata.svelte-f3f34c{font-size:var(--text-sm);gap:.35rem}.track-meta.svelte-f3f34c{font-size:var(--text-xs)}.track-actions.svelte-f3f34c{gap:.35rem}.action-button.svelte-f3f34c{width:32px;height:32px}.action-button.svelte-f3f34c svg:where(.svelte-f3f34c){width:14px;height:14px}}@media(max-width:480px){.track-container.svelte-f3f34c{padding:.5rem .65rem}.track-image-wrapper.svelte-f3f34c,.track-image.svelte-f3f34c,.track-image-placeholder.svelte-f3f34c,.track-avatar.svelte-f3f34c{width:36px;height:36px}.gated-badge.svelte-f3f34c{width:14px;height:14px;bottom:-2px;right:-2px}.gated-badge.svelte-f3f34c svg:where(.svelte-f3f34c){width:7px;height:7px}.track-title.svelte-f3f34c{font-size:var(--text-sm)}.track-metadata.svelte-f3f34c{font-size:var(--text-xs)}.metadata-separator.svelte-f3f34c{font-size:.6rem}.track-meta.svelte-f3f34c{font-size:.65rem;gap:.35rem}.meta-separator.svelte-f3f34c{font-size:.6rem}.action-button.svelte-f3f34c{width:30px;height:30px}.action-button.svelte-f3f34c svg:where(.svelte-f3f34c){width:13px;height:13px}}