.avatar.svelte-sm73vi{width:80px;height:80px;border-radius:50%;border-width:2px}@media (min-width: 640px){.avatar.svelte-sm73vi{width:128px;height:128px}}@media (min-width: 768px){.avatar.svelte-sm73vi{width:176px;height:176px}}.avatar.svelte-sm73vi img,.avatar.svelte-sm73vi svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:50%;border:1px solid var(--color-border)}div.avatar.svelte-sm73vi{border-color:transparent}a.avatar.svelte-sm73vi{border-style:solid;border-color:var(--color-primary)}a.avatar.svelte-sm73vi:hover{filter:brightness(80%)}header.svelte-xlu2rk.svelte-xlu2rk{position:relative;z-index:10}.fixed.svelte-xlu2rk.svelte-xlu2rk{position:fixed;top:0;width:100%;box-shadow:var(--shadow-md);padding:0 8px;background-color:var(--color-bg-body)}@media (min-width: 640px){.fixed.svelte-xlu2rk.svelte-xlu2rk{padding:0 12px}}.inner.svelte-xlu2rk.svelte-xlu2rk{width:100%;max-width:1024px;margin:0 auto;display:flex;align-items:center;gap:8px}.inner.svelte-xlu2rk svg{width:auto;height:80%;aspect-ratio:1/1;border-radius:50%}header.svelte-xlu2rk.svelte-xlu2rk,.inner.svelte-xlu2rk.svelte-xlu2rk{height:var(--header-height)}h1.svelte-xlu2rk.svelte-xlu2rk{font-weight:700;margin:0;flex:1;text-align:left}form.svelte-xlu2rk.svelte-xlu2rk{display:flex;align-items:center;gap:8px}form.svelte-xlu2rk button.svelte-xlu2rk{min-height:32px;padding:4px}ul.svelte-1be1vi8.svelte-1be1vi8{width:100%;display:flex;gap:12px;align-items:center;flex-wrap:nowrap;padding:8px 0;overflow-x:auto;list-style:none}@media (min-width: 640px){ul.svelte-1be1vi8.svelte-1be1vi8{padding:0}}li.svelte-1be1vi8.svelte-1be1vi8{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}li.svelte-1be1vi8 div.svelte-1be1vi8{width:80px;height:80px;border-radius:50%;padding:2px;border:2px solid var(--color-primary)}li.svelte-1be1vi8 a.svelte-1be1vi8{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--color-secondary)}li.svelte-1be1vi8 a.svelte-1be1vi8:hover{filter:brightness(80%)}li.svelte-1be1vi8 small.svelte-1be1vi8{font-weight:600;color:var(--color-text-primary)}.now-playing.svelte-2w5bhx.svelte-2w5bhx{display:var(--now-playing-display);flex-direction:column;gap:8px;border-radius:8px;box-shadow:var(--shadow-md);border:1px solid var(--color-border);padding:8px}@media (min-width: 768px){.now-playing.svelte-2w5bhx.svelte-2w5bhx{padding:12px}}.now-playing.svelte-2w5bhx .title.svelte-2w5bhx{display:flex;gap:4px;align-items:center}.now-playing.svelte-2w5bhx .title h3.svelte-2w5bhx{font-weight:700;font-size:20px;line-height:28px;margin:0;flex:1}.now-playing.svelte-2w5bhx button.svelte-2w5bhx{min-height:32px;padding:4px;z-index:1}.now-playing.svelte-2w5bhx .detail.svelte-2w5bhx{display:flex;gap:8px;align-items:center;font-size:16px;line-height:24px}@media (min-width: 768px){.now-playing.svelte-2w5bhx .detail.svelte-2w5bhx{gap:12px}}.now-playing.svelte-2w5bhx .detail img.svelte-2w5bhx{-o-object-fit:contain;object-fit:contain;border-radius:4px}.now-playing.svelte-2w5bhx .track-info.svelte-2w5bhx{display:flex;flex-direction:column;gap:4px}.now-playing.svelte-2w5bhx .track-info a.svelte-2w5bhx{font-weight:600;font-size:18px;line-height:28px}section.svelte-19a1iao.svelte-19a1iao{width:100%;display:flex;gap:16px;align-items:center;--now-playing-display:none}@media (min-width: 640px){section.svelte-19a1iao.svelte-19a1iao{align-items:flex-start;--now-playing-display:flex}}section.svelte-19a1iao>div.svelte-19a1iao{display:flex;flex-direction:column;flex:1;gap:8px}section.svelte-19a1iao>div h2.svelte-19a1iao{margin:0;font-weight:700;font-size:24px;line-height:32px}@media (min-width: 640px){section.svelte-19a1iao>div h2.svelte-19a1iao{font-size:30px;line-height:36px}}main.svelte-1bw18vq.svelte-1bw18vq{width:100%;display:flex;flex-direction:column;gap:16px;padding:12px}main.logged-in.svelte-1bw18vq.svelte-1bw18vq{max-width:1024px;margin:0 auto;--now-playing-display:flex}@media (min-width: 640px){main.logged-in.svelte-1bw18vq.svelte-1bw18vq{--now-playing-display:none}}main.non-logged-in.svelte-1bw18vq.svelte-1bw18vq{height:calc(100vh - var(--header-height));align-items:center;justify-content:center}main.non-logged-in.svelte-1bw18vq h2.svelte-1bw18vq{margin:0;text-align:center}main.non-logged-in.svelte-1bw18vq .btn.svelte-1bw18vq{min-height:64px;padding:16px}