.now-playing-bar{-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(var(--accent-rgb), .25);box-shadow:0 -4px 30px rgba(var(--accent-rgb), .12);z-index:1000;background:#0a0118e0;padding:0;position:fixed;bottom:0;left:0;right:0}.player-content{align-items:center;gap:30px;max-width:1400px;margin:0 auto;padding:20px;display:flex}.now-playing-info{flex:1;min-width:0}.now-playing-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:.82em}.now-playing-station{color:#22d3ee;font-size:1.3em;font-weight:700}.controls{align-items:center;gap:15px;display:flex}.now-playing-bar .progress-bar-container{background:#581c8733;width:100%;padding:0}.now-playing-bar .progress-bar{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:6px;margin:0}.now-playing-bar .progress-bar::-webkit-slider-track{background:linear-gradient(to right, #ec4899 0%, #ec4899 var(--progress,0%), #581c8766 var(--progress,0%), #581c8766 100%);border-radius:0;width:100%;height:6px}.now-playing-bar .progress-bar::-webkit-slider-thumb{appearance:none;cursor:pointer;opacity:0;background:#ec4899;border-radius:50%;width:14px;height:14px;transition:opacity .2s;box-shadow:0 0 8px #ec489999}.now-playing-bar .progress-bar:hover::-webkit-slider-thumb{opacity:1}.now-playing-bar .progress-bar::-moz-range-track{background:#581c8766;border-radius:0;width:100%;height:6px}.now-playing-bar .progress-bar::-moz-range-progress{background:#ec4899;border-radius:0;height:6px}.now-playing-bar .progress-bar::-moz-range-thumb{cursor:pointer;opacity:0;background:#ec4899;border:none;border-radius:50%;width:14px;height:14px;transition:opacity .2s;box-shadow:0 0 8px #ec489999}.now-playing-bar .progress-bar:hover::-moz-range-thumb{opacity:1}.now-playing-content{align-items:center;gap:20px;max-width:1400px;margin:0 auto;padding:15px 20px;display:flex}.now-playing-track{color:#22d3ee;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:1.05em;font-weight:600;overflow:hidden}.now-playing-time{color:#a78bfa;white-space:nowrap;align-items:center;font-family:Courier New,monospace;font-size:.9em;font-weight:600;display:flex}.now-playing-playlist{color:#9ca3af;font-size:.85em}.player-controls{align-items:center;gap:15px;display:flex}.playback-controls{background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .25);border-radius:25px;gap:0;padding:5px;display:flex}.control-button{color:var(--accent);border:1px solid rgba(var(--accent-rgb), .35);cursor:pointer;background:0 0;border-radius:20px;min-width:46px;padding:9px 18px;font-size:1.1em;font-weight:600;transition:all .2s}.control-button:hover{background:rgba(var(--accent-rgb), .2);border-color:rgba(var(--accent-rgb), .6);box-shadow:0 0 14px rgba(var(--accent-rgb), .3);transform:scale(1.05)}.playback-controls .control-button{box-shadow:none;color:var(--accent);border:none;border-radius:20px;padding:9px 14px}.playback-controls .control-button:hover{background:rgba(var(--accent-rgb), .2);box-shadow:0 0 10px rgba(var(--accent-rgb), .25);transform:scale(1.1)}.control-button.shuffle-on{background:rgba(var(--accent-rgb), .3);border-color:rgba(var(--accent-rgb), .7);color:#e879f9;box-shadow:0 0 14px rgba(var(--accent-rgb), .35)}.control-button.extra-action{color:#e879f9;white-space:nowrap;border-color:#e879f966;font-size:.95em}.control-button.extra-action:hover{background:#e879f926;border-color:#e879f9b3;box-shadow:0 0 14px #e879f94d}.volume-control{align-items:center;gap:10px;display:flex}.volume-icon{color:#9ca3af;font-size:1.2em}.volume-value{color:#9ca3af;min-width:38px;font-size:.9em}.volume-control input[type=range]{width:120px}.wave-animation{pointer-events:none;z-index:999;opacity:1;height:60px;transition:opacity .5s;position:fixed;bottom:80px;left:0;right:0;overflow:hidden}.wave-line{background:linear-gradient(90deg, transparent 0%, #ec4899 25%, var(--accent) 50%, #22d3ee 75%, transparent 100%);width:100%;height:3px;animation:3s linear infinite flowWave;position:absolute}.wave-line:first-child{animation-duration:3s;animation-delay:0s;top:10px}.wave-line:nth-child(2){opacity:.7;animation-duration:4s;animation-delay:.5s;top:25px}.wave-line:nth-child(3){opacity:.5;animation-duration:3.5s;animation-delay:1s;top:40px}@keyframes flowWave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=768px){.player-content{flex-direction:column;gap:15px}.controls,.volume-control{justify-content:center;width:100%}}.login-page{justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-container{-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--accent-rgb), .25);box-shadow:0 0 40px rgba(var(--accent-rgb), .12);z-index:1;background:#00000073;border-radius:20px;width:100%;max-width:400px;padding:40px;position:relative}.login-container h1{filter:drop-shadow(0 0 16px #ec489959);text-align:center;margin-bottom:10px;font-size:1.9em}.login-container .subtitle{text-align:center;color:#9ca3af;margin-bottom:30px;font-size:.9em}.login-container .form-group{margin-bottom:20px}.login-container label{color:#c4b5fd;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.9em;font-weight:600;display:block}.login-container input[type=password]{color:#f0f0f0;background:#00000059;border:1px solid #22d3ee40;border-radius:8px;width:100%;padding:12px 14px;font-size:1em;transition:border-color .3s,box-shadow .3s}.login-container input[type=password]:focus{border-color:#22d3ee99;outline:none;box-shadow:0 0 15px #22d3ee33}.login-container input[type=password]::placeholder{color:#9ca3af99}.login-container button{border-radius:8px;width:100%;padding:12px 24px}.login-container button:hover:not(:disabled){transform:translateY(-2px)}.login-error{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef444440;border-radius:6px;margin-top:12px;padding:8px;font-size:.9em}.radio-page .container{z-index:1;max-width:1200px;margin:0 auto;padding-bottom:160px;position:relative}.radio-page header{text-align:center;margin-bottom:40px}.radio-page h1{filter:drop-shadow(0 0 20px #ec489959);margin-bottom:10px;font-size:3em}.radio-page .radio-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:30px;display:grid}.radio-page .radio-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(var(--accent-rgb), .2);box-shadow:0 0 20px rgba(var(--accent-rgb), .06);cursor:pointer;border-radius:14px;padding:16px;transition:all .3s;position:relative;overflow:hidden}.radio-page .radio-card:before{content:"";background:var(--gradient-brand);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.radio-page .radio-card:hover{border-color:rgba(var(--accent-rgb), .45);box-shadow:0 0 25px rgba(var(--accent-rgb), .2);transform:translateY(-4px)}.radio-page .radio-card:hover:before{transform:scaleX(1)}.radio-page .radio-card.playing{background:linear-gradient(135deg, rgba(var(--accent-rgb), .25) 0%, #ec48992e 100%);border-color:rgba(var(--accent-rgb), .55);box-shadow:0 0 30px rgba(var(--accent-rgb), .25)}.radio-page .radio-card.playing:before{transform:scaleX(1)}.radio-page .radio-name{word-break:break-word;color:#e2d9f3;margin-bottom:8px;font-size:1.1em;font-weight:700}.radio-page .radio-card.playing .radio-name{color:#e879f9}.radio-page .current-track{white-space:nowrap;text-overflow:ellipsis;color:#c4b5fd;background:#581c8740;border-radius:6px;margin-top:8px;padding:7px 9px;font-size:.78em;font-style:italic;overflow:hidden}.radio-page .radio-card.playing .current-track{background:rgba(var(--accent-rgb), .2);color:#f0abfc}.radio-page .radio-status{color:#9ca3af;align-items:center;margin-top:10px;font-size:.8em;font-weight:600;display:flex}.radio-page .radio-card.playing .radio-status{color:#c084fc}.radio-page .radio-status.paused{color:#fb923c}.radio-page .status-dot{background:#34d399;border-radius:50%;width:8px;height:8px;margin-right:6px}.radio-page .status-dot.playing{background:#ec4899;animation:1.5s infinite pulse;box-shadow:0 0 6px #ec4899b3}.radio-page .status-dot.paused{background:#fb923c}.radio-page .no-radios{text-align:center;color:#9ca3af;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--accent-rgb), .2);background:#00000059;border-radius:20px;padding:40px;font-size:1.2em}.radio-page .loading-text{color:#fff;font-size:1.3em;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}:root{--text-primary:#f0f0f0;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--accent:#a855f7;--accent-rgb:168, 85, 247;--gradient-brand:linear-gradient(90deg, #ec4899, var(--accent), #22d3ee);--glass-bg:#0006;--glass-blur:blur(12px)}body{min-height:100vh;color:var(--text-primary);background-color:#0000;background-image:linear-gradient(#ff00ff0a 1px,#0000 1px),linear-gradient(90deg,#ff00ff0a 1px,#0000 1px),linear-gradient(135deg,#0a0118 0%,#1a0a2e 50%,#16003d 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:50px 50px,50px 50px,100% 100%;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}@media (width>=1025px) and (height>=600px){body.no-scroll{height:100dvh;padding-bottom:0;overflow:hidden}body.no-scroll #root{flex-direction:column;height:100%;display:flex}}body:before{content:"";background:radial-gradient(circle, #ec48991f 0%, rgba(var(--accent-rgb), .08) 50%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:600px;height:600px;position:fixed;top:-150px;right:-150px}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#22d3ee1a 0%,#3b82f612 50%,#0000 70%);border-radius:50%;width:600px;height:600px;position:fixed;bottom:-150px;left:-150px}.top-nav{z-index:1;justify-content:center;gap:40px;margin-bottom:10px;padding-top:20px;padding-bottom:15px;display:flex;position:relative}.top-nav a{color:#9ca3af;letter-spacing:.03em;background:0 0;border:none;padding:8px 16px;font-size:1.1em;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.nav-logo{background:var(--gradient-brand);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(var(--accent-rgb), .6));letter-spacing:.04em;cursor:default;-webkit-user-select:none;user-select:none;z-index:100;-webkit-background-clip:text;background-clip:text;font-size:2.2em;font-weight:700;position:fixed;top:24px;left:24px}.top-nav a:hover,.top-nav a.active{color:#22d3ee}.top-nav a.active:after{content:"";background:linear-gradient(90deg,#0000,#22d3ee,#0000);border-radius:2px;height:2px;position:absolute;bottom:0;left:16px;right:16px;box-shadow:0 0 10px #22d3ee99}h1{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}button{color:var(--accent);border:1px solid rgba(var(--accent-rgb), .4);cursor:pointer;box-shadow:0 0 10px rgba(var(--accent-rgb), .15);background:0 0;border-radius:25px;padding:10px 22px;font-family:inherit;font-size:1em;font-weight:600;transition:all .2s}button:hover:not(:disabled){background:rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), .7);box-shadow:0 0 18px rgba(var(--accent-rgb), .35);transform:scale(1.05)}button:active:not(:disabled){transform:scale(.95)}button:disabled{opacity:.35;cursor:not-allowed}input[type=range]{background:rgba(var(--accent-rgb), .25);-webkit-appearance:none;border-radius:3px;outline:none;width:150px;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:16px;height:16px;box-shadow:0 0 8px rgba(var(--accent-rgb), .5);cursor:pointer;border-radius:50%;transition:all .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--accent);width:16px;height:16px;box-shadow:0 0 8px rgba(var(--accent-rgb), .5);cursor:pointer;border:none;border-radius:50%}.app-loading{z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.loader{border:6px solid rgba(var(--accent-rgb), .2);border-top:6px solid var(--accent);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}.file-item{align-items:center;gap:12px;display:flex}.file-metadata{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.file-metadata-row{align-items:center;gap:8px;display:flex}.file-item.playing .file-metadata-value{color:#22d3ee}.album-art-thumbnail{object-fit:cover;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.file-item.playing .album-art-thumbnail{border-color:#22d3ee80;box-shadow:0 0 18px #22d3ee4d}.album-art-thumbnail.no-art{color:#a78bfa;opacity:.7}.album-art-thumbnail img{object-fit:cover;border-radius:8px;width:100%;height:100%}.album-art-thumbnail img.art-pending{opacity:0;position:absolute;inset:0}.empty-state{height:100%;color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}