.lofi-player-root{position:relative;z-index:var(--z-modal)}.lofi-yt-hidden{position:fixed;top:-9999px;left:-9999px;width:1px;height:1px;overflow:hidden;pointer-events:none;opacity:0}.lofi-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.625rem;border-radius:var(--radius-md);border:0;background:0 0;color:rgb(var(--text-secondary));cursor:pointer;transition:color var(--duration-normal),background var(--duration-normal);position:relative}.lofi-toggle:hover{background:rgb(var(--text-secondary)/.1)}.lofi-toggle.is-playing{color:var(--gradient-from)}.lofi-panel{width:290px;border-radius:var(--radius-xl);overflow:visible;background:rgb(var(--bg-card));border:1px dashed var(--border-subtle);box-shadow:var(--shadow-lg);z-index:var(--z-tooltip)}@media (max-width:1024px){.lofi-panel{border:1px solid var(--border-subtle)}}.lofi-track-row{display:flex;align-items:center;gap:10px;padding:12px 14px 8px}.lofi-track-info{flex:1;min-width:0}.lofi-track-title{font-size:12px;font-weight:500;color:rgb(var(--text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.lofi-track-artist{font-size:10px;color:rgb(var(--text-secondary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.lofi-track-indicator{flex-shrink:0}.lofi-disc{position:relative;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0,transparent 1.5px,rgba(0,0,0,.15) 1.5px,rgba(0,0,0,.15) 2px),linear-gradient(135deg,#1a1a1a,#2a2a2a 40%,#1a1a1a 60%,#333);box-shadow:inset 0 0 0 1px #ffffff0f,0 1px 4px #0000004d;animation:lofi-spin 3s linear infinite;animation-play-state:paused}.lofi-disc.is-spinning{animation-play-state:running}.lofi-disc:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.08)0,transparent 40%,transparent 60%,rgba(255,255,255,.03) 100%);z-index:2;pointer-events:none;animation:lofi-spin-reverse 3s linear infinite;animation-play-state:paused}.lofi-disc.is-spinning:before{animation-play-state:running}.lofi-disc__label{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;z-index:1;box-shadow:0 0 0 1.5px #00000040;transition:background var(--duration-slow)}.lofi-disc__hole{position:absolute;top:50%;left:50%;width:4px;height:4px;transform:translate(-50%,-50%);border-radius:50%;background:rgb(var(--bg-primary));z-index:3;box-shadow:inset 0 0 0 .5px #0000004d}@keyframes lofi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lofi-spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.lofi-views{position:relative}.lofi-seek{display:flex;align-items:center;gap:8px;padding:0 14px;font-size:10px;color:rgb(var(--text-secondary));font-variant-numeric:tabular-nums}.lofi-seek__time{width:28px;text-align:right}.lofi-seek__time:last-child{text-align:left}.lofi-player-root input[type=range]{width:100%;height:3px;border-radius:2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:0;cursor:pointer;flex:1}.lofi-player-root input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:8px;border-radius:50%;background:rgb(var(--text-secondary));border:0;cursor:pointer;-webkit-transition:transform var(--duration-fast),background var(--duration-fast);transition:transform var(--duration-fast),background var(--duration-fast)}.lofi-player-root input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.4);background:rgb(var(--text-primary))}.lofi-player-root input[type=range]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:rgb(var(--text-secondary));border:0;cursor:pointer}.lofi-player-root input[type=range]::-moz-range-thumb:hover{transform:scale(1.4);background:rgb(var(--text-primary))}.lofi-controls{display:flex;align-items:center;justify-content:space-between;padding:6px 14px 10px}.lofi-controls__group{display:flex;align-items:center;gap:4px}.lofi-controls__group--tight{gap:2px}.lofi-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:0;background:0 0;color:rgb(var(--text-secondary));cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.lofi-icon-btn:hover{color:rgb(var(--text-primary));background:rgb(var(--text-secondary)/.07)}.lofi-spinner{width:16px;height:16px;display:flex}.lofi-volume-popup{position:absolute;bottom:calc(100% + 6px);right:0;background:rgb(var(--bg-card));border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:8px 12px 10px;box-shadow:var(--shadow-md);width:130px}.lofi-playlist-header{display:flex;align-items:center;justify-content:space-between;padding:0 14px 6px;font-size:11px;font-weight:500;color:rgb(var(--text-secondary))}.lofi-playlist-back{background:0 0;border:0;font-size:11px;color:rgb(var(--text-secondary));cursor:pointer;padding:0}.lofi-playlist{max-height:180px;overflow-y:auto;padding:0 14px 8px;display:flex;flex-direction:column;gap:4px}.lofi-playlist-item{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;border:0;border-radius:var(--radius-md);background:0 0;cursor:pointer;text-align:left;transition:background var(--duration-fast)}.lofi-playlist-item.is-active{background:rgb(var(--text-secondary)/.1)}.lofi-playlist-item:not(.is-active):hover{background:rgb(var(--text-secondary)/.06)}.lofi-playlist-item__num{width:16px;text-align:center;font-size:10px;color:rgb(var(--text-secondary));flex-shrink:0;display:flex;align-items:center;justify-content:center}.lofi-playlist-item__title{flex:1;min-width:0;font-size:11px;font-weight:400;color:rgb(var(--text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lofi-playlist-item.is-active .lofi-playlist-item__title{font-weight:500}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.tooltip[data-astro-cid-ifo5z5xt]{position:fixed;--tw-bg-opacity:1;background-color:rgb(var(--bg-dark)/var(--tw-bg-opacity, 1));padding:.75rem 1rem;border-radius:var(--radius-lg);border-width:1px;border-color:var(--border-default);font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(var(--text-primary)/var(--tw-text-opacity, 1));pointer-events:none;visibility:hidden;opacity:0;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;z-index:50}.tooltip[data-astro-cid-ifo5z5xt] ul[data-astro-cid-ifo5z5xt]{margin:0;list-style-type:none}.tooltip[data-astro-cid-ifo5z5xt] ul[data-astro-cid-ifo5z5xt]>[data-astro-cid-ifo5z5xt]:not([hidden])~[data-astro-cid-ifo5z5xt]:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.tooltip[data-astro-cid-ifo5z5xt] ul[data-astro-cid-ifo5z5xt]{padding-left:0}.tooltip[data-astro-cid-ifo5z5xt] li[data-astro-cid-ifo5z5xt]{font-size:.875rem;line-height:1.25rem;line-height:1.625;text-indent:-1em;padding-left:1em}.tooltip[data-astro-cid-ifo5z5xt]:not(:has(ul)){white-space:normal}