.music-card[data-astro-cid-hxmsq4xn]{-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid rgba(var(--black), .06);border-radius:var(--radius-card);box-shadow:0 8px 30px rgba(var(--black), .12), 0 2px 8px rgba(var(--black), .06);background:#ffffffd9;padding:1.25em}[data-theme=dark] .music-card[data-astro-cid-hxmsq4xn]{background:#1e2636d9;border-color:#ffffff12}.music-header[data-astro-cid-hxmsq4xn]{align-items:center;gap:.5em;margin-bottom:.6em;display:flex}.music-icon[data-astro-cid-hxmsq4xn]{width:20px;height:20px;color:var(--accent);flex-shrink:0}.music-label[data-astro-cid-hxmsq4xn]{font-size:1em;font-weight:600}.music-info[data-astro-cid-hxmsq4xn]{justify-content:space-between;align-items:center;gap:.5em;margin-bottom:.6em;display:flex}.music-title-wrapper[data-astro-cid-hxmsq4xn]{flex:1;min-width:0;overflow:hidden}.music-title[data-astro-cid-hxmsq4xn]{color:rgb(var(--gray));white-space:nowrap;padding-left:100%;font-size:.85em;animation:10s linear infinite marquee;display:inline-block}.music-title[data-astro-cid-hxmsq4xn]:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.music-index[data-astro-cid-hxmsq4xn]{color:rgb(var(--gray));flex-shrink:0;font-size:.75em}.music-controls[data-astro-cid-hxmsq4xn]{justify-content:center;align-items:center;gap:.75em;margin-bottom:.6em;display:flex}.ctrl-btn[data-astro-cid-hxmsq4xn]{width:30px;height:30px;color:rgb(var(--gray-dark));cursor:pointer;transition:background .25s var(--ease-out), color .25s ease, transform .3s var(--ease-spring);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ctrl-btn[data-astro-cid-hxmsq4xn]:hover{background:rgba(var(--gray), .15);color:var(--accent);transform:scale(1.12)}.ctrl-btn[data-astro-cid-hxmsq4xn]:active{transform:scale(.92)}.ctrl-btn[data-astro-cid-hxmsq4xn] svg[data-astro-cid-hxmsq4xn]{width:18px;height:18px}.play-btn[data-astro-cid-hxmsq4xn]{background:var(--accent);color:#fff;cursor:pointer;width:36px;height:36px;transition:background .25s var(--ease-out), transform .3s var(--ease-spring), box-shadow .3s ease;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.play-btn[data-astro-cid-hxmsq4xn]:hover{background:color-mix(in srgb, var(--accent) 80%, #000);box-shadow:0 4px 14px rgba(var(--accent), .45);transform:scale(1.1)}.play-btn[data-astro-cid-hxmsq4xn]:active{transform:scale(.94)}.play-icon[data-astro-cid-hxmsq4xn]{width:16px;height:16px}.progress-wrapper[data-astro-cid-hxmsq4xn]{margin-bottom:.5em}.progress-bar[data-astro-cid-hxmsq4xn]{background:rgba(var(--gray), .25);cursor:pointer;border-radius:3px;height:6px;position:relative}.progress-fill[data-astro-cid-hxmsq4xn]{background:var(--accent);border-radius:3px;width:0%;height:100%;transition:width .1s linear}.time-display[data-astro-cid-hxmsq4xn]{color:rgb(var(--gray));justify-content:space-between;align-items:center;margin-top:.3em;font-size:.75em;display:flex}.loop-btn[data-astro-cid-hxmsq4xn]{border:1px solid rgba(var(--gray), .3);color:rgb(var(--gray));cursor:pointer;background:0 0;border-radius:4px;padding:.1em .5em;font-size:.75em;transition:color .2s,border-color .2s}.loop-btn[data-astro-cid-hxmsq4xn]:hover{color:var(--accent);border-color:var(--accent)}.volume-wrapper[data-astro-cid-hxmsq4xn]{align-items:center;gap:.4em;width:100%;display:flex}.volume-icon[data-astro-cid-hxmsq4xn]{width:16px;height:16px;color:rgb(var(--gray));flex-shrink:0}.volume-slider[data-astro-cid-hxmsq4xn]{appearance:none;background:rgba(var(--gray), .25);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.volume-slider[data-astro-cid-hxmsq4xn]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.volume-slider[data-astro-cid-hxmsq4xn]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.music-status[data-astro-cid-hxmsq4xn]{color:rgb(var(--gray));text-align:center;min-height:1.2em;margin-top:.4em;font-size:.75em}.ctrl-btn[data-astro-cid-hxmsq4xn].active{color:var(--accent)}.playlist-panel[data-astro-cid-hxmsq4xn]{background:color-mix(in srgb, rgb(var(--gray-light)) 98%, #000);border-radius:6px;max-height:0;margin-top:0;transition:max-height .3s,margin .3s;overflow:hidden}.playlist-panel[data-astro-cid-hxmsq4xn].playlist-open{max-height:300px;margin-top:.6em;overflow-y:auto}.playlist-header[data-astro-cid-hxmsq4xn]{color:rgb(var(--gray));border-bottom:1px solid rgba(var(--gray), .15);background:inherit;padding:.5em .6em;font-size:.75em;font-weight:600;position:sticky;top:0}.playlist-items[data-astro-cid-hxmsq4xn]{margin:0;padding:.3em 0;list-style:none}.playlist-item[data-astro-cid-hxmsq4xn]{cursor:pointer;border-radius:4px;align-items:center;gap:.6em;margin:0 .3em;padding:.45em .6em;transition:background .15s;display:flex}.playlist-item[data-astro-cid-hxmsq4xn]:hover{background:rgba(var(--gray), .1)}.playlist-item[data-astro-cid-hxmsq4xn].active{background:rgba(var(--accent), .12);color:var(--accent)}.playlist-item-index[data-astro-cid-hxmsq4xn]{color:rgb(var(--gray));text-align:center;flex-shrink:0;min-width:1.5em;font-size:.7em}.playlist-item[data-astro-cid-hxmsq4xn].active .playlist-item-index[data-astro-cid-hxmsq4xn]{color:var(--accent)}.playlist-item-title-wrap[data-astro-cid-hxmsq4xn]{flex:1;min-width:0;overflow:hidden}.playlist-item-title[data-astro-cid-hxmsq4xn]{color:rgb(var(--gray-dark));white-space:nowrap;font-size:.78em;display:inline-block}.playlist-item-title[data-astro-cid-hxmsq4xn].marquee{padding-left:100%;animation:10s linear infinite marquee}.playlist-item-title[data-astro-cid-hxmsq4xn].marquee:hover{animation-play-state:paused}.playlist-item[data-astro-cid-hxmsq4xn].active .playlist-item-title[data-astro-cid-hxmsq4xn]{color:var(--accent)}.music-fixed-wrapper[data-astro-cid-4s7zogub]{z-index:999;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:24px;right:24px}.music-toggle-btn[data-astro-cid-4s7zogub]{background:var(--accent);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex;box-shadow:0 2px 12px #00000040}.music-toggle-btn[data-astro-cid-4s7zogub] svg[data-astro-cid-4s7zogub]{width:22px;height:22px}.music-toggle-btn[data-astro-cid-4s7zogub]:hover{background:color-mix(in srgb, var(--accent) 80%, #000);transform:scale(1.1)}.music-card-panel[data-astro-cid-4s7zogub]{opacity:0;pointer-events:none;width:280px;transition:opacity .3s,transform .3s;position:absolute;bottom:56px;right:56px;transform:translateY(12px)scale(.95)}.music-fixed-wrapper[data-astro-cid-4s7zogub].is-open .music-toggle-btn[data-astro-cid-4s7zogub]{background:color-mix(in srgb, var(--accent) 80%, #000)}.music-fixed-wrapper[data-astro-cid-4s7zogub].is-open .music-card-panel[data-astro-cid-4s7zogub]{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.music-close-btn[data-astro-cid-4s7zogub]{background:rgb(var(--gray-dark));color:#fff;cursor:pointer;z-index:3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 1px 6px #0003}.music-close-btn[data-astro-cid-4s7zogub]:hover{background:var(--accent)}.music-close-btn[data-astro-cid-4s7zogub] svg[data-astro-cid-4s7zogub]{width:14px;height:14px}@media (width<=1000px){.music-card-panel[data-astro-cid-4s7zogub]{width:260px}.music-fixed-wrapper[data-astro-cid-4s7zogub]{bottom:16px;right:16px}}@media (width<=600px){.music-card-panel[data-astro-cid-4s7zogub]{width:calc(100vw - 32px);right:0}.music-fixed-wrapper[data-astro-cid-4s7zogub]{bottom:12px;right:16px}}@media (width<=480px){.music-toggle-btn[data-astro-cid-4s7zogub]{width:42px;height:42px}.music-toggle-btn[data-astro-cid-4s7zogub] svg[data-astro-cid-4s7zogub]{width:20px;height:20px}.music-fixed-wrapper[data-astro-cid-4s7zogub]{bottom:10px;right:12px}.music-card-panel[data-astro-cid-4s7zogub]{width:calc(100vw - 20px);bottom:50px;right:48px}}