@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,60px,0) rotateX(10deg)}to{opacity:1;transform:translate3d(0,0,0) rotateX(0)}}@keyframes slideInDown{0%{opacity:0;transform:translate3d(0,-60px,0) rotateX(-10deg)}to{opacity:1;transform:translate3d(0,0,0) rotateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale3d(.8,.8,.8)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes pulse-bitrate{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.6);opacity:1}70%{box-shadow:0 0 0 8px transparent;opacity:.6}to{box-shadow:0 0 0 0 transparent;opacity:1}}:root{--black:#000000;--dark-gray:#1a1a1a;--gray:#333333;--light-gray:#666666;--white:#ffffff;--off-white:#f5f5f5;--border-color:#333333;--red-error:#ef4444;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--radius:8px;--section-padding:80px 16px;--card-padding:32px;--btn-padding:12px 24px;--btn-padding-compact:10px 20px;--control-size:48px;--max-width-container:1200px;--play-btn-size:64px;--z-base:1;--z-high:2;--z-navigation:1500;--z-header:2000;--z-modal:10000;--line-height-tight:1.4;--line-height-normal:1.6;--line-height-relaxed:1.8;--letter-spacing-tight:-1px;--letter-spacing-base:0;--letter-spacing-normal:0.5px;--letter-spacing-wide:1px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--spacing-4xl:64px;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--border-light:1px solid var(--gray);--border-white:1px solid var(--white);--border-thick:2px solid var(--white);--border-bottom-light:1px solid var(--gray);--border-bottom:var(--border-bottom);--border-top:var(--border-top);--border-2px-white:2px solid var(--white);--border-2px-gray:2px solid var(--gray);--border-white-solid:1px solid var(--white);--shadow-hover:0 0 30px rgba(255, 255, 255, 0.4),
    0 0 60px rgba(255, 255, 255, 0.2);--shadow-card:0 20px 40px rgba(255, 255, 255, 0.1);--shadow-dark:0 6px 18px rgba(0, 0, 0, 0.4);--shadow-pulse:0 0 0 0 rgba(239, 68, 68, 0.6);--shadow-error-deep:0 16px 48px rgba(0, 0, 0, 0.45);--scale-hover:scale3d(1.1, 1.1, 1.1);--scale-hover-lg:scale3d(1.15, 1.15, 1.15);--rotate-card:translateY(-10px) rotateY(5deg) rotateX(2deg);--margin-bottom-xs:8px;--margin-bottom-sm:16px;--margin-bottom-md:24px;--margin-bottom-lg:32px}*{margin:0;padding:0;box-sizing:border-box}.nav-toggle:hover,.text-white{color:var(--white)}.text-light-gray{color:var(--light-gray)}.border-light{border:1px solid var(--gray)}.rounded{border-radius:var(--radius)}.text-center{text-align:center;display:flex;justify-content:center;align-items:center}.uppercase{text-transform:uppercase}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-black{font-weight:900}.flex-center{justify-content:center}.flex-align-center,.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.m-auto{margin:0 auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mb-xs{margin-bottom:var(--margin-bottom-xs)}.mb-sm{margin-bottom:var(--margin-bottom-sm)}.mb-md{margin-bottom:var(--margin-bottom-md)}.mb-lg{margin-bottom:var(--margin-bottom-lg)}.mt{margin-top:var(--margin-bottom-md)}.mb{margin-bottom:var(--margin-bottom-md)}.hidden{display:none}.transition{transition:var(--transition)}body,body>*{position:relative}body{padding-top:64px;background:linear-gradient(180deg,rgba(0,0,0,.92),rgba(0,0,0,.92)),repeating-linear-gradient(45deg,rgba(255,255,255,.04)0 12px,rgba(0,0,0,.04) 12px 24px);background-attachment:fixed}.hero-section::before,body::before{content:"";top:0;left:0;width:100%;height:100%}body::before{position:fixed;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.04)0,transparent 55%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.03)0,transparent 55%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.015)0,transparent 60%),radial-gradient(1200px 600px at 50% 50%,transparent 40%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:0}body>*{z-index:1}html{scroll-behavior:smooth;transform:none}.w3-top{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:var(--z-header);background:var(--black)!important;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-dark);height:var(--play-btn-size);display:flex;align-items:center}.w3-bar{z-index:var(--z-navigation);background:0 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 16px!important;gap:var(--spacing-lg)!important;width:100%}.nav-toggle{margin-left:auto}.nav-toggle,.w3-right{display:flex;align-items:center}.w3-right{margin-left:auto}.nav-toggle{justify-content:center;width:44px;height:44px;background:0 0;border:0;color:var(--off-white);font-size:var(--font-size-2xl);border-radius:0;transition:var(--transition);cursor:pointer;position:relative;z-index:calc(var(--z-header) + 1)}.nav-toggle:hover{background:0 0;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.5)}.nav-toggle i{font-size:28px}.w3-right{gap:var(--spacing-lg)}.w3-bar-item{color:var(--off-white)!important;padding:12px 16px!important;display:flex!important;align-items:center!important;gap:var(--spacing-sm)!important;cursor:pointer!important;transition:var(--transition)!important;text-decoration:none!important;font-weight:500;border-radius:0!important}.w3-bar-item i{font-size:24px}.w3-bar-item:hover{color:var(--white)!important;background:0 0!important;text-decoration:none!important;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.5)!important}.w3-bar-item,.w3-button{background:0 0!important;border:0!important}.w3-wide{font-weight:700;font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);display:flex;align-items:center;gap:var(--spacing-sm)}.w3-wide i{font-size:28px}.w3-hide-small{display:flex!important}.hero-content,.hero-section{display:flex;align-items:center;justify-content:center;position:relative}.hero-section{background:var(--black)url(../images/bgright.png)no-repeat center/cover;background-attachment:fixed;min-height:100vh;text-align:center;padding:120px 16px 80px;overflow:hidden;border-bottom:2px solid var(--gray);margin-top:0}.hero-section::before{position:absolute;background:radial-gradient(1200px 600px at 50% 50%,transparent 35%,rgba(0,0,0,.65) 100%);z-index:var(--z-base)}.hero-content{width:100%;max-width:var(--max-width-container);margin:0 auto;flex-direction:column;z-index:var(--z-high)}.hero-title{font-size:clamp(32px,8vw,64px);font-weight:900;margin-bottom:var(--margin-bottom-md);color:var(--white);letter-spacing:var(--letter-spacing-tight);text-transform:uppercase}.hero-subtitle{font-size:clamp(16px,4vw,24px);color:var(--light-gray);font-weight:400;margin-bottom:var(--spacing-3xl);max-width:600px}.hero-listen-btn,.hero-stat,.hero-stats{align-items:center;justify-content:center}.hero-listen-btn{display:inline-flex;background:0 0;color:var(--off-white);border:0;border-radius:0;font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition);gap:var(--spacing-sm);padding:10px 20px;text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);margin:var(--spacing-2xl)0;text-decoration:none}.hero-listen-btn:hover{background:0 0;color:var(--white);text-shadow:0 0 20px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.5)}a.hero-listen-btn.btn.btn-primary,a.hero-listen-btn.btn.btn-primary:hover{background:0 0!important;border:0!important;color:var(--off-white)!important}a.hero-listen-btn.btn.btn-primary:hover{color:var(--white)!important;transform:none!important;box-shadow:none!important;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.5)!important}.hero-stat,.hero-stats{display:flex}.hero-stats{gap:clamp(32px,8vw,64px);margin-top:64px;flex-wrap:wrap;width:100%}.hero-stat{flex-direction:column;background:0 0;padding:0;min-width:100px}.hero-stat i{font-size:32px;color:var(--white);margin-bottom:var(--spacing-md)}.hero-stat-value{font-size:clamp(24px,6vw,32px);font-weight:900;color:var(--white);margin-bottom:4px}.hero-stat-label{font-size:var(--font-size-base);color:var(--light-gray);font-weight:500;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.player-section{background:0 0;padding:var(--section-padding);border-bottom:var(--border-bottom);animation:slideInUp .8s ease-out}.container{max-width:var(--max-width-container);margin:0 auto;padding:0}.player-card{background:var(--black);border:1px solid var(--gray);border-radius:var(--radius);padding:48px clamp(16px,4vw,64px);box-shadow:var(--shadow-dark)}.track-info{text-align:center;margin-bottom:var(--spacing-3xl)}.track-title{font-size:clamp(24px,6vw,40px);font-weight:900;margin-bottom:8px;color:var(--white);text-transform:uppercase}.track-artist{font-size:var(--font-size-lg);color:var(--light-gray);margin-bottom:var(--margin-bottom-md);font-weight:400}.track-stats{display:flex;justify-content:center;gap:clamp(16px,4vw,32px);flex-wrap:wrap}.track-stat{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--light-gray);font-size:var(--font-size-base);font-weight:500}.station-select-wrapper i,.track-stat i,.volume-wrapper i{color:var(--white);font-size:var(--font-size-lg)}.bitrate-icon{transition:transform .2s ease,color .2s ease}.bitrate-icon.playing{color:var(--red-error);animation:pulse-bitrate 1.2s infinite}.player-controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);margin:var(--spacing-3xl)0;flex-wrap:wrap}.control-btn,.play-btn{background:var(--black);font-size:28px;font-weight:700}.play-btn{width:var(--play-btn-size);height:var(--play-btn-size);border:var(--border-2px-white);border-radius:50%;color:var(--white);cursor:pointer;transition:var(--transition);transform-style:preserve-3d}.control-btn,.play-btn,.player-bottom{display:flex;align-items:center;justify-content:center}.control-btn{width:var(--control-size);height:var(--control-size);font-size:var(--font-size-xl);background:0 0;border:var(--border-2px-gray);border-radius:50%;color:var(--white);cursor:pointer;transition:var(--transition);transform-style:preserve-3d}.control-btn:hover,.play-btn:hover{background:var(--black);color:var(--white);border-color:var(--white);transform:var(--scale-hover-lg);box-shadow:var(--shadow-hover)}.player-bottom{gap:clamp(12px,3vw,24px);flex-wrap:wrap;margin-top:32px}.station-select-wrapper,.volume-wrapper{display:flex;align-items:center;gap:var(--spacing-md);padding:12px 16px;background:0 0;border:1px solid var(--gray);border-radius:var(--radius);transition:var(--transition);flex:0 1 auto;min-width:200px}.station-select-wrapper:hover,.volume-wrapper:hover{border-color:var(--white)}#stationList,.volume-slider{flex:1;outline:0;cursor:pointer}#stationList{background:0 0;border:0;color:var(--white);font-size:var(--font-size-base)}#stationList option{background:var(--dark-gray);color:var(--white)}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:var(--gray)}.volume-slider::-moz-range-thumb,.volume-slider::-webkit-slider-thumb{width:12px;height:12px;background:var(--white);border-radius:50%;cursor:pointer;border:0}.volume-value{font-size:var(--font-size-sm);color:var(--light-gray);min-width:35px;text-align:right}.live-badge,.section-header h2{color:var(--white);text-transform:uppercase}.live-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:8px 16px;background:0 0;border:var(--border-white-solid);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:700;letter-spacing:var(--letter-spacing-wide);white-space:nowrap}.pulse{width:8px;height:8px;border-radius:50%}.pulse.live-on{background:var(--red-error);box-shadow:0 0 0 0 rgba(239,68,68,.6);animation:pulse 1.6s infinite}.pulse,.pulse.live-off{background:var(--gray);animation:none;opacity:1;box-shadow:none}#section-tracks-info{background:0 0;padding:var(--section-padding);border-bottom:var(--border-bottom);animation:slideInUp 1s ease-out}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:clamp(28px,6vw,44px);font-weight:900;margin-bottom:var(--margin-bottom-sm)}.section-header p{font-size:var(--font-size-lg);color:var(--light-gray);font-weight:400}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);width:100%;max-width:var(--max-width-container);margin:0 auto}.info-card{background:var(--black);border:var(--border-light);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;height:100%;box-shadow:var(--shadow-dark)}.info-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--margin-bottom-sm);padding-bottom:16px;border-bottom:var(--border-bottom)}.info-header h3,.info-header i{color:var(--white);font-size:var(--font-size-2xl)}.info-header h3{font-size:var(--font-size-lg);font-weight:700;text-transform:uppercase}.info-content,.song-item{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.song-item{grid-template-columns:1fr auto;padding:12px 0;border-bottom:var(--border-bottom);font-size:13px}.song-item:last-child{border-bottom:none}.song-title{color:var(--off-white);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist,.song-duration,footer{color:var(--light-gray);font-size:var(--font-size-sm)}footer{background:var(--black);border-top:var(--border-2px-gray);padding:32px 16px;text-align:center;font-size:var(--font-size-base)}.song-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-duration{text-align:right}.footer-version{justify-content:center;gap:var(--spacing-sm)}.footer-version .version-label{cursor:pointer;display:inline}.footer-version .version-tooltip{position:absolute;bottom:120%;left:50%;transform:translateX(-50%);min-width:220px;padding:12px 14px;background:var(--black);color:var(--white);border:1px solid var(--gray);border-radius:var(--radius);box-shadow:var(--shadow-dark);text-align:left;line-height:1.4;display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:var(--z-header);overflow:hidden}.footer-version .version-tooltip.visible{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.footer-version .version-tooltip-title{display:block;font-weight:700;margin-bottom:var(--spacing-sm)}.footer-version #appVersionLabel,.footer-version #appVersionValue{display:inline}.footer-version .version-tooltip ul,.version-tooltip ul{list-style:none;margin:0;padding:0}.footer-version .version-tooltip li,.version-tooltip li{margin:2px 0}.footer-version .version-line{margin-bottom:var(--spacing-sm)}@media (min-width:768px){.nav-toggle{display:none!important}.w3-right{display:flex!important;position:static;flex-direction:row;align-items:center;background:0 0;border:0;padding:0;gap:var(--spacing-lg);box-shadow:none}.w3-bar-item{width:auto;justify-content:center!important}#section-tracks-info{padding:100px 32px}.info-grid{grid-template-columns:repeat(2,1fr)}.player-bottom{justify-content:center;gap:var(--spacing-xl)}.station-select-wrapper,.volume-wrapper{min-width:250px}}@media (max-width:1024px){.info-grid{grid-template-columns:1fr!important}}@media (min-width:1024px){.hero-section{padding:140px 64px 120px;min-height:100vh}.player-section{padding:100px 64px}.player-card{padding:80px 120px}#section-tracks-info{padding:120px 64px}.info-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl)}.player-bottom{justify-content:center;gap:var(--spacing-2xl)}.station-select-wrapper,.volume-wrapper{min-width:300px}.song-item{grid-template-columns:1.5fr 1fr auto}}.btn,.btn-compact{display:inline-flex}.btn{border:var(--border-2px-white);border-radius:var(--radius);font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:var(--transition);font-size:var(--font-size-base);padding:12px 24px;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--black);color:var(--white);transform-style:preserve-3d}.btn-compact{width:auto}.btn-primary:hover,.btn-secondary:hover,.btn:hover{background:var(--black);color:var(--white);border-color:var(--white);transform:var(--scale-hover);box-shadow:var(--shadow-hover)}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4xl)}.about-card{display:flex;flex-direction:column;height:100%}.btn-circle,.btn-circle:hover{background:var(--black);color:var(--white)}.btn-circle{display:flex;align-items:center;justify-content:center;border:var(--border-2px-white);border-radius:50%;cursor:pointer;transition:var(--transition);transform-style:preserve-3d;width:var(--control-size);height:var(--control-size);min-width:var(--control-size);min-height:var(--control-size);flex-shrink:0;font-size:var(--font-size-xl);padding:0;font-weight:700}.btn-circle:hover{border-color:var(--white);transform:var(--scale-hover-lg);box-shadow:var(--shadow-hover)}#playlistContainer{scrollbar-width:thin;scrollbar-color:var(--gray) transparent}#playlistContainer::-webkit-scrollbar{width:8px}#playlistContainer::-webkit-scrollbar-track{background:0 0}#playlistContainer::-webkit-scrollbar-thumb{background:var(--gray);border-radius:4px}#playlistContainer::-webkit-scrollbar-thumb:hover{background:var(--light-gray)}#searchInput{font-family:inherit}#searchInput::-moz-placeholder,.search-input::-moz-placeholder{color:var(--light-gray)}#searchInput::placeholder,.search-input::placeholder{color:var(--light-gray)}#playlistContainer>div button{padding:6px 12px!important;height:32px!important;width:auto!important}@media (max-width:767px){.nav-toggle,.w3-right.open{display:flex!important}.w3-right{display:none!important;position:absolute;top:64px;right:12px;left:auto;flex-direction:column;background:var(--black);border:0;border-radius:0;margin:0;min-width:220px;max-width:320px;width:calc(100% - 24px);box-shadow:none;padding:10px 0;gap:var(--spacing-xs);align-items:stretch;z-index:var(--z-navigation)}#languageSwitcher .lang-btn-toggle,.w3-right .w3-bar-item{width:100%;justify-content:flex-start!important;color:var(--off-white)!important;background:0 0!important;border-radius:0;font-size:17px;padding:12px 16px!important;margin:0;border:0!important;box-shadow:none!important}.w3-right .w3-bar-item:hover{border-color:var(--white)!important;box-shadow:none!important;transform:none}.w3-right .w3-bar-item span{font-size:var(--font-size-lg)}#languageSwitcher{width:100%;padding:0!important;margin:0}#languageSwitcher .lang-btn-toggle{display:flex;align-items:center;gap:var(--spacing-sm)}#languageSwitcher:hover .lang-btn-toggle,.w3-right .w3-bar-item:hover{background:var(--black)!important;color:var(--white)!important}#playlistContainer>div{display:grid!important;grid-template-columns:2fr 1.5fr 70px!important;padding:12px 16px!important;gap:var(--spacing-lg)!important;align-items:center;font-size:13px!important;line-height:var(--line-height-tight)!important}#playlistContainer>div>div:last-child{text-align:center!important;display:flex!important;justify-content:center!important;align-items:center!important}.info-grid{grid-template-columns:1fr!important}.player-bottom{flex-direction:column;align-items:center;gap:var(--spacing-md)}.station-select-wrapper,.volume-wrapper{width:auto;justify-content:center;max-width:360px;margin:0 auto}.live-badge{align-self:center;width:auto;padding-left:14px;padding-right:14px}.pagination-controls{flex-direction:row;align-items:center!important;justify-content:center!important;flex-wrap:wrap;gap:var(--spacing-lg)!important}.pagination-controls button:not(.btn-circle){width:100%}.pagination-controls>div{min-width:auto!important;flex:none;width:auto;order:2}.pagination-controls .btn-circle{width:48px!important;height:48px!important;align-self:center;flex-shrink:0}.pagination-controls .btn-circle:first-child{order:1}.pagination-controls .btn-circle:last-child{order:3}.header-album,.header-duration{display:none!important}#playlistHeader{grid-template-columns:2fr 1.5fr 70px!important}#playlistContainer>div>div:nth-child(3),#playlistContainer>div>div:nth-child(4){display:none!important}#playlistContainer>div button{width:auto!important;padding:0 8px!important;height:28px!important}.about-grid{grid-template-columns:1fr!important}}@media (max-width:1024px){.about-grid{grid-template-columns:1fr!important}}.section-footer{text-align:center;margin-top:60px;padding-top:40px;border-top:var(--border-top);color:var(--light-gray)}.footer-meta{font-size:var(--font-size-base)}.footer-version{font-size:12px;color:var(--light-gray);margin-top:8px;position:relative;display:inline-flex;align-items:center;gap:6px;cursor:help}.version-tooltip{position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:var(--white);padding:10px 12px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.35);min-width:220px;max-width:280px;font-size:12px;line-height:1.4;opacity:0!important;visibility:hidden!important;display:none!important;pointer-events:none!important;transition:opacity .2s ease,visibility .2s ease;z-index:2000;text-align:left}.footer-version .version-tooltip:not(.visible){display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.version-tooltip.visible{opacity:1!important;visibility:visible!important;display:block!important;pointer-events:auto!important}.version-tooltip-title{font-weight:700;display:block;margin-bottom:6px}.section-footer p:first-child{margin-bottom:var(--spacing-md)}.about-heading{font-size:clamp(32px,6vw,48px);font-weight:900;margin-bottom:var(--margin-bottom-sm);color:var(--white);text-align:center}.about-divider{width:60px;height:4px;background:var(--white);margin:0 auto;border-radius:2px}.about-grid-container{text-align:center}.about-grid-container,.about-grid-wrapper{margin-bottom:var(--spacing-4xl)}.card-icon{font-size:40px;color:var(--white);margin-bottom:var(--margin-bottom-sm);display:block}.card-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--white)}.card-text{color:var(--light-gray);line-height:var(--line-height-relaxed)}.library-section{background:0 0;padding:var(--section-padding);border-bottom:var(--border-bottom)}.library-wrapper{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl);flex-wrap:wrap;justify-content:center;align-items:center}.search-box-wrapper{position:relative;flex:1;min-width:200px;max-width:400px;display:flex;align-items:center}.search-input{flex:1;width:100%;padding:12px 96px 12px 16px;background:var(--dark-gray);border:1px solid var(--gray);border-radius:var(--radius);color:var(--white);font-size:var(--font-size-base)}.search-clear-btn,.search-icon-btn{position:absolute;top:50%;transform:translateY(-50%);background:0 0;border:0;color:var(--gray);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,box-shadow .2s ease;border-radius:50%}.search-icon-btn{right:8px}.search-clear-btn{right:44px;opacity:0;pointer-events:none}.search-clear-btn.visible{opacity:1;pointer-events:auto}.search-icon-btn:hover{color:var(--white);box-shadow:var(--shadow-hover)}.search-icon-btn .material-icons-outlined{font-size:20px}.playlist-wrapper{max-width:var(--max-width-container);margin:0 auto}.playlist-table{background:var(--black);border:1px solid var(--gray);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-dark)}.playlist-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 100px 70px;gap:var(--spacing-lg);padding:16px 24px;border-bottom:var(--border-bottom);border-color:var(--border-color, transparent);align-items:center;min-height:50px;cursor:pointer;background:0 0;box-shadow:none;transform:none;transition:background .2s ease}.playlist-row:hover{background:rgba(255,255,255,.03)}.playlist-col{color:var(--off-white);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:var(--line-height-tight)}.playlist-col-artist,.playlist-col-duration{color:var(--light-gray)}.playlist-col-duration{text-align:center}.consent-banner,.playlist-btn{align-items:center;justify-content:center}.consent-banner{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:960px;width:calc(100% - 32px);background:rgba(0,0,0,.9);border:1px solid var(--gray);border-radius:var(--radius);padding:16px;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;box-shadow:var(--shadow-dark);z-index:12000}.consent-text{color:var(--off-white);flex:1 1 260px;font-size:13px;line-height:var(--line-height-normal)}.consent-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.consent-banner.hidden{display:none!important}@media (max-width:640px){.consent-banner{flex-direction:column;align-items:flex-start}.consent-actions{width:100%;justify-content:flex-start}}.playlist-btn,.playlist-btn:hover{background:var(--black);color:var(--white)}.playlist-btn{padding:0;border:var(--border-2px-white);border-radius:var(--radius);font-weight:700;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);transition:var(--transition);white-space:nowrap;display:flex;gap:0;height:28px;width:28px}.playlist-btn:hover{border-color:var(--white);transform:var(--scale-hover);box-shadow:var(--shadow-hover)}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.9);z-index:var(--z-modal);padding:20px;flex-direction:column;align-items:center;justify-content:center;display:flex;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease;transform:none!important}.modal-overlay.visible{visibility:visible;opacity:1}.modal-content{background:var(--dark-gray);border:var(--border-2px-white);border-radius:var(--radius);padding:var(--spacing-3xl);max-width:500px;width:100%;text-align:center;animation:slideIn .3s ease}.modal-icon{font-size:64px;color:var(--white);margin-bottom:var(--margin-bottom-md)}.modal-title{color:var(--white);font-size:var(--font-size-2xl);margin-bottom:var(--margin-bottom-sm);font-weight:700}.modal-message{color:var(--light-gray);font-size:var(--font-size-lg);line-height:var(--line-height-normal);margin-bottom:var(--margin-bottom-lg)}.empty-state,.small-empty-state{padding:48px 24px;text-align:center;color:var(--light-gray)}.small-empty-state{padding:12px 0}.info-item{padding:12px 0;border-bottom:var(--border-bottom)}.info-item-title{color:var(--off-white);font-weight:500;font-size:13px}.info-item-artist{color:var(--light-gray);font-size:var(--font-size-sm)}.max-width-container{max-width:var(--max-width-container);margin:0 auto}.pagination-info,.pagination-line{display:flex;align-items:center;gap:var(--spacing-sm)}.pagination-info{color:var(--light-gray);font-weight:500;min-width:250px;text-align:center;padding:0 var(--spacing-3xl);flex-direction:column;justify-content:center;line-height:var(--line-height-tight)}.pagination-line{white-space:nowrap}.pagination-controls{margin-bottom:var(--spacing-3xl)}.about-section{background:0 0;padding:var(--section-padding);border-top:var(--border-top);animation:slideInUp 1s ease-out}.about-card-inner{background:var(--black);border:1px solid var(--gray);border-radius:var(--radius);padding:var(--card-padding);box-shadow:var(--shadow-dark)}.about-card-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.about-card-animate-1{animation:slideInUp .8s ease-out .1s backwards}.about-card-animate-2{animation:slideInUp .8s ease-out .2s backwards}.about-card-animate-3{animation:slideInUp .8s ease-out .3s backwards}.info-card-animate-1{animation:slideInUp .8s ease-out .1s backwards;height:100%}.info-card-animate-2{animation:slideInUp .8s ease-out .2s backwards;height:100%}.info-card-animate-3{animation:slideInUp .8s ease-out .3s backwards;height:100%}.community-text{margin-bottom:var(--margin-bottom-md);font-size:var(--font-size-lg)}.playlist-header{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 100px 70px;gap:var(--spacing-lg);padding:16px 24px;background:var(--black);border-bottom:var(--border-bottom);font-weight:800;color:var(--white);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);box-shadow:inset 0-1px 0 rgba(255,255,255,.08)}.header-col,.header-col-center{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-col-center{text-align:center}.playlist-container{min-height:400px}.icon-vertical-align{vertical-align:middle}.icon-small{font-size:var(--font-size-lg)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4xl)}.live-status{font-weight:600;font-size:12px;letter-spacing:0;color:var(--off-white)}.pulse.live-buffering{background:#fbbf24;box-shadow:0 0 0 0 rgba(251,191,36,.4);animation:pulse 1.2s infinite}.pulse.live-error{background:var(--red-error);box-shadow:none;animation:none}.lang-btn-toggle{background:0 0;border:0;color:var(--off-white);padding:12px 16px;cursor:pointer;transition:var(--transition);font-weight:500;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.lang-btn-toggle:hover{background:0 0;color:var(--white);text-shadow:0 0 20px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.5)}.language-switcher{display:flex;align-items:center;margin-left:16px}.language-switcher i{font-size:24px}