.music.svelte-17qx7k8{display:flex;align-items:center;gap:20px;padding:16px;background-color:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 8px 24px #0f111514;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.music-left.svelte-17qx7k8{flex:0 0 auto}.music-albumart.svelte-17qx7k8 img:where(.svelte-17qx7k8){border-radius:8px}.music-right.svelte-17qx7k8{flex:1 1 auto}.music-title.svelte-17qx7k8{font-size:1.2em;font-weight:700;margin-bottom:5px;color:var(--color-text)}.music-subtitle.svelte-17qx7k8{font-size:1em;color:var(--color-muted);margin-bottom:10px}.music-audio.svelte-17qx7k8{display:flex;flex-direction:column;gap:10px}.music-audio-top.svelte-17qx7k8{display:flex;justify-content:space-between;align-items:center}.music-audio-top-left.svelte-17qx7k8{display:flex;align-items:center;gap:10px}.music-play-button.svelte-17qx7k8{background:none;border:none;cursor:pointer;padding:0}.music-play-button.svelte-17qx7k8 i:where(.svelte-17qx7k8){font-size:1.5em;color:var(--color-text);transition:color .3s ease}.music-play-button.svelte-17qx7k8:hover i:where(.svelte-17qx7k8),.music-play-button.svelte-17qx7k8:focus-visible i:where(.svelte-17qx7k8){color:var(--color-accent)}.music-time.svelte-17qx7k8,.music-duration.svelte-17qx7k8{font-size:.9em;color:var(--color-muted)}.music-audio-top-right.svelte-17qx7k8{cursor:pointer;display:flex;align-items:center;gap:8px}.music-audio-bar.svelte-17qx7k8,.music-progress-bar.svelte-17qx7k8{width:100%}.music-volume-bar.svelte-17qx7k8{width:100px}.music-volume-icon.svelte-17qx7k8{font-size:1.5em;color:var(--color-text);transition:color .3s ease}.music-volume-icon.svelte-17qx7k8:hover,.music-volume-icon.svelte-17qx7k8:focus-visible{color:var(--color-accent)}@media(max-width:600px){.hide-mobile.svelte-17qx7k8{display:none}}input[type=range].svelte-17qx7k8{accent-color:var(--color-accent)}.container.svelte-12legpx{max-width:1120px;margin:0 auto;padding:20px 24px}.title.svelte-12legpx{font-size:2.4em;font-weight:700;margin-bottom:18px;letter-spacing:.02em}.subtitle.svelte-12legpx{font-size:1.75em;font-weight:600;margin-bottom:24px;letter-spacing:.015em}.content.svelte-12legpx{margin-bottom:56px}.content.svelte-12legpx .media-grid:where(.svelte-12legpx),.content.svelte-12legpx .media-featured:where(.svelte-12legpx),.videos-section.svelte-12legpx,.videos-section-before.svelte-12legpx{margin-top:32px}.content.svelte-12legpx .media-featured:where(.svelte-12legpx)+.subtitle:where(.svelte-12legpx),.content.svelte-12legpx .media-grid:where(.svelte-12legpx)+.subtitle:where(.svelte-12legpx){margin-top:32px}.content.svelte-12legpx .subtitle:where(.svelte-12legpx)+.media-grid:where(.svelte-12legpx),.content.svelte-12legpx .subtitle:where(.svelte-12legpx)+.media-featured:where(.svelte-12legpx),.content.svelte-12legpx .subtitle:where(.svelte-12legpx)+.videos-section-before:where(.svelte-12legpx){margin-top:24px}.content.svelte-12legpx .subtitle:where(.svelte-12legpx)+.media-grid.song-arrange-grid:where(.svelte-12legpx){margin-top:24px}.media-grid.svelte-12legpx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;align-items:stretch}.media-featured.svelte-12legpx{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.featured-card.svelte-12legpx{align-self:start;width:100%;max-width:min(100%,calc((100% - 20px)/2))}.videos-section-before.svelte-12legpx{margin-top:0;margin-bottom:16px}.videos-section-before.svelte-12legpx+.media-grid:where(.svelte-12legpx){margin-top:16px}.media-item.svelte-12legpx{display:flex;flex-direction:column}.media-item.svelte-12legpx>.music{flex:1 1 auto;height:100%}.featured-videos-grid.svelte-12legpx,.videos-grid.svelte-12legpx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.featured-video.svelte-12legpx,.video-card.svelte-12legpx{display:flex;flex-direction:column;gap:12px;height:100%}.featured-video-embed.svelte-12legpx{position:relative;width:100%;padding-top:56.25%}.featured-video-embed.svelte-12legpx iframe:where(.svelte-12legpx){position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:12px}.featured-video-info.svelte-12legpx{display:flex;flex-direction:column;gap:4px}.featured-video-title.svelte-12legpx{font-size:1.2em;font-weight:700;color:var(--color-text)}.featured-video-subtitle.svelte-12legpx{font-size:1em;color:var(--color-muted)}@media(max-width:600px){.media-grid.svelte-12legpx{grid-template-columns:1fr}.featured-card.svelte-12legpx{max-width:100%}.featured-videos-grid.svelte-12legpx,.videos-grid.svelte-12legpx{grid-template-columns:1fr;gap:20px}}