:root{--zar-bg: #0a0a0f;--zar-bg-secondary: #12111a;--zar-bg-tertiary: #1a1828;--zar-text: #f0ece4;--zar-text-muted: #8a8070;--zar-text-faint: #4a4540;--zar-accent: #c9a84c;--zar-accent-dark: #8b6914;--zar-accent-light: #e8cC6a;--zar-accent-glow: rgba(201, 168, 76, .15);--zar-player-bg: #12111a;--zar-player-border: rgba(201, 168, 76, .15);--zar-player-shadow: rgba(0, 0, 0, .5);--zar-button-bg: transparent;--zar-button-border: rgba(201, 168, 76, .25);--zar-button-text: #f0ece4;--zar-button-hover: rgba(201, 168, 76, .1);--zar-button-active: rgba(201, 168, 76, .2);--zar-visualizer-color: #c9a84c;--zar-visualizer-bg: rgba(18, 17, 26, .8);--zar-visualizer-line-width: 1.5;--zar-progress-bg: rgba(201, 168, 76, .15);--zar-progress-fill: #c9a84c;--zar-progress-handle: #c9a84c;--zar-lyrics-font: "DM Sans", system-ui, sans-serif;--zar-lyrics-size: 1rem;--zar-lyrics-line-height: 1.8;--zar-lyrics-color: #f0ece4;--zar-lyrics-marker-color: #c9a84c;--zar-art-border: rgba(201, 168, 76, .15);--zar-art-shadow: 0 10px 40px rgba(0, 0, 0, .5);--zar-art-placeholder-bg: #1a1828;--zar-scrollbar-thumb: rgba(201, 168, 76, .3);--zar-scrollbar-thumb-hover: rgba(201, 168, 76, .6);--zar-font-display: "Playfair Display", Georgia, serif;--zar-font-mono: "DM Mono", "Courier New", monospace;--zar-font-body: "DM Sans", system-ui, sans-serif;--zar-font-xs: .75rem;--zar-font-sm: .875rem;--zar-font-base: 1rem;--zar-font-lg: 1.125rem;--zar-font-xl: 1.25rem;--zar-font-2xl: 1.5rem;--zar-line-height-tight: 1.2;--zar-line-height-normal: 1.5;--zar-line-height-relaxed: 1.8;--zar-space-xs: .25rem;--zar-space-sm: .5rem;--zar-space-md: 1rem;--zar-space-lg: 1.5rem;--zar-space-xl: 2rem;--zar-space-2xl: 3rem;--zar-border-radius-sm: 4px;--zar-border-radius-md: 8px;--zar-border-radius-lg: 12px;--zar-border-width: 1px;--zar-player-height: 120px;--zar-player-width: 100%;--zar-visualizer-height: 300px;--zar-album-art-size: 250px;--zar-button-size: 2.5rem;--zar-ease: cubic-bezier(.4, 0, .2, 1);--zar-ease-in: cubic-bezier(.42, 0, 1, 1);--zar-ease-out: cubic-bezier(0, 0, .58, 1);--zar-dur-fast: .15s;--zar-dur-base: .28s;--zar-dur-slow: .5s;--zar-dur-crossfade: 2.5s;--zar-z-player: 100;--zar-z-overlay: 200;--zar-z-modal: 300;--zar-hero-overflow-width: 100vw;--zar-hero-overflow-margin: calc(-50vw + 50%) ;--zar-controls-overflow-width: 100vw;--zar-controls-overflow-margin: calc(-50vw + 50%) ;--zar-hero-blur-amount: 50px;--zar-hero-blur-saturate: 120%;--zar-hero-blur-scale: 1.1;--zar-hero-blur-mobile: 18px;--zar-hero-gradient: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.6) 40%, transparent 100%);--zar-hero-height: 70vh;--zar-hero-min-height: 400px;--zar-hero-max-height: 800px;--zar-hero-art-fallback-bg: var(--zar-bg-tertiary);--zar-hero-art-opacity: .92;--zar-controls-hide-delay: 3s;--zar-controls-transition-duration: .3s;--zar-controls-bg: linear-gradient(to top, rgba(0,0,0,.7) 0%, transparent 100%);--zar-progress-height: 3px;--zar-progress-height-hover: 6px;--zar-progress-thumb-size: 12px;--zar-volume-popup-width: 36px;--zar-volume-popup-height: 120px;--zar-volume-popup-bg: rgba(0,0,0,.85);--zar-lyrics-overlay-bg: rgba(0,0,0,.75);--zar-lyrics-overlay-blur: 8px;--zar-track-thumb-size: 48px;--zar-track-thumb-radius: var(--zar-border-radius-sm);--zar-blur-crossfade-duration: .8s}@media (prefers-color-scheme: light){:root{--zar-bg: #ffffff;--zar-bg-secondary: #f5f5f5;--zar-bg-tertiary: #eeeeee;--zar-text: #212121;--zar-text-muted: #666666;--zar-text-faint: #999999;--zar-player-bg: #f5f5f5;--zar-player-border: rgba(0, 0, 0, .1);--zar-player-shadow: rgba(0, 0, 0, .1);--zar-visualizer-bg: rgba(245, 245, 245, .8);--zar-art-placeholder-bg: #eeeeee;--zar-lyrics-color: #212121;--zar-button-text: #212121;--zar-button-border: rgba(0, 0, 0, .2);--zar-button-hover: rgba(0, 0, 0, .07);--zar-button-active: rgba(0, 0, 0, .12);--zar-button-bg: transparent;--zar-scrollbar-thumb: rgba(0, 0, 0, .2);--zar-scrollbar-thumb-hover: rgba(0, 0, 0, .4)}}@media (prefers-reduced-motion: reduce){:root{--zar-dur-fast: 0ms;--zar-dur-base: 0ms;--zar-dur-slow: 0ms;--zar-dur-crossfade: 0ms;--zar-controls-transition-duration: 0ms;--zar-blur-crossfade-duration: 0ms}}@media (max-width: 768px){:root{--zar-hero-blur-amount: var(--zar-hero-blur-mobile)}}.zar-radio-player{width:var(--zar-player-width);height:auto;background:var(--zar-player-bg);border:var(--zar-border-width) solid var(--zar-player-border);border-radius:var(--zar-border-radius-lg);padding:var(--zar-space-lg);display:flex;flex-direction:column;gap:var(--zar-space-lg);box-shadow:0 10px 40px var(--zar-player-shadow);font-family:var(--zar-font-body);color:var(--zar-text);font-size:var(--zar-font-base);line-height:var(--zar-line-height-normal);box-sizing:border-box}.zar-radio-player-wrapper{width:var(--zar-player-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--zar-space-lg);overflow-x:visible;box-sizing:border-box}.zar-radio-hero-stage{position:relative;width:100%;overflow-x:visible}.zar-radio-player *{box-sizing:border-box}.zar-radio-layout{display:grid;grid-template-columns:1fr 2fr;gap:var(--zar-space-xl);width:100%}@media (max-width: 768px){.zar-radio-layout{grid-template-columns:1fr}}.zar-radio-art-column{display:flex;flex-direction:column;gap:var(--zar-space-md);align-items:center}.zar-radio-content-column{display:flex;flex-direction:column;gap:var(--zar-space-lg)}.zar-radio-visualizer-wrapper{width:100%;height:var(--zar-visualizer-height);position:relative;overflow:hidden;border-radius:var(--zar-border-radius-md)}.zar-radio-visualizer{width:100%;height:100%;background:var(--zar-visualizer-bg);border:var(--zar-border-width) solid var(--zar-player-border);border-radius:var(--zar-border-radius-md);display:block}.zar-radio-art-wrapper{width:var(--zar-album-art-size);height:var(--zar-album-art-size);border-radius:var(--zar-border-radius-lg);overflow:hidden;flex-shrink:0;box-shadow:var(--zar-art-shadow);border:var(--zar-border-width) solid var(--zar-art-border)}.zar-radio-art-image{width:100%;height:100%;object-fit:cover;display:block}.zar-radio-art-placeholder{width:100%;height:100%;background:var(--zar-art-placeholder-bg);display:flex;align-items:center;justify-content:center;padding:var(--zar-space-md);text-align:center;color:var(--zar-text-muted);font-size:var(--zar-font-sm)}.zar-radio-track-info{display:flex;flex-direction:column;gap:var(--zar-space-sm);padding:var(--zar-space-md);background:var(--zar-bg-secondary);border-radius:var(--zar-border-radius-md);border:var(--zar-border-width) solid var(--zar-player-border)}.zar-radio-track-title{font-family:var(--zar-font-display);font-size:var(--zar-font-lg);font-weight:600;color:var(--zar-text);margin:0;padding:0}.zar-radio-track-meta{font-size:var(--zar-font-sm);color:var(--zar-text-muted);display:flex;gap:var(--zar-space-sm);flex-wrap:wrap}.zar-radio-track-meta-item{display:flex;align-items:center;gap:.25rem}.zar-radio-progress-container{display:flex;flex-direction:column;gap:var(--zar-space-sm)}.zar-radio-progress-bar{width:100%;height:6px;min-height:44px;background:var(--zar-progress-bg);border-radius:3px;cursor:pointer;position:relative;overflow:hidden;padding:19px 0;box-sizing:content-box}.zar-radio-progress-fill{height:6px;background:var(--zar-progress-fill);width:0%;transition:width var(--zar-dur-fast) linear;border-radius:3px;position:absolute;top:50%;transform:translateY(-50%)}.zar-radio-progress-handle{position:absolute;top:50%;left:0%;width:12px;height:12px;background:var(--zar-progress-handle);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--zar-dur-fast);cursor:grab;box-shadow:0 2px 8px #0000004d}.zar-radio-progress-bar:hover .zar-radio-progress-handle{opacity:1}.zar-radio-progress-handle:active{cursor:grabbing}.zar-radio-time-display{display:flex;justify-content:space-between;font-size:var(--zar-font-xs);color:var(--zar-text-muted);font-family:var(--zar-font-mono)}.zar-radio-controls-section{position:absolute;left:0;bottom:0;width:var(--zar-controls-overflow-width);margin-left:var(--zar-controls-overflow-margin);z-index:var(--zar-z-overlay);pointer-events:none}.zar-radio-controls{position:absolute;bottom:0;left:0;right:0;z-index:var(--zar-z-overlay);transition:opacity var(--zar-controls-transition-duration) ease;pointer-events:auto}.zar-radio-progress-container-thin{position:relative;width:100%;cursor:pointer}.zar-radio-progress-bar-thin{position:relative;width:100%;height:var(--zar-progress-height);background:var(--zar-progress-bg);transition:height .15s ease}.zar-radio-progress-bar-thin:hover{height:var(--zar-progress-height-hover)}.zar-radio-progress-fill-thin{position:absolute;top:0;left:0;height:100%;background:var(--zar-progress-fill);pointer-events:none;transition:width .1s linear}.zar-radio-progress-thumb{position:absolute;top:50%;width:var(--zar-progress-thumb-size);height:var(--zar-progress-thumb-size);background:var(--zar-progress-handle);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease;pointer-events:none;box-shadow:0 2px 8px #0006}.zar-radio-progress-bar-thin:hover .zar-radio-progress-thumb{opacity:1}.zar-radio-controls-content{padding:var(--zar-space-md) var(--zar-space-lg);background:var(--zar-controls-bg)}.zar-radio-controls-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--zar-space-sm)}.zar-radio-track-info-compact{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.zar-radio-track-title-compact{font-size:var(--zar-font-base);font-weight:600;color:var(--zar-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zar-radio-track-artist-compact{font-size:var(--zar-font-sm);color:var(--zar-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zar-radio-time-display-compact{font-size:var(--zar-font-xs);color:var(--zar-text-muted);font-family:var(--zar-font-mono);white-space:nowrap}.zar-radio-time-separator{margin:0 .25rem}.zar-radio-playback-controls-minimal{display:flex;gap:var(--zar-space-md);justify-content:center;align-items:center}.zar-radio-button-flat{background:transparent;border:none;color:var(--zar-button-text);cursor:pointer;padding:var(--zar-space-sm);display:flex;align-items:center;justify-content:center;transition:color var(--zar-dur-base) var(--zar-ease),transform var(--zar-dur-fast);min-width:44px;min-height:44px;border-radius:50%}.zar-radio-button-flat:hover{color:var(--zar-accent);background:var(--zar-button-hover)}.zar-radio-button-flat:active{transform:scale(.95)}.zar-radio-button-flat:focus-visible{outline:2px solid var(--zar-accent);outline-offset:2px}.zar-radio-button-primary-large{width:48px;height:48px;min-width:48px;min-height:48px;background:var(--zar-accent);border-radius:50%;color:var(--zar-bg)}.zar-radio-button-primary-large:hover{background:var(--zar-accent-light);color:var(--zar-bg)}.zar-radio-button-secondary-control{opacity:.8}.zar-radio-button-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--zar-font-lg);line-height:0}.zar-radio-button-icon svg,.zar-radio-button-icon img{width:100%;height:100%;display:block}.zar-radio-button-icon-large{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--zar-font-xl)}.zar-radio-button-status-active{background:var(--zar-button-active)!important;position:relative}.zar-radio-button-status-active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--zar-accent);border-radius:50%}.zar-radio-button-icon{opacity:.7;transition:color var(--zar-dur-base) var(--zar-ease),opacity var(--zar-dur-base) var(--zar-ease)}.zar-radio-volume-control-inline{display:flex;align-items:center;gap:8px}.zar-radio-playback-controls{display:flex;gap:var(--zar-space-md);justify-content:center;align-items:center}.zar-radio-button{width:var(--zar-button-size);height:var(--zar-button-size);min-width:44px;min-height:44px;border-radius:50%;border:var(--zar-border-width) solid var(--zar-button-border);background:var(--zar-button-bg);color:var(--zar-button-text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--zar-font-lg);transition:all var(--zar-dur-base) var(--zar-ease);font-family:inherit}.zar-radio-button:hover{background:var(--zar-button-hover);border-color:var(--zar-accent);color:var(--zar-accent)}.zar-radio-button:active{background:var(--zar-button-active)}.zar-radio-button:focus-visible{outline:2px solid var(--zar-accent);outline-offset:2px}.zar-radio-button-primary{width:3rem;height:3rem;min-width:48px;min-height:48px;background:var(--zar-accent);border-color:var(--zar-accent);color:var(--zar-bg);font-weight:700}.zar-radio-button-primary:hover{background:var(--zar-accent-light);border-color:var(--zar-accent-light);color:var(--zar-bg)}.zar-radio-secondary-controls{display:flex;gap:var(--zar-space-md);justify-content:center}.zar-radio-button-secondary{flex:1;min-width:120px;height:2rem;min-height:44px;border-radius:var(--zar-border-radius-md);display:flex;align-items:center;justify-content:center;gap:var(--zar-space-sm);font-size:var(--zar-font-sm)}.zar-radio-button-secondary.active{background:var(--zar-accent);border-color:var(--zar-accent);color:var(--zar-bg)}.zar-radio-volume-container{display:flex;align-items:center;gap:var(--zar-space-sm)}.zar-radio-volume-label{font-size:var(--zar-font-xs);color:var(--zar-text-muted)}.zar-radio-volume-slider{width:100px;min-width:80px;max-width:120px;height:4px;min-height:44px;border-radius:2px;background:var(--zar-progress-bg);-moz-appearance:none;appearance:none;cursor:pointer;-webkit-appearance:none;padding:20px 0;background-clip:content-box}.zar-radio-volume-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--zar-progress-handle);cursor:pointer;box-shadow:0 2px 8px #0000004d}.zar-radio-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--zar-progress-handle);cursor:pointer;border:none;box-shadow:0 2px 8px #0000004d}.zar-radio-volume-value{font-size:var(--zar-font-xs);color:var(--zar-text-muted);min-width:2rem;text-align:right}.zar-radio-lyrics-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--zar-dur-base) ease}.zar-radio-lyrics-overlay--visible{opacity:1;pointer-events:auto}.zar-radio-lyrics-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--zar-lyrics-overlay-bg);-webkit-backdrop-filter:blur(var(--zar-lyrics-overlay-blur));backdrop-filter:blur(var(--zar-lyrics-overlay-blur));cursor:pointer;border:none;padding:0;width:100%;height:100%}.zar-radio-lyrics-overlay-content{position:relative;width:90%;max-width:600px;max-height:80vh;background:var(--zar-bg-secondary);border:var(--zar-border-width) solid var(--zar-player-border);border-radius:var(--zar-border-radius-lg);padding:var(--zar-space-xl);overflow-y:auto;box-shadow:0 20px 60px #00000080}.zar-radio-lyrics-overlay-content::-webkit-scrollbar{width:8px}.zar-radio-lyrics-overlay-content::-webkit-scrollbar-track{background:transparent}.zar-radio-lyrics-overlay-content::-webkit-scrollbar-thumb{background:var(--zar-scrollbar-thumb);border-radius:4px}.zar-radio-lyrics-overlay-content::-webkit-scrollbar-thumb:hover{background:var(--zar-scrollbar-thumb-hover)}.zar-radio-lyrics-overlay-text{white-space:pre-wrap;word-wrap:break-word;font-family:var(--zar-lyrics-font);font-size:var(--zar-lyrics-size);line-height:var(--zar-lyrics-line-height);color:var(--zar-lyrics-color)}.zar-radio-lyrics-overlay-fallback{text-align:center;color:var(--zar-text-muted);padding:var(--zar-space-xl);font-style:italic}.zar-radio-lyrics-overlay-close{position:absolute;top:var(--zar-space-md);right:var(--zar-space-md);width:32px;height:32px;background:transparent;border:none;color:var(--zar-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--zar-font-xl);border-radius:50%;transition:all var(--zar-dur-base) ease}.zar-radio-lyrics-overlay-close:hover{background:var(--zar-button-hover);color:var(--zar-text)}.zar-radio-lyrics-overlay-close:focus-visible{outline:2px solid var(--zar-accent);outline-offset:2px}.zar-radio-track-grid-container{display:flex;flex-direction:column;gap:var(--zar-space-xl)}.zar-radio-artist-group,.zar-radio-album-section{display:flex;flex-direction:column;gap:var(--zar-space-md)}.zar-radio-artist-name{margin:0;color:var(--zar-text);font-family:var(--zar-font-display);font-size:var(--zar-font-xl);font-weight:600}.zar-radio-artist-logo{display:block;max-height:120px;max-width:480px;width:100%;height:auto;object-fit:contain;object-position:left center}.zar-radio-album-header{display:flex;align-items:center;gap:var(--zar-space-md);margin-bottom:var(--zar-space-sm)}.zar-radio-album-art{width:80px;height:80px;border-radius:var(--zar-border-radius-md);object-fit:cover;box-shadow:0 4px 12px #0000004d}.zar-radio-album-meta{display:flex;flex-direction:column;gap:.25rem}.zar-radio-album-title{margin:0;font-family:var(--zar-font-display);font-size:var(--zar-font-lg);color:var(--zar-text);font-weight:600}.zar-radio-album-year{font-size:var(--zar-font-sm);color:var(--zar-text-muted)}.zar-radio-track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.zar-radio-track-button{min-height:44px;width:100%;padding:var(--zar-space-sm);border-radius:var(--zar-border-radius-md);border:var(--zar-border-width) solid var(--zar-button-border);background:var(--zar-button-bg);color:var(--zar-button-text);cursor:pointer;text-align:left;font-family:var(--zar-font-body);font-size:var(--zar-font-sm);transition:all var(--zar-dur-base) ease;display:flex;align-items:center;gap:12px}.zar-radio-track-button:hover{background:var(--zar-button-hover);border-color:var(--zar-accent);box-shadow:0 0 15px var(--zar-accent-glow);transform:scale(1.02)}.zar-radio-track-button:active{background:var(--zar-button-active);transform:scale(.98)}.zar-radio-track-button.active{background:var(--zar-button-active);border-color:var(--zar-accent);box-shadow:0 0 15px var(--zar-accent-glow)}.zar-radio-track-thumb{width:var(--zar-track-thumb-size);height:var(--zar-track-thumb-size);border-radius:var(--zar-track-thumb-radius);object-fit:cover;flex-shrink:0}.zar-radio-track-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.zar-radio-track-title{font-weight:600;color:var(--zar-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zar-radio-track-artist{font-size:var(--zar-font-xs);color:var(--zar-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zar-radio-track-duration{font-size:var(--zar-font-xs);color:var(--zar-text-muted);font-family:var(--zar-font-mono);white-space:nowrap;flex-shrink:0}.zar-radio-track-playing-indicator{display:flex;align-items:center;gap:2px;height:16px;width:16px;flex-shrink:0}.zar-radio-playing-bar{width:3px;background:var(--zar-accent);border-radius:2px;animation:playing-bar-pulse 1s ease-in-out infinite}.zar-radio-playing-bar:nth-child(1){animation-delay:0ms}.zar-radio-playing-bar:nth-child(2){animation-delay:.15s}.zar-radio-playing-bar:nth-child(3){animation-delay:.3s}@keyframes playing-bar-pulse{0%,to{height:20%}50%{height:100%}}.zar-radio-track-grid-empty{display:flex;align-items:center;justify-content:center;padding:var(--zar-space-xl);color:var(--zar-text-muted);font-style:italic;text-align:center}.zar-radio-viz-mode-switcher{display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center}.zar-radio-viz-mode-button{padding:.5rem 1rem;border:var(--zar-border-width) solid var(--zar-button-border);background:var(--zar-button-bg);color:var(--zar-button-text);font-family:var(--zar-font-body);font-size:var(--zar-font-sm);cursor:pointer;border-radius:var(--zar-border-radius-md);transition:all .2s ease;min-height:36px;display:flex;align-items:center;justify-content:center}.zar-radio-viz-mode-button:hover{background:var(--zar-button-hover);border-color:var(--zar-accent)}.zar-radio-viz-mode-button:active{background:var(--zar-button-active);transform:scale(.97)}.zar-radio-viz-mode-button.active{border-color:var(--zar-accent);background:var(--zar-button-active);box-shadow:0 0 8px var(--zar-accent-glow)}.zar-radio-select{display:block;width:100%;padding:.5rem .75rem;border:var(--zar-border-width) solid var(--zar-button-border);background-color:var(--zar-bg-secondary);color:var(--zar-button-text);font-family:var(--zar-font-body);font-size:var(--zar-font-sm);cursor:pointer;border-radius:var(--zar-border-radius-md);transition:border-color var(--zar-dur-fast) var(--zar-ease),background-color var(--zar-dur-fast) var(--zar-ease);min-height:36px;color-scheme:light dark;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}.zar-radio-select:hover{border-color:var(--zar-accent);background-color:var(--zar-bg-tertiary)}.zar-radio-select:focus{outline:2px solid var(--zar-accent);outline-offset:2px;border-color:var(--zar-accent)}.zar-radio-select option{background-color:var(--zar-bg-secondary);color:var(--zar-text)}.zar-radio-filter-bar{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:var(--zar-space-sm);padding:var(--zar-space-md) var(--zar-space-lg);background:var(--zar-bg-secondary);border-bottom:var(--zar-border-width) solid var(--zar-player-border);overflow-x:auto}.zar-radio-filter-group{display:flex;flex-direction:column;gap:var(--zar-space-xs);flex:1 1 auto;min-width:0}.zar-radio-filter-label{font-size:var(--zar-font-xs);color:var(--zar-text-muted);white-space:nowrap}.zar-radio-filter-spacer{flex:1 1 auto}.zar-radio-filter-right{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:var(--zar-space-sm)}.zar-radio-view-toggle{display:flex;flex-direction:column;gap:var(--zar-space-xs)}.zar-radio-view-toggle-buttons{display:flex;gap:2px}.zar-radio-view-btn{padding:.4rem .75rem;border:var(--zar-border-width) solid var(--zar-button-border);background:var(--zar-button-bg);color:var(--zar-button-text);font-family:var(--zar-font-body);font-size:var(--zar-font-xs);cursor:pointer;transition:all var(--zar-dur-fast) var(--zar-ease);min-height:36px;white-space:nowrap}.zar-radio-view-btn:first-child{border-radius:var(--zar-border-radius-md) 0 0 var(--zar-border-radius-md)}.zar-radio-view-btn:last-child{border-radius:0 var(--zar-border-radius-md) var(--zar-border-radius-md) 0;border-left:none}.zar-radio-view-btn:hover{background:var(--zar-button-hover);border-color:var(--zar-accent)}.zar-radio-view-btn.active{border-color:var(--zar-accent);background:var(--zar-button-active);color:var(--zar-accent)}.zar-radio-track-list-container{width:100%;overflow-x:auto}.zar-radio-track-table{width:100%;border-collapse:collapse;font-size:var(--zar-font-sm);color:var(--zar-text)}.zar-radio-track-table-section-header{background:var(--zar-bg-tertiary);border-top:var(--zar-border-width) solid var(--zar-player-border);border-bottom:var(--zar-border-width) solid var(--zar-player-border)}.zar-radio-track-table-section-header td{padding:var(--zar-space-sm) var(--zar-space-md);font-size:var(--zar-font-xs);font-family:var(--zar-font-display);color:var(--zar-accent);letter-spacing:.05em;text-transform:uppercase}.zar-radio-track-table-album-header{background:var(--zar-bg);border-top:var(--zar-border-width) solid var(--zar-player-border);border-bottom:var(--zar-border-width) solid var(--zar-player-border)}.zar-radio-track-table-album-header td{padding:var(--zar-space-sm) var(--zar-space-md);font-size:var(--zar-font-xs);font-family:var(--zar-font-display);color:var(--zar-accent);letter-spacing:.05em;text-transform:uppercase}.zar-radio-track-table-col-header{border-bottom:var(--zar-border-width) solid var(--zar-player-border);background:var(--zar-bg-secondary)}.zar-radio-track-table-col-header th{padding:var(--zar-space-xs) var(--zar-space-md);font-size:var(--zar-font-xs);font-weight:600;color:var(--zar-text-muted);text-align:left;white-space:nowrap}.zar-radio-track-table-col-header th.num{width:2.5rem;text-align:center}.zar-radio-track-table-col-header th.dur{width:5rem;text-align:right}.zar-radio-track-row{cursor:pointer;border-bottom:var(--zar-border-width) solid rgba(255,255,255,.04);transition:background-color var(--zar-dur-fast) var(--zar-ease);background:none;width:100%;text-align:left}.zar-radio-track-row:hover{background-color:var(--zar-button-hover)}.zar-radio-track-row.active{background-color:var(--zar-button-active)}.zar-radio-track-row td{padding:var(--zar-space-sm) var(--zar-space-md);vertical-align:middle}.zar-radio-track-row td.num{width:2.5rem;text-align:center;color:var(--zar-text-muted);font-size:var(--zar-font-xs);font-family:var(--zar-font-mono)}.zar-radio-track-row.active td.num{color:var(--zar-accent)}.zar-radio-track-row td.title{font-weight:500;color:var(--zar-text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zar-radio-track-row.active td.title{color:var(--zar-accent)}.zar-radio-track-row td.artist,.zar-radio-track-row td.album{color:var(--zar-text-muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zar-radio-track-row td.year{color:var(--zar-text-faint);white-space:nowrap}.zar-radio-track-row td.dur{color:var(--zar-text-muted);text-align:right;font-family:var(--zar-font-mono);font-size:var(--zar-font-xs);white-space:nowrap}@media (max-width: 600px){.zar-radio-track-row td.album,.zar-radio-track-row td.year,.zar-radio-track-table-col-header th.album,.zar-radio-track-table-col-header th.year{display:none}}.zar-radio-hero{position:relative;width:var(--zar-hero-overflow-width);margin-left:var(--zar-hero-overflow-margin);height:var(--zar-hero-height);min-height:var(--zar-hero-min-height);max-height:var(--zar-hero-max-height);border-radius:0;overflow:hidden;background:var(--zar-bg-secondary);border-top:var(--zar-border-width) solid var(--zar-player-border);border-bottom:var(--zar-border-width) solid var(--zar-player-border);display:flex;align-items:center;justify-content:center}.zar-radio-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--zar-hero-art, var(--zar-hero-art-fallback-bg)) center/cover;filter:blur(var(--zar-hero-blur-amount)) saturate(var(--zar-hero-blur-saturate));transform:scale(var(--zar-hero-blur-scale));transition:background var(--zar-blur-crossfade-duration) ease;z-index:0}.zar-radio-hero-visualizer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7;mix-blend-mode:screen;z-index:1}.zar-radio-hero-visualizer .zar-radio-visualizer-wrapper,.zar-radio-hero-visualizer .zar-radio-visualizer{height:100%;border:none;border-radius:0;background:transparent}.zar-radio-hero-gradient{position:absolute;left:0;right:0;bottom:0;height:50%;background:var(--zar-hero-gradient);pointer-events:none;z-index:2}.zar-radio-hero-art-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:60%;z-index:3}.zar-radio-hero-art{max-width:50%;max-height:100%;object-fit:contain;display:block;border-radius:var(--zar-border-radius-md);box-shadow:0 8px 32px #0009;opacity:var(--zar-hero-art-opacity, 1)}.zar-radio-hero-art-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--zar-space-xl);text-align:center;background:var(--zar-bg-secondary);border-radius:var(--zar-border-radius-md);border:var(--zar-border-width) solid var(--zar-player-border);min-width:200px;min-height:200px}.zar-radio-hero-art-placeholder-text{font-family:var(--zar-font-display);font-size:var(--zar-font-xl);color:var(--zar-text);margin:0 0 var(--zar-space-sm) 0}.zar-radio-hero-art-placeholder-subtitle{font-size:var(--zar-font-sm);color:var(--zar-text-muted);margin:0}.zar-radio-hero-info{position:absolute;left:50%;transform:translate(-50%);max-width:min(100%,1200px);width:100%;bottom:clamp(5.5rem,14vh,8rem);padding:var(--zar-space-lg);display:flex;flex-direction:column;gap:var(--zar-space-xs);color:var(--zar-text);text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:4}.zar-radio-hero-info h2{margin:0;font-family:var(--zar-font-display);font-size:var(--zar-font-2xl);line-height:var(--zar-line-height-tight)}.zar-radio-hero-info p{margin:0;font-size:var(--zar-font-sm);color:var(--zar-text-muted)}.zar-radio-hero-lyrics-button{position:absolute;top:var(--zar-space-lg);right:var(--zar-space-lg);display:flex;align-items:center;gap:var(--zar-space-sm);padding:var(--zar-space-sm) var(--zar-space-md);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--zar-border-width) solid rgba(255,255,255,.2);border-radius:var(--zar-border-radius-md);color:var(--zar-text);font-size:var(--zar-font-sm);cursor:pointer;transition:all var(--zar-dur-base) var(--zar-ease);z-index:5}.zar-radio-hero-lyrics-button:hover{background:#000c;border-color:var(--zar-accent);color:var(--zar-accent)}.zar-radio-hero-lyrics-button:focus-visible{outline:2px solid var(--zar-accent);outline-offset:2px}.zar-radio-hero-lyrics-button-text{font-family:var(--zar-font-body)}@media (max-width: 1024px){.zar-radio-track-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 768px){.zar-radio-player-wrapper{gap:var(--zar-space-md)}.zar-radio-player{padding:var(--zar-space-md);gap:var(--zar-space-md)}.zar-radio-layout{gap:var(--zar-space-lg)}.zar-radio-album-art-size{--zar-album-art-size: 150px}.zar-radio-visualizer{height:150px}.zar-radio-button{min-width:44px;min-height:44px}.zar-radio-button-primary{min-width:48px;min-height:48px}.zar-radio-hero{height:50vh;min-height:300px}.zar-radio-hero-art{max-width:70%}.zar-radio-hero-info{padding:var(--zar-space-md);bottom:clamp(5rem,12vh,6.5rem)}.zar-radio-hero-info h2{font-size:var(--zar-font-xl)}.zar-radio-hero-lyrics-button{top:var(--zar-space-md);right:var(--zar-space-md);padding:var(--zar-space-sm);font-size:var(--zar-font-xs)}.zar-radio-track-grid{grid-template-columns:1fr}.zar-radio-album-header{gap:var(--zar-space-sm)}.zar-radio-album-art{width:60px;height:60px}.zar-radio-lyrics-overlay-content{width:95%;max-height:85vh;padding:var(--zar-space-lg)}}@media (max-width: 480px){.zar-radio-player-wrapper{gap:var(--zar-space-sm)}.zar-radio-player{padding:var(--zar-space-sm);gap:var(--zar-space-sm);max-width:100%;overflow-x:hidden}.zar-radio-layout{gap:var(--zar-space-md)}.zar-radio-album-art-size{--zar-album-art-size: 120px}.zar-radio-visualizer{height:100px}.zar-radio-playback-controls{gap:var(--zar-space-sm)}.zar-radio-button{min-width:44px;min-height:44px}.zar-radio-button-primary{min-width:48px;min-height:48px}.zar-radio-button-secondary{font-size:var(--zar-font-xs);min-width:100px;min-height:44px}.zar-radio-track-title{font-size:var(--zar-font-base)}.zar-radio-hero{height:40vh;min-height:250px}.zar-radio-hero-info{bottom:clamp(4.75rem,11vh,6rem)}.zar-radio-hero-art{max-width:80%}.zar-radio-hero-lyrics-button{padding:var(--zar-space-xs) var(--zar-space-sm);gap:.25rem}.zar-radio-hero-lyrics-button-text{display:none}.zar-radio-playback-controls-minimal{gap:var(--zar-space-sm)}.zar-radio-button-flat{padding:var(--zar-space-xs)}.zar-radio-track-grid{gap:8px}.zar-radio-track-button{padding:var(--zar-space-xs);gap:8px}.zar-radio-lyrics-overlay-content{width:100%;max-height:90vh;padding:var(--zar-space-md);border-radius:0}}@media (max-width: 375px){.zar-radio-player{padding:.5rem;gap:.5rem}.zar-radio-visualizer{height:100px}.zar-radio-track-title{font-size:1rem}.zar-radio-track-meta{font-size:.75rem}.zar-radio-button-secondary{min-width:80px;font-size:.7rem;padding:0 .5rem}.zar-radio-hero{height:35vh;min-height:200px}.zar-radio-album-art{width:48px;height:48px}.zar-radio-track-thumb{width:40px;height:40px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}.zar-radio-playing-bar{animation:none;height:60%}.zar-radio-hero:before{transition:none}.zar-radio-controls,.zar-radio-lyrics-overlay{transition:none}}.zar-radio-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--zar-bg, #0a0a0f);opacity:1;transition:opacity var(--zar-controls-transition-duration, .3s) ease}.zar-radio-fullscreen-content{display:flex;width:100%;height:100%;overflow:hidden}.zar-radio-fullscreen-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--zar-space-xl, 2rem);gap:var(--zar-space-lg, 1.5rem);overflow-y:auto}.zar-radio-fullscreen-art{max-width:400px;max-height:400px;width:100%;aspect-ratio:1;border-radius:var(--zar-border-radius-lg, 12px);object-fit:cover}.zar-radio-fullscreen-info{text-align:center}.zar-radio-fullscreen-info h2{font-family:var(--zar-font-display);font-size:1.75rem;color:var(--zar-text, #f0ece4);margin:0 0 .25rem}.zar-radio-fullscreen-info p{color:var(--zar-text-muted, #8a8070);font-size:1rem;margin:0}.zar-radio-fullscreen-controls{width:100%;max-width:600px}.zar-radio-fullscreen-panel{width:320px;min-width:280px;background:var(--zar-bg-secondary, #12111a);border-left:1px solid var(--zar-player-border, rgba(255,255,255,.1));overflow-y:auto;padding:var(--zar-space-md, 1rem);display:flex;flex-direction:column}.zar-radio-fullscreen-panel-header{font-family:var(--zar-font-display);font-size:1.1rem;color:var(--zar-text, #f0ece4);padding-bottom:var(--zar-space-sm, .5rem);border-bottom:1px solid var(--zar-player-border, rgba(255,255,255,.1));margin-bottom:var(--zar-space-sm, .5rem)}.zar-radio-fullscreen-close{position:absolute;top:var(--zar-space-md, 1rem);right:var(--zar-space-md, 1rem);z-index:10000;background:transparent;border:none;color:var(--zar-text, #f0ece4);font-size:1.5rem;cursor:pointer;padding:var(--zar-space-sm, .5rem);line-height:1;opacity:.8;transition:opacity .15s ease}.zar-radio-fullscreen-close:hover{opacity:1}.zar-radio-fullscreen-panel .zar-radio-artist-logo{max-width:100%;max-height:60px}.zar-radio-fullscreen-panel .zar-radio-filter-bar{flex-wrap:wrap;padding:var(--zar-space-sm, .5rem);gap:var(--zar-space-xs, .25rem)}.zar-radio-fullscreen-panel .zar-radio-filter-spacer{display:none}.zar-radio-fullscreen-panel .zar-radio-filter-right{flex-wrap:wrap;width:100%}.zar-radio-fullscreen-panel .zar-radio-album-art{width:48px;height:48px}.zar-radio-fullscreen-panel .zar-radio-track-grid-container{overflow-x:hidden}@media (max-width: 768px){.zar-radio-fullscreen-content{flex-direction:column}.zar-radio-fullscreen-panel{width:100%;height:40vh;border-left:none;border-top:1px solid var(--zar-player-border, rgba(255,255,255,.1))}.zar-radio-fullscreen-art{max-width:250px;max-height:250px}}