.player-container.svelte-1ed9w23{--_size-dur: .28s;box-sizing:border-box;background:var(--blog-glass-bg);backdrop-filter:var(--blog-glass-backdrop);-webkit-backdrop-filter:var(--blog-glass-backdrop);border:1px solid var(--blog-glass-border);color:var(--blog-color-on-surface);overflow:hidden;transition:clip-path var(--blog-motion-duration-slow) var(--blog-motion-easing-emphasized),width var(--_size-dur) var(--blog-motion-easing-decelerate),padding var(--_size-dur) var(--blog-motion-easing-decelerate),box-shadow var(--_size-dur) var(--blog-motion-easing-standard),background var(--blog-motion-duration-normal) var(--blog-motion-easing-standard),border-color var(--blog-motion-duration-normal) var(--blog-motion-easing-standard)}.player-container.svelte-1ed9w23:hover{box-shadow:var(--blog-glass-shadow-hover);border-color:var(--blog-glass-border-hover)}.loading-state.svelte-1ed9w23{padding:var(--blog-space-4);display:flex;align-items:center;justify-content:center}.is-capsule.svelte-1ed9w23{--player-radius: var(--player-capsule-radius);width:88px;height:var(--pill-h-md);padding:var(--blog-space-1);cursor:pointer;clip-path:inset(0 round var(--player-radius));border-radius:var(--player-radius);box-shadow:var(--blog-glass-shadow)}.capsule-body.svelte-1ed9w23{display:flex;align-items:center;gap:6px;width:100%;height:100%}.art-thumb.svelte-1ed9w23{width:32px;height:32px;border-radius:var(--blog-radius-full);overflow:hidden;flex-shrink:0;box-shadow:0 1px 3px #00000014}.art-thumb.svelte-1ed9w23 img:where(.svelte-1ed9w23){width:100%;height:100%;object-fit:cover;display:block}.mini-play.svelte-1ed9w23{position:relative;width:28px;height:28px;border:none;border-radius:var(--blog-radius-full);background:color-mix(in srgb,var(--blog-color-primary) 12%,transparent);color:var(--blog-color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:auto;padding:0}.mini-play.svelte-1ed9w23:hover{background:color-mix(in srgb,var(--blog-color-primary) 22%,transparent);transform:scale(1.06)}.mini-play.svelte-1ed9w23 svg:where(.svelte-1ed9w23):not(.progress-ring){width:11px;height:11px;position:relative;z-index:1}.progress-ring.svelte-1ed9w23{position:absolute;inset:0;width:28px;height:28px;transform:rotate(-90deg);pointer-events:none}.progress-ring.svelte-1ed9w23 circle:where(.svelte-1ed9w23){fill:none;stroke:var(--blog-color-primary);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .4s cubic-bezier(.4,0,.2,1)}.is-strip.svelte-1ed9w23{--player-radius: var(--player-strip-radius);width:var(--player-strip-width);max-width:calc(100vw - var(--layout-edge-margin) * 2);height:var(--layout-bar-height);padding-inline:var(--blog-space-2);padding-block:var(--blog-space-1);clip-path:inset(0 round var(--player-radius));border-radius:var(--player-radius);box-shadow:var(--blog-elevation-3)}.strip-body.svelte-1ed9w23{display:flex;align-items:center;gap:var(--blog-space-2);width:100%;height:100%}.art-strip.svelte-1ed9w23{width:32px;height:32px;border-radius:var(--blog-radius-full);overflow:hidden;flex-shrink:0;cursor:pointer;box-shadow:0 1px 3px #00000014;transition:transform .15s ease}.art-strip.svelte-1ed9w23:hover{transform:scale(1.06)}.art-strip.svelte-1ed9w23 img:where(.svelte-1ed9w23){width:100%;height:100%;object-fit:cover;display:block}.track-info.svelte-1ed9w23{flex:1;min-width:0;cursor:pointer;overflow:hidden}.info-text.svelte-1ed9w23{font-size:var(--mp-info-size);font-weight:var(--mp-info-weight);color:var(--blog-color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;letter-spacing:var(--mp-info-tracking)}.info-sep.svelte-1ed9w23{font-weight:var(--mp-info-sep-weight);opacity:.5}.strip-ctrls.svelte-1ed9w23{flex-shrink:0;display:flex;align-items:center;gap:var(--blog-space-1)}.ctrl-btn.svelte-1ed9w23{background:none;border:none;color:var(--blog-color-text-secondary);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--blog-radius-full);transition:all .2s;padding:0}.ctrl-btn.svelte-1ed9w23:hover{background:var(--blog-color-surface-variant);color:var(--blog-color-text-primary)}.ctrl-btn.svelte-1ed9w23 svg:where(.svelte-1ed9w23){width:14px;height:14px}.ctrl-btn--primary.svelte-1ed9w23{background:color-mix(in srgb,var(--blog-color-primary) 12%,transparent);color:var(--blog-color-primary)}.ctrl-btn--primary.svelte-1ed9w23:hover{background:color-mix(in srgb,var(--blog-color-primary) 22%,transparent);transform:scale(1.06)}.is-card.svelte-1ed9w23{--player-radius: var(--player-card-radius);width:var(--player-card-width);max-width:calc(100vw - var(--layout-edge-margin) * 2);padding:var(--blog-space-2);clip-path:inset(0 round var(--player-radius));border-radius:var(--player-radius);box-shadow:var(--blog-elevation-4)}.card-body.svelte-1ed9w23{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;gap:var(--blog-space-1-5);align-items:center;position:relative}.card-body.has-drawer.svelte-1ed9w23{grid-template-rows:auto auto;padding-bottom:210px}.art-card.svelte-1ed9w23{grid-column:1;grid-row:1 / 3;width:56px;height:56px;border-radius:var(--blog-radius-md);overflow:hidden;box-shadow:0 4px 12px #00000014,0 1px 3px #0000000a}.art-card.svelte-1ed9w23 img:where(.svelte-1ed9w23){width:100%;height:100%;object-fit:cover;display:block}.card-title-wrap.svelte-1ed9w23{grid-column:2;grid-row:1;overflow:hidden;height:18px;display:flex;align-items:center}.card-title.svelte-1ed9w23{display:inline-block;white-space:nowrap;font-size:var(--mp-card-title-size);font-weight:var(--mp-card-title-weight);color:var(--blog-color-text-primary);letter-spacing:var(--mp-card-title-tracking);transition:transform .08s linear}.card-artist.svelte-1ed9w23{grid-column:2;grid-row:2;font-size:var(--mp-artist-size);color:var(--blog-color-text-secondary);font-weight:var(--mp-artist-weight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-bar.svelte-1ed9w23{grid-column:1 / -1;display:flex;align-items:center;gap:6px;background:var(--blog-color-error-container);color:var(--blog-color-on-error-container);padding:6px 10px;border-radius:var(--blog-radius-sm);font-size:var(--blog-typescale-label-small-size);animation:svelte-1ed9w23-shake .4s ease}.error-bar.svelte-1ed9w23 svg:where(.svelte-1ed9w23){width:14px;height:14px;flex-shrink:0}@keyframes svelte-1ed9w23-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.progress-row.svelte-1ed9w23{grid-column:1 / -1;display:flex;flex-direction:column;gap:4px}.progress-track.svelte-1ed9w23{position:relative;width:100%;height:14px;display:flex;align-items:center;cursor:pointer}.progress-track.svelte-1ed9w23:before{content:"";position:absolute;left:0;right:0;height:3px;background:var(--blog-color-surface-variant);border-radius:var(--blog-radius-full);transition:height .15s ease}.progress-track.svelte-1ed9w23:hover:before{height:5px}.progress-buffer.svelte-1ed9w23{position:absolute;left:0;right:0;height:3px;background:color-mix(in srgb,var(--blog-color-primary) 25%,var(--blog-color-surface-variant));border-radius:var(--blog-radius-full);transform-origin:left;pointer-events:none;transition:height .15s ease}.progress-track.svelte-1ed9w23:hover .progress-buffer:where(.svelte-1ed9w23){height:5px}.progress-fill.svelte-1ed9w23{position:absolute;left:0;right:0;height:3px;background:var(--blog-color-primary);border-radius:var(--blog-radius-full);transform-origin:left;pointer-events:none;transition:height .15s ease}.progress-track.svelte-1ed9w23:hover .progress-fill:where(.svelte-1ed9w23){height:5px}.progress-fill.svelte-1ed9w23:after{content:"";position:absolute;top:-1px;right:-2px;width:5px;height:5px;background:var(--blog-color-primary);border-radius:var(--blog-radius-full);box-shadow:0 0 4px color-mix(in srgb,var(--blog-color-primary) 40%,transparent);opacity:0;transition:opacity .15s}.progress-track.svelte-1ed9w23:hover .progress-fill:where(.svelte-1ed9w23):after{opacity:1}.progress-scan.svelte-1ed9w23{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);border-radius:var(--blog-radius-full);animation:svelte-1ed9w23-scan 1.8s infinite ease-in-out;pointer-events:none}@keyframes svelte-1ed9w23-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.time-row.svelte-1ed9w23{display:flex;justify-content:space-between;font-size:var(--mp-time-size);color:var(--blog-color-text-tertiary);font-variant-numeric:tabular-nums;font-weight:var(--mp-time-weight)}.ctrl-group.svelte-1ed9w23{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center}.transport.svelte-1ed9w23{display:flex;align-items:center;gap:4px}.ctrl-icon.svelte-1ed9w23{background:none;border:none;color:var(--blog-color-text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--blog-radius-full);transition:all .2s;padding:0}.ctrl-icon.svelte-1ed9w23:hover{background:var(--blog-color-surface-variant);color:var(--blog-color-text-primary)}.ctrl-icon.active.svelte-1ed9w23{color:var(--blog-color-primary);background:color-mix(in srgb,var(--blog-color-primary) 10%,transparent)}.ctrl-icon.svelte-1ed9w23 svg:where(.svelte-1ed9w23){width:16px;height:16px}.ctrl-play.svelte-1ed9w23{background:var(--blog-color-primary);color:var(--blog-color-on-primary);width:36px;height:36px;border-radius:var(--blog-radius-full);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);box-shadow:0 4px 12px color-mix(in srgb,var(--blog-color-primary) 25%,transparent);padding:0}.ctrl-play.svelte-1ed9w23:hover{transform:scale(1.06);box-shadow:0 6px 18px color-mix(in srgb,var(--blog-color-primary) 35%,transparent)}.ctrl-play.svelte-1ed9w23:active{transform:scale(.96)}.ctrl-play.svelte-1ed9w23 svg:where(.svelte-1ed9w23){width:16px;height:16px}.vol-row.svelte-1ed9w23{grid-column:1 / -1;display:flex;align-items:center;padding:0 2px}.vol-input.svelte-1ed9w23{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:var(--blog-radius-full);outline:none;cursor:pointer;transition:height .15s}.vol-input.svelte-1ed9w23:hover{height:4px}.vol-input.svelte-1ed9w23::-webkit-slider-runnable-track{width:100%;height:100%;background:transparent}.vol-input.svelte-1ed9w23::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:var(--blog-radius-full);background:var(--blog-color-primary);border:2px solid var(--blog-color-surface);box-shadow:0 1px 3px #0000002e;margin-top:-3.5px;transition:transform .15s}.vol-input.svelte-1ed9w23:hover::-webkit-slider-thumb{transform:scale(1.2)}.drawer.svelte-1ed9w23{position:absolute;bottom:0;left:0;right:0;height:200px;background:var(--blog-color-surface);border-top:1px solid var(--blog-color-divider);border-radius:var(--blog-radius-md) var(--blog-radius-md) 0 0;z-index:10;display:flex;flex-direction:column;box-shadow:0 -6px 20px #00000014;transition:var(--blog-transition-color);overflow:hidden}.drawer-head.svelte-1ed9w23{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--blog-color-divider);flex-shrink:0}.drawer-head.svelte-1ed9w23 span:where(.svelte-1ed9w23){font-size:var(--mp-drawer-head-size);font-weight:var(--blog-font-weight-bold);letter-spacing:var(--mp-drawer-head-tracking);color:var(--blog-color-text-secondary);text-transform:uppercase}.drawer-close.svelte-1ed9w23{background:none;border:none;font-size:var(--mp-info-size);color:var(--blog-color-text-tertiary);cursor:pointer;padding:2px 6px;border-radius:var(--blog-radius-full);transition:all .15s}.drawer-close.svelte-1ed9w23:hover{color:var(--blog-color-text-primary);background:var(--blog-color-surface-variant)}.drawer-list.svelte-1ed9w23{flex:1;overflow-y:auto;padding:4px 0}.drawer-list.svelte-1ed9w23::-webkit-scrollbar{width:3px}.drawer-list.svelte-1ed9w23::-webkit-scrollbar-track{background:transparent}.drawer-list.svelte-1ed9w23::-webkit-scrollbar-thumb{background:var(--blog-color-border);border-radius:var(--blog-radius-full)}.drawer-row.svelte-1ed9w23{display:flex;align-items:center;padding:6px 12px;gap:8px;cursor:pointer;transition:background .12s;margin:0 4px;border-radius:var(--blog-radius-sm)}.drawer-row.svelte-1ed9w23:hover{background:var(--blog-color-surface-variant)}.drawer-row.active.svelte-1ed9w23{background:color-mix(in srgb,var(--blog-color-primary) 8%,transparent)}.drawer-cover.svelte-1ed9w23{width:28px;height:28px;border-radius:var(--blog-radius-xs);object-fit:cover;flex-shrink:0}.drawer-meta.svelte-1ed9w23{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.drawer-title.svelte-1ed9w23{font-size:var(--mp-drawer-title-size);font-weight:var(--mp-drawer-title-weight);color:var(--blog-color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-artist.svelte-1ed9w23{font-size:var(--mp-drawer-artist-size);color:var(--blog-color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wave-bars.svelte-1ed9w23{display:flex;align-items:flex-end;gap:2px;height:12px;width:12px;flex-shrink:0}.wave.svelte-1ed9w23{width:2px;background:var(--blog-color-primary);border-radius:1px}.wave-1.svelte-1ed9w23{height:100%;animation:svelte-1ed9w23-wave-up .8s infinite alternate ease-in-out}.wave-2.svelte-1ed9w23{height:55%;animation:svelte-1ed9w23-wave-up .6s infinite alternate ease-in-out .2s}.wave-3.svelte-1ed9w23{height:78%;animation:svelte-1ed9w23-wave-up .9s infinite alternate ease-in-out .1s}@keyframes svelte-1ed9w23-wave-up{0%{height:15%}to{height:100%}}.md-progress.svelte-1ed9w23{position:relative;width:100%;height:3px;overflow:hidden;background:var(--blog-color-surface-variant);border-radius:var(--blog-radius-full)}.md-progress__primary.svelte-1ed9w23,.md-progress__secondary.svelte-1ed9w23{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:left center}.md-progress__primary.svelte-1ed9w23{left:-145.166611%;animation:svelte-1ed9w23-md-primary-translate 2s infinite linear}.md-progress__primary.svelte-1ed9w23 .md-progress__bar-inner:where(.svelte-1ed9w23){animation:svelte-1ed9w23-md-primary-scale 2s infinite linear}.md-progress__secondary.svelte-1ed9w23{left:-54.888891%;animation:svelte-1ed9w23-md-secondary-translate 2s infinite linear}.md-progress__secondary.svelte-1ed9w23 .md-progress__bar-inner:where(.svelte-1ed9w23){animation:svelte-1ed9w23-md-secondary-scale 2s infinite linear}.md-progress__bar-inner.svelte-1ed9w23{width:100%;height:100%;background:var(--blog-color-primary);border-radius:var(--blog-radius-full)}@keyframes svelte-1ed9w23-md-primary-translate{0%{transform:translate(0)}20%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translate(0)}59.15%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translate(83.67142%)}to{transform:translate(200.611057%)}}@keyframes svelte-1ed9w23-md-primary-scale{0%{transform:scaleX(.08)}36.65%{animation-timing-function:cubic-bezier(.334731,.12482,.785844,1);transform:scaleX(.08)}69.15%{animation-timing-function:cubic-bezier(.06,.11,.6,1);transform:scaleX(.661479)}to{transform:scaleX(.08)}}@keyframes svelte-1ed9w23-md-secondary-translate{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:translate(0)}25%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:translate(37.651913%)}48.35%{animation-timing-function:cubic-bezier(.4,0,.627035,.6,.902026);transform:translate(84.386165%)}to{transform:translate(160.277782%)}}@keyframes svelte-1ed9w23-md-secondary-scale{0%{animation-timing-function:cubic-bezier(.205028,.057051,.57661,.453971);transform:scaleX(.08)}19.15%{animation-timing-function:cubic-bezier(.152313,.196432,.648374,1.004315);transform:scaleX(.457104)}44.15%{animation-timing-function:cubic-bezier(.257759,-.003163,.211762,1.38179);transform:scaleX(.72796)}to{transform:scaleX(.08)}}@media(max-width:380px){.is-strip.svelte-1ed9w23,.is-card.svelte-1ed9w23{width:calc(100vw - var(--layout-edge-margin) * 2)}}@supports not (clip-path: inset(0 round 0px)){.player-container.svelte-1ed9w23{transition:width var(--blog-motion-duration-slow) var(--blog-motion-spring-default),height var(--blog-motion-duration-slow) var(--blog-motion-spring-default),border-radius var(--blog-motion-duration-slow) var(--blog-motion-easing-emphasized),background var(--blog-motion-duration-normal) var(--blog-motion-easing-standard),box-shadow var(--blog-motion-duration-slow) var(--blog-motion-easing-standard)}}@media(prefers-reduced-motion:reduce){.player-container.svelte-1ed9w23{transition:none!important;clip-path:none!important}.progress-ring.svelte-1ed9w23 circle:where(.svelte-1ed9w23),.progress-fill.svelte-1ed9w23,.progress-buffer.svelte-1ed9w23,.progress-track.svelte-1ed9w23:before{transition:none!important}.progress-scan.svelte-1ed9w23,.wave.svelte-1ed9w23{animation:none!important}}