@keyframes svelte-1qvx4jg-rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card.svelte-1qvx4jg{border-radius:var(--card-shape-extra-large);background:linear-gradient(135deg, var(--card-color-surface-container-low) 0%, var(--card-color-surface-container) 100%);width:100%;height:220px;box-shadow:var(--card-elevation-level1);cursor:pointer;animation:svelte-1qvx4jg-rise-in .4s var(--card-motion-easing-emphasized-decelerate) both;transition:box-shadow var(--card-motion-duration-medium) var(--card-motion-easing-standard);align-items:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden}.card.svelte-1qvx4jg:after{content:"";background:var(--card-color-on-surface);opacity:0;transition:opacity var(--card-motion-duration-short) var(--card-motion-easing-standard);z-index:2;pointer-events:none;position:absolute;inset:0}html:not(.is-touch) .card.svelte-1qvx4jg:hover{box-shadow:var(--card-elevation-level2)}html:not(.is-touch) .card.svelte-1qvx4jg:hover:after{opacity:.08}html:not(.is-touch) .card.svelte-1qvx4jg:hover .glow:where(.svelte-1qvx4jg){opacity:.4}html:not(.is-touch) .card.svelte-1qvx4jg:hover .logo:where(.svelte-1qvx4jg){transform:translateY(-50%)scale(1.03)}.card.svelte-1qvx4jg:focus-visible:after,.card.svelte-1qvx4jg:active:after{opacity:.12}.glow.svelte-1qvx4jg{background:radial-gradient(circle, var(--card-color-primary) 0%, transparent 70%);opacity:.25;filter:blur(20px);z-index:0;width:260px;height:260px;transition:opacity var(--card-motion-duration-long) var(--card-motion-easing-emphasized);position:absolute;top:50%;right:4%;transform:translateY(-50%)}.logo.svelte-1qvx4jg{z-index:1;width:180px;height:180px;color:var(--card-color-on-surface);filter:drop-shadow(0 8px 24px color-mix(in srgb, var(--card-color-scrim) 35%, transparent));transition:transform var(--card-motion-duration-long) var(--card-motion-easing-emphasized), color var(--card-motion-duration-medium) var(--card-motion-easing-standard);position:absolute;top:50%;right:4%;transform:translateY(-50%)}.logo.svelte-1qvx4jg svg{width:100%;height:100%;display:block}[data-theme=light] .logo.svelte-1qvx4jg{color:#000}.text.svelte-1qvx4jg{z-index:2;padding:20px 24px;position:relative}.title.svelte-1qvx4jg{font-family:var(--md-sys-typescale-display-medium-font), system-ui, sans-serif;font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking);color:var(--card-color-on-surface)}.subtitle.svelte-1qvx4jg{font-family:var(--md-sys-typescale-body-medium-font), system-ui, sans-serif;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--card-color-on-surface-variant);margin-top:4px}@media (prefers-reduced-motion:reduce){.card.svelte-1qvx4jg{animation:none}.logo.svelte-1qvx4jg{transition:none}}@media screen and (width<=600px){.card.svelte-1qvx4jg{border-radius:var(--card-shape-large);height:160px}.text.svelte-1qvx4jg{padding:16px 20px}.title.svelte-1qvx4jg{font-size:27px;line-height:32px}.logo.svelte-1qvx4jg,.glow.svelte-1qvx4jg{width:120px;height:120px;right:2%}}@keyframes svelte-gs8b8u-erase-out{0%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(2px);transform:translateY(-5px)}}@keyframes svelte-gs8b8u-type-in{0%{opacity:0;filter:blur(2px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes svelte-gs8b8u-sparkle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes svelte-gs8b8u-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.now-playing.svelte-gs8b8u{align-items:center;gap:8px;width:100%;min-width:0;min-height:18px;margin-top:4px;display:flex;overflow:hidden}.sparkle-icon.svelte-gs8b8u{width:18px;height:18px;color:var(--card-color-primary);animation:svelte-gs8b8u-sparkle-pulse 3s var(--card-motion-easing-standard) infinite;flex-shrink:0;display:block}.sparkle-icon.svelte-gs8b8u svg{width:100%;height:100%;display:block}.track-link.svelte-gs8b8u{font-family:var(--md-sys-typescale-body-small-font), system-ui, sans-serif;font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);color:var(--card-color-primary);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;text-decoration:none;overflow:hidden}.track-link.svelte-gs8b8u span:where(.svelte-gs8b8u){text-overflow:ellipsis;white-space:nowrap;will-change:opacity, transform;display:block;overflow:hidden}.track-link.svelte-gs8b8u span.erase:where(.svelte-gs8b8u){animation:svelte-gs8b8u-erase-out .2s var(--card-motion-easing-emphasized-accelerate) forwards}.track-link.svelte-gs8b8u span.type:where(.svelte-gs8b8u){animation:svelte-gs8b8u-type-in .38s var(--card-motion-easing-emphasized-decelerate) forwards}html:not(.is-touch) .track-link.svelte-gs8b8u:hover{color:color-mix(in srgb, var(--card-color-primary) 85%, var(--card-color-on-surface));text-underline-offset:2px;text-decoration:underline}.not-listening.svelte-gs8b8u{font-family:var(--md-sys-typescale-body-small-font), system-ui, sans-serif;font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);color:var(--card-color-on-surface-variant)}.icon-skeleton.svelte-gs8b8u{border-radius:var(--card-shape-full);background-color:var(--card-color-surface-container-high);flex-shrink:0;width:18px;height:18px;position:relative;overflow:hidden}.icon-skeleton.svelte-gs8b8u:after{content:"";background:linear-gradient(90deg, transparent 0, color-mix(in srgb, var(--card-color-on-surface) 7%, transparent) 50%, transparent 100%);animation:svelte-gs8b8u-shimmer 1s var(--card-motion-easing-standard) infinite;position:absolute;inset:0}.text-skeleton.svelte-gs8b8u{border-radius:var(--card-shape-extra-small);background-color:var(--card-color-surface-container-high);flex-shrink:1;width:160px;max-width:100%;height:12px;position:relative;overflow:hidden}.text-skeleton.svelte-gs8b8u:after{content:"";background:linear-gradient(90deg, transparent 0, color-mix(in srgb, var(--card-color-on-surface) 7%, transparent) 50%, transparent 100%);animation:svelte-gs8b8u-shimmer 1s var(--card-motion-easing-standard) infinite;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.sparkle-icon.svelte-gs8b8u,.icon-skeleton.svelte-gs8b8u:after,.text-skeleton.svelte-gs8b8u:after{animation:none}.track-link.svelte-gs8b8u span.erase:where(.svelte-gs8b8u){opacity:0;animation:none}.track-link.svelte-gs8b8u span.type:where(.svelte-gs8b8u){animation:none}}@media screen and (width<=600px){.now-playing.svelte-gs8b8u{justify-content:center}}@keyframes svelte-1j7scqf-rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile.svelte-1j7scqf{border-radius:var(--card-shape-large);background-color:var(--card-color-surface-container-low);box-shadow:var(--card-elevation-level2);animation:svelte-1j7scqf-rise-in .3s var(--card-motion-easing-emphasized-decelerate) 60ms both;flex-direction:row;align-items:flex-start;gap:24px;padding:28px;display:flex;position:relative}.avatar-wrap.svelte-1j7scqf{background-color:var(--card-color-surface-container-high);width:96px;height:96px;box-shadow:var(--card-elevation-level1), 0 0 0 2px var(--card-color-surface-container-low);border-radius:var(--card-shape-full);flex-shrink:0;align-self:flex-start;padding:4px;position:relative;overflow:hidden}.avatar.svelte-1j7scqf{object-fit:cover;z-index:1;border-radius:var(--card-shape-full);width:100%;height:100%;display:block;position:relative}.info.svelte-1j7scqf{z-index:1;flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.name-row.svelte-1j7scqf{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.name.svelte-1j7scqf{font-family:var(--md-sys-typescale-title-large-font), system-ui, sans-serif;font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking);color:var(--card-color-on-surface)}.handle.svelte-1j7scqf{font-family:var(--md-sys-typescale-title-medium-font), system-ui, sans-serif;font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);color:var(--card-color-primary)}.status.svelte-1j7scqf{font-family:var(--md-sys-typescale-body-medium-font), system-ui, sans-serif;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--card-color-on-surface-variant)}@media screen and (width<=600px){.profile.svelte-1j7scqf{flex-direction:column;align-items:stretch;padding:20px}.info.svelte-1j7scqf{text-align:center;align-items:center}.avatar-wrap.svelte-1j7scqf{align-self:center}.name-row.svelte-1j7scqf{justify-content:center}}@media (prefers-reduced-motion:reduce){.profile.svelte-1j7scqf{animation:none}}@keyframes svelte-v9r3xz-rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.grid.svelte-v9r3xz{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.icon.svelte-v9r3xz{width:24px;height:24px;color:var(--card-color-on-primary-container);flex-shrink:0}.icon[fill=currentColor].svelte-v9r3xz path{fill:currentColor}.link.svelte-v9r3xz{border-radius:var(--card-shape-medium);background-color:var(--card-color-surface-container-low);box-shadow:var(--card-elevation-level1);cursor:pointer;transition:box-shadow var(--card-motion-duration-medium) var(--card-motion-easing-standard), border-radius var(--card-motion-duration-medium) var(--card-motion-easing-emphasized);animation:svelte-v9r3xz-rise-in .3s var(--card-motion-easing-emphasized-decelerate) both;align-items:center;gap:16px;padding:16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.link.svelte-v9r3xz:after{content:"";background:var(--card-color-on-surface);opacity:0;transition:opacity var(--card-motion-duration-short) var(--card-motion-easing-standard);pointer-events:none;z-index:1;position:absolute;inset:0}html:not(.is-touch) .link.svelte-v9r3xz:hover{box-shadow:var(--card-elevation-level2);border-radius:var(--card-shape-large-increased)}html:not(.is-touch) .link.svelte-v9r3xz:hover:after{opacity:.08}html:not(.is-touch) .link.svelte-v9r3xz:hover .icon-badge:where(.svelte-v9r3xz){border-radius:var(--card-shape-large)}.link.svelte-v9r3xz:focus-visible:after,.link.svelte-v9r3xz:active:after{opacity:.12}.icon-badge.svelte-v9r3xz{border-radius:var(--card-shape-full);background-color:var(--card-color-primary-container);width:40px;height:40px;color:var(--card-color-on-primary-container);z-index:2;transition:border-radius var(--card-motion-duration-medium) var(--card-motion-easing-emphasized);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.text.svelte-v9r3xz{z-index:2;flex-direction:column;gap:4px;min-width:0;display:flex;position:relative}.label.svelte-v9r3xz{font-family:var(--md-sys-typescale-label-large-font), ui-monospace, monospace;font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);color:var(--card-color-on-surface)}.handle.svelte-v9r3xz{font-family:var(--md-sys-typescale-body-small-font), system-ui, sans-serif;font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);color:var(--card-color-on-surface-variant)}@media screen and (width<=600px){.grid.svelte-v9r3xz{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.link.svelte-v9r3xz{animation:none}.icon-badge.svelte-v9r3xz{transition:none}}@keyframes svelte-1mrwxpm-rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.grid.svelte-1mrwxpm{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.icon.svelte-1mrwxpm{width:20px;height:20px;color:var(--card-color-on-primary-container);flex-shrink:0}.card.svelte-1mrwxpm{border-radius:var(--card-shape-medium);background-color:var(--card-color-surface-container-low);box-shadow:var(--card-elevation-level1);cursor:pointer;transition:box-shadow var(--card-motion-duration-medium) var(--card-motion-easing-standard), border-radius var(--card-motion-duration-medium) var(--card-motion-easing-emphasized);animation:svelte-1mrwxpm-rise-in .3s var(--card-motion-easing-emphasized-decelerate) both;align-items:flex-start;gap:16px;padding:16px 16px 16px 20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.card.svelte-1mrwxpm:before{content:"";border-radius:var(--card-shape-full);background:var(--card-color-primary);opacity:.4;width:3px;transition:opacity var(--card-motion-duration-medium) var(--card-motion-easing-standard);position:absolute;top:12px;bottom:12px;left:0}.card.svelte-1mrwxpm:after{content:"";background:var(--card-color-on-surface);opacity:0;transition:opacity var(--card-motion-duration-short) var(--card-motion-easing-standard);pointer-events:none;position:absolute;inset:0}.card.svelte-1mrwxpm:last-child:nth-child(odd){grid-column:1/-1}html:not(.is-touch) .card.svelte-1mrwxpm:hover{box-shadow:var(--card-elevation-level2);border-radius:var(--card-shape-large-increased)}html:not(.is-touch) .card.svelte-1mrwxpm:hover:before{opacity:1}html:not(.is-touch) .card.svelte-1mrwxpm:hover:after{opacity:.08}html:not(.is-touch) .card.svelte-1mrwxpm:hover .icon-badge:where(.svelte-1mrwxpm){border-radius:var(--card-shape-full)}.card.svelte-1mrwxpm:focus-visible:after,.card.svelte-1mrwxpm:active:after{opacity:.12}.icon-badge.svelte-1mrwxpm{border-radius:var(--card-shape-medium);background-color:var(--card-color-primary-container);width:40px;height:40px;color:var(--card-color-on-primary-container);z-index:1;transition:border-radius var(--card-motion-duration-medium) var(--card-motion-easing-emphasized);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.thumb.svelte-1mrwxpm{border-radius:var(--card-shape-medium);object-fit:cover;z-index:1;flex-shrink:0;width:40px;height:40px;position:relative}.text.svelte-1mrwxpm{z-index:1;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex;position:relative}.title-row.svelte-1mrwxpm{justify-content:space-between;align-items:center;gap:8px;display:flex}.title.svelte-1mrwxpm{font-family:var(--md-sys-typescale-title-medium-font), system-ui, sans-serif;font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);color:var(--card-color-on-surface)}.description.svelte-1mrwxpm{font-family:var(--md-sys-typescale-body-medium-font), system-ui, sans-serif;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--card-color-on-surface-variant)}.tags.svelte-1mrwxpm{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tag.svelte-1mrwxpm{font-family:var(--md-sys-typescale-label-small-font), ui-monospace, monospace;font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);border-radius:var(--card-shape-small);background-color:var(--card-color-secondary-container);height:32px;letter-spacing:var(--md-sys-typescale-label-small-tracking);color:var(--card-color-on-secondary-container);-webkit-user-select:none;user-select:none;align-items:center;padding:0 12px;display:inline-flex}@media screen and (width<=600px){.grid.svelte-1mrwxpm{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.card.svelte-1mrwxpm{animation:none}.icon-badge.svelte-1mrwxpm{transition:none}}.section-title.svelte-1uha8ag{font-family:var(--md-sys-typescale-label-small-font), ui-monospace, monospace;font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking);text-transform:uppercase;color:var(--card-color-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin-top:16px;margin-bottom:-2px;padding-left:4px;display:flex}.section-title.svelte-1uha8ag:after{content:"";background:linear-gradient(to right, var(--card-color-outline-variant), transparent);flex:1;height:1px}