.settings-menu.svelte-8goaui{position:relative}.settings-toggle.svelte-8goaui{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.settings-toggle.svelte-8goaui:hover{color:var(--accent);border-color:var(--accent)}.settings-panel.svelte-8goaui{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;padding:1.25rem;min-width:280px;box-shadow:0 4px 16px #00000073;z-index:1000;display:flex;flex-direction:column;gap:1.25rem}.panel-header.svelte-8goaui{display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);font-weight:600;font-size:.95rem}.close-btn.svelte-8goaui{background:transparent;border:none;color:var(--text-secondary);font-size:1.4rem;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn.svelte-8goaui:hover{color:var(--text-primary)}.settings-section.svelte-8goaui{display:flex;flex-direction:column;gap:.75rem}.settings-section.svelte-8goaui h3:where(.svelte-8goaui){margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.theme-buttons.svelte-8goaui{display:flex;gap:.5rem}.theme-btn.svelte-8goaui{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.theme-btn.svelte-8goaui:hover{border-color:var(--accent);color:var(--accent)}.theme-btn.active.svelte-8goaui{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent)}.theme-btn.svelte-8goaui svg:where(.svelte-8goaui){width:18px;height:18px}.theme-btn.svelte-8goaui span:where(.svelte-8goaui){font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.color-picker-row.svelte-8goaui{display:flex;align-items:center;gap:.75rem}.color-input.svelte-8goaui{width:48px;height:32px;border:1px solid var(--border-default);border-radius:4px;cursor:pointer;background:transparent}.color-input.svelte-8goaui::-webkit-color-swatch-wrapper{padding:2px}.color-input.svelte-8goaui::-webkit-color-swatch{border-radius:2px;border:none}.color-value.svelte-8goaui{font-family:monospace;font-size:.85rem;color:var(--text-secondary)}.preset-grid.svelte-8goaui{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.preset-btn.svelte-8goaui{width:32px;height:32px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .2s;padding:0}.preset-btn.svelte-8goaui:hover{transform:scale(1.08);box-shadow:0 2px 8px #0000004d}.preset-btn.active.svelte-8goaui{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--bg-secondary),0 2px 8px #00000059}.toggle.svelte-8goaui{display:flex;align-items:center;gap:.65rem;color:var(--text-primary);font-size:.9rem}.toggle.svelte-8goaui input:where(.svelte-8goaui){appearance:none;width:42px;height:22px;border-radius:999px;background:var(--border-default);position:relative;cursor:pointer;transition:background .2s,border .2s;border:1px solid var(--border-default);flex-shrink:0}.toggle.svelte-8goaui input:where(.svelte-8goaui):after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-secondary);transition:transform .2s,background .2s}.toggle.svelte-8goaui input:where(.svelte-8goaui):checked{background:color-mix(in srgb,var(--accent) 65%,transparent);border-color:var(--accent)}.toggle.svelte-8goaui input:where(.svelte-8goaui):checked:after{transform:translate(20px);background:var(--accent)}.toggle-indicator.svelte-8goaui{display:none}.toggle-text.svelte-8goaui{white-space:nowrap}.toggle-hint.svelte-8goaui{margin:0;color:var(--text-tertiary);font-size:.8rem;line-height:1.3}.all-settings-link.svelte-8goaui{display:block;text-align:center;padding:.75rem;margin-top:.5rem;border-top:1px solid var(--border-subtle);color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color .15s}.all-settings-link.svelte-8goaui:hover{color:var(--accent)}@media(max-width:768px){.settings-panel.svelte-8goaui{position:fixed;top:auto;bottom:calc(var(--player-height, 0px) + 1rem);right:1rem;left:1rem;min-width:auto;max-height:70vh;overflow-y:auto}}.stats-header.svelte-vdonru{display:flex;align-items:center;gap:.75rem}.header-stat.svelte-vdonru{display:flex;align-items:center;gap:.3rem;color:var(--text-secondary);font-size:.8rem;transition:color .2s}.header-stat.svelte-vdonru:hover{color:var(--text-primary)}.header-icon.svelte-vdonru{opacity:.6;flex-shrink:0}.header-stat.svelte-vdonru:hover .header-icon:where(.svelte-vdonru){opacity:.8}.header-value.svelte-vdonru{font-variant-numeric:tabular-nums;font-weight:500}@keyframes svelte-vdonru-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton-text.svelte-vdonru{animation:none}}.stats-menu-section.svelte-vdonru{padding:.75rem 1rem;border-top:1px solid var(--border-subtle)}.stats-menu-header.svelte-vdonru{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stats-menu-header.svelte-vdonru svg:where(.svelte-vdonru){opacity:.6}.stats-menu-loading.svelte-vdonru{padding:.5rem 0}.skeleton-text.svelte-vdonru{display:block;width:100%;height:60px;background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:svelte-vdonru-shimmer 1.5s ease-in-out infinite;border-radius:6px}.stats-menu-grid.svelte-vdonru{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.stats-menu-item.svelte-vdonru{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .4rem;background:var(--bg-tertiary, #1a1a1a);border-radius:6px}.menu-stat-icon.svelte-vdonru{color:var(--text-muted);opacity:.5;margin-bottom:.15rem}.stats-menu-value.svelte-vdonru{font-size:.95rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.stats-menu-label.svelte-vdonru{font-size:.65rem;color:var(--text-tertiary);text-transform:lowercase}.links-menu.svelte-roegsi{position:relative}.menu-button.svelte-roegsi{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.menu-button.svelte-roegsi:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.menu-backdrop.svelte-roegsi{position:fixed;inset:0;background:#00000080;z-index:100;animation:svelte-roegsi-fadeIn .15s ease-out}.menu-popover.svelte-roegsi{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 2rem));background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:101;animation:svelte-roegsi-slideIn .2s cubic-bezier(.16,1,.3,1)}.menu-header.svelte-roegsi{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.menu-header.svelte-roegsi span:where(.svelte-roegsi){font-size:.9rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.close-button.svelte-roegsi{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.close-button.svelte-roegsi:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-links.svelte-roegsi{display:flex;flex-direction:column;padding:.5rem}.menu-link.svelte-roegsi{display:flex;align-items:center;gap:1rem;padding:1rem;background:transparent;border-radius:8px;text-decoration:none;color:var(--text-primary);transition:all .2s}.menu-link.svelte-roegsi:hover{background:var(--bg-hover)}.menu-link.svelte-roegsi svg:where(.svelte-roegsi){flex-shrink:0;color:var(--text-secondary);transition:color .2s}.menu-link.svelte-roegsi:hover svg:where(.svelte-roegsi){color:var(--accent)}.link-info.svelte-roegsi{display:flex;flex-direction:column;gap:.25rem;min-width:0}.link-title.svelte-roegsi{font-size:.95rem;font-weight:500;color:var(--text-primary)}.link-subtitle.svelte-roegsi{font-size:.8rem;color:var(--text-tertiary)}@keyframes svelte-roegsi-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-roegsi-slideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.menu-popover.svelte-roegsi{top:calc(50% - var(--player-height, 0px) / 2);max-height:calc(100vh - var(--player-height, 0px) - 3rem - env(safe-area-inset-bottom,0px));overflow-y:auto}}.profile-menu.svelte-1uhqb9a{position:relative}.menu-trigger.svelte-1uhqb9a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.menu-trigger.svelte-1uhqb9a:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.menu-trigger.svelte-1uhqb9a:active{transform:scale(.96)}.menu-backdrop.svelte-1uhqb9a{position:fixed;inset:0;background:#00000080;z-index:100;animation:svelte-1uhqb9a-fadeIn .12s ease-out}.menu-popover.svelte-1uhqb9a{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:16px;box-shadow:0 8px 32px #0006;z-index:101;animation:svelte-1uhqb9a-slideIn .18s cubic-bezier(.16,1,.3,1)}.menu-header.svelte-1uhqb9a{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.menu-header.svelte-1uhqb9a span:where(.svelte-1uhqb9a){font-size:.9rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.close-btn.svelte-1uhqb9a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.close-btn.svelte-1uhqb9a:hover{background:var(--bg-hover);color:var(--text-primary)}.close-btn.svelte-1uhqb9a:active{transform:scale(.94)}.menu-items.svelte-1uhqb9a{display:flex;flex-direction:column;padding:.5rem}.menu-item.svelte-1uhqb9a{display:flex;align-items:center;gap:1rem;padding:1rem;min-height:56px;background:transparent;border:none;border-radius:12px;text-decoration:none;color:var(--text-primary);font-family:inherit;font-size:inherit;cursor:pointer;transition:all .15s;text-align:left;width:100%;-webkit-tap-highlight-color:transparent}.menu-item.svelte-1uhqb9a:hover{background:var(--bg-hover)}.menu-item.svelte-1uhqb9a:active{transform:scale(.98)}.menu-item.svelte-1uhqb9a svg:where(.svelte-1uhqb9a):first-child{flex-shrink:0;color:var(--text-secondary);transition:color .15s}.menu-item.svelte-1uhqb9a:hover svg:where(.svelte-1uhqb9a):first-child{color:var(--accent)}.menu-item.logout.svelte-1uhqb9a:hover svg:where(.svelte-1uhqb9a):first-child{color:var(--error)}.item-content.svelte-1uhqb9a{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.item-title.svelte-1uhqb9a{font-size:.95rem;font-weight:500;color:var(--text-primary)}.item-subtitle.svelte-1uhqb9a{font-size:.8rem;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron.svelte-1uhqb9a{flex-shrink:0;color:var(--text-tertiary)}.back-btn.svelte-1uhqb9a{display:flex;align-items:center;gap:.5rem;margin:.75rem 1rem .5rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.back-btn.svelte-1uhqb9a:hover{color:var(--accent);background:var(--bg-hover)}.settings-content.svelte-1uhqb9a{padding:.75rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem}.settings-section.svelte-1uhqb9a{display:flex;flex-direction:column;gap:.75rem}.settings-section.svelte-1uhqb9a h3:where(.svelte-1uhqb9a){margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.theme-buttons.svelte-1uhqb9a{display:flex;gap:.5rem}.theme-btn.svelte-1uhqb9a{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;min-height:54px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.theme-btn.svelte-1uhqb9a:hover{border-color:var(--accent);color:var(--accent)}.theme-btn.svelte-1uhqb9a:active{transform:scale(.96)}.theme-btn.active.svelte-1uhqb9a{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent)}.theme-btn.svelte-1uhqb9a svg:where(.svelte-1uhqb9a){width:18px;height:18px}.theme-btn.svelte-1uhqb9a span:where(.svelte-1uhqb9a){font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.color-row.svelte-1uhqb9a{display:flex;align-items:center;gap:.75rem}.color-input.svelte-1uhqb9a{width:44px;height:44px;border:1px solid var(--border-default);border-radius:8px;cursor:pointer;background:transparent;flex-shrink:0}.color-input.svelte-1uhqb9a::-webkit-color-swatch-wrapper{padding:3px}.color-input.svelte-1uhqb9a::-webkit-color-swatch{border-radius:4px;border:none}.preset-grid.svelte-1uhqb9a{display:flex;gap:.5rem;flex:1}.preset-btn.svelte-1uhqb9a{width:36px;height:36px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .15s;padding:0;-webkit-tap-highlight-color:transparent}.preset-btn.svelte-1uhqb9a:hover{transform:scale(1.08)}.preset-btn.svelte-1uhqb9a:active{transform:scale(.96)}.preset-btn.active.svelte-1uhqb9a{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--bg-secondary)}.toggle.svelte-1uhqb9a{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-size:.9rem;cursor:pointer;padding:.5rem 0}.toggle.svelte-1uhqb9a input:where(.svelte-1uhqb9a){appearance:none;width:48px;height:28px;border-radius:999px;background:var(--border-default);position:relative;cursor:pointer;transition:background .15s,border .15s;border:1px solid var(--border-default);flex-shrink:0}.toggle.svelte-1uhqb9a input:where(.svelte-1uhqb9a):after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text-secondary);transition:transform .15s,background .15s}.toggle.svelte-1uhqb9a input:where(.svelte-1uhqb9a):checked{background:color-mix(in srgb,var(--accent) 65%,transparent);border-color:var(--accent)}.toggle.svelte-1uhqb9a input:where(.svelte-1uhqb9a):checked:after{transform:translate(20px);background:var(--accent)}.toggle-text.svelte-1uhqb9a{white-space:nowrap}.all-settings-link.svelte-1uhqb9a{display:block;text-align:center;padding:1rem;margin-top:.5rem;border-top:1px solid var(--border-subtle);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .15s}.all-settings-link.svelte-1uhqb9a:hover{color:var(--accent)}@keyframes svelte-1uhqb9a-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1uhqb9a-slideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.menu-popover.svelte-1uhqb9a{top:calc(50% - var(--player-height, 0px) / 2);max-height:calc(100vh - var(--player-height, 0px) - 3rem - env(safe-area-inset-bottom,0px))}}.search-trigger.svelte-hsr9lg{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.search-trigger.svelte-hsr9lg:hover{color:var(--accent);border-color:var(--accent)}header.svelte-1elxaub{border-bottom:1px solid var(--border-default);margin-bottom:2rem;position:relative;z-index:50}.header-content.svelte-1elxaub{max-width:800px;margin:0 auto;padding:1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative}.left-section.svelte-1elxaub{display:flex;align-items:center;gap:.5rem}.brand.svelte-1elxaub{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.25rem;flex-shrink:0;margin-left:1.5rem}.brand.svelte-1elxaub:hover h1:where(.svelte-1elxaub){color:var(--accent)}.desktop-only.svelte-1elxaub{display:flex}.mobile-only.svelte-1elxaub{display:none}.desktop-nav.svelte-1elxaub{display:flex;align-items:center;gap:.75rem}.mobile-center.svelte-1elxaub{flex:1;justify-content:space-evenly;align-items:center}.nav-icon.svelte-1elxaub{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:transparent;border:none;color:var(--text-secondary);text-decoration:none;cursor:pointer;font-family:inherit;transition:all .15s;-webkit-tap-highlight-color:transparent}.nav-icon.svelte-1elxaub:hover{color:var(--accent);background:var(--bg-tertiary)}.nav-icon.svelte-1elxaub:active{transform:scale(.94)}.stats-left.svelte-1elxaub{position:absolute;left:calc((100vw - var(--queue-width, 0px) - 800px) / 6);top:50%;transform:translate(-50%,-50%);transition:left .3s ease}.search-left.svelte-1elxaub{position:absolute;left:calc((100vw - var(--queue-width, 0px) - 800px) / 3);top:50%;transform:translate(-50%,-50%);transition:left .3s ease}.logout-right.svelte-1elxaub{position:absolute;right:calc((100vw - var(--queue-width, 0px) - 800px) / 4);top:50%;transform:translate(50%,-50%);transition:right .3s ease}.btn-logout-outer.svelte-1elxaub{background:transparent;border:1px solid var(--border-emphasis);color:var(--text-secondary);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-logout-outer.svelte-1elxaub:hover{border-color:var(--accent);color:var(--accent)}.bluesky-link.svelte-1elxaub,.status-link.svelte-1elxaub{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s;text-decoration:none;flex-shrink:0}.bluesky-link.svelte-1elxaub:hover{color:#1185fe}.status-link.svelte-1elxaub:hover{color:var(--accent)}h1.svelte-1elxaub{font-size:1.5rem;margin:0;color:var(--text-primary);transition:color .2s}.brand.svelte-1elxaub p:where(.svelte-1elxaub){margin:0;font-size:.65rem;color:var(--text-tertiary);letter-spacing:.02em}nav.svelte-1elxaub{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.nav-link.svelte-1elxaub{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:6px;border:1px solid transparent}.nav-link.svelte-1elxaub:hover{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--border-default)}.nav-link.svelte-1elxaub svg:where(.svelte-1elxaub){width:16px;height:16px}.user-handle.svelte-1elxaub{color:var(--text-secondary);text-decoration:none;font-size:.9rem;padding:.4rem .75rem;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-default);transition:all .2s;white-space:nowrap}.user-handle.svelte-1elxaub:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-hover)}.btn-primary.svelte-1elxaub{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;text-decoration:none;transition:all .2s;cursor:pointer;white-space:nowrap}.btn-primary.svelte-1elxaub:hover{background:var(--accent);color:var(--bg-primary)}@media(max-width:1299px){.desktop-only.svelte-1elxaub{display:none!important}.mobile-only.svelte-1elxaub{display:flex}.brand.svelte-1elxaub{margin-left:0}}@media(max-width:768px){.header-content.svelte-1elxaub{padding:.75rem;gap:.75rem}.left-section.svelte-1elxaub{gap:.5rem}.brand.svelte-1elxaub h1:where(.svelte-1elxaub){font-size:1.15rem}.brand.svelte-1elxaub p:where(.svelte-1elxaub){font-size:.55rem}nav.svelte-1elxaub{gap:.4rem}.nav-link.svelte-1elxaub{padding:.3rem .5rem;font-size:.8rem}.nav-link.svelte-1elxaub span:where(.svelte-1elxaub){display:none}.user-handle.svelte-1elxaub{font-size:.8rem;padding:.3rem .5rem}.btn-primary.svelte-1elxaub{font-size:.8rem;padding:.3rem .65rem}}