.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.1)}.navbar-container{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:transform .2s}.navbar-logo:hover{transform:scale(1.05)}.logo-icon{background:linear-gradient(135deg,#a855f7,#ec4899);padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .2s}.navbar-logo:hover .logo-icon{transform:scale(1.1)}.logo-icon .icon{width:24px;height:24px;color:#fff}.logo-text{font-size:1.25rem;font-weight:700;color:#fff}.navbar-links{display:flex;align-items:center;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;color:#cbd5e1;font-weight:500;transition:all .2s}.nav-link .icon{width:20px;height:20px}.nav-link:hover{background:#1e293b;color:#fff}.nav-link.active{background:#9333ea;color:#fff}.nav-link:focus-visible{outline:2px solid #a855f7;outline-offset:2px}@media (max-width: 640px){.navbar-container{padding:0 .75rem}.logo-text{font-size:1.125rem}.nav-link span{display:none}.nav-link{padding:.5rem}}.station-card{background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(148,163,184,.1);cursor:pointer;animation:fadeIn .3s ease-in}.station-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0006;border-color:#a855f74d;background:#1e293bb3}.station-card.active{border-color:#a855f7;background:#a855f71a}.station-card-image-wrapper{position:relative;width:100%;padding-top:100%;background:linear-gradient(135deg,#1e293b,#334155);overflow:hidden}.station-card-logo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.station-card:hover .station-card-logo{transform:scale(1.05)}.station-card-play-overlay{position:absolute;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;border:none;cursor:pointer}.station-card:hover .station-card-play-overlay,.station-card.active .station-card-play-overlay{background:#0009;opacity:1}.play-icon{background:#a855f7;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:scale(.8);transition:all .2s ease;box-shadow:0 4px 12px #a855f766}.station-card:hover .play-icon{transform:scale(1)}.station-card.active .play-icon{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.station-card-body{padding:1rem}.station-card-name{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-card-country{font-size:.875rem;color:#94a3b8;margin:0;display:flex;align-items:center;gap:.25rem}.station-card-tags{font-size:.75rem;color:#64748b;margin:.5rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.station-card-body{padding:.75rem}.play-icon{width:56px;height:56px}}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;gap:1rem}.loader-container.fullscreen{height:60vh;min-height:400px}.loader-text{color:#cbd5e1;font-size:.95rem;margin:0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.home-page{max-width:1280px;margin:0 auto;padding:2rem 1rem}.home-header{margin-bottom:2rem}.header-content{display:flex;align-items:center;gap:1rem}.header-flag{font-size:3rem;line-height:1}.header-text{flex:1}.header-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.2}.header-subtitle{font-size:1.125rem;color:#94a3b8;margin:0}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.5);border-radius:.5rem;padding:1rem;color:#fca5a5;margin-bottom:1.5rem}.stations-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stations-count{color:#94a3b8;font-size:.875rem;margin:0}.stations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;animation:fadeIn .3s ease-in}.empty-icon{font-size:4rem;margin-bottom:1rem}@media (max-width: 768px){.home-page{padding:1.5rem .75rem}.header-flag{font-size:2.5rem}.header-title{font-size:2rem}.header-subtitle{font-size:1rem}.stations-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}@media (max-width: 480px){.header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.header-title{font-size:1.75rem}.stations-grid{grid-template-columns:1fr}}.country-filters{margin-bottom:2rem}.country-filters-label{font-size:.875rem;color:#94a3b8;margin:0 0 .75rem;font-weight:500}.country-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.country-btn{background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:.875rem 1rem;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;justify-content:center}.country-flag{font-size:1.5rem;line-height:1}.country-name{line-height:1}.country-btn:hover{background:#1e293bcc;border-color:#a855f7;transform:translateY(-2px);box-shadow:0 4px 12px #a855f733}.country-btn:active{transform:translateY(0)}@media (max-width: 640px){.country-filters-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.country-btn{padding:.75rem;font-size:.875rem}.country-flag{font-size:1.25rem}}.search-form{margin-bottom:2rem}.search-input-wrapper{position:relative;margin-bottom:1rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.search-input{width:100%;padding:.875rem 3rem;background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);border-radius:12px;color:#fff;font-size:1rem;transition:all .2s}.search-input::placeholder{color:#64748b}.search-input:focus{outline:none;border-color:#a855f7;background:#1e293bb3;box-shadow:0 0 0 3px #a855f71a}.clear-input-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-input-btn:hover{background:#fff3;color:#fff}.search-buttons{display:flex;gap:.75rem}.search-btn,.clear-btn{padding:.875rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.search-btn{background:#a855f7;color:#fff;flex:1}.search-btn:hover{background:#9333ea;transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.search-btn:active{transform:translateY(0)}.clear-btn{background:#ffffff1a;color:#94a3b8;flex-shrink:0}.clear-btn:hover{background:#ffffff26;color:#fff}@media (max-width: 640px){.search-input{padding:.75rem 2.5rem;font-size:.95rem}.search-buttons{flex-direction:column}.search-btn,.clear-btn{width:100%}}.search-page{max-width:1280px;margin:0 auto;padding:2rem 1rem}.search-header{margin-bottom:2rem;text-align:center}.search-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.search-subtitle{font-size:1.125rem;color:#94a3b8;margin:0}.results-info{margin:2rem 0 1rem;padding:0 .5rem}.results-count{color:#94a3b8;font-size:.875rem;margin:0}.stations-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;animation:fadeIn .3s ease-in}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.5);border-radius:.5rem;padding:1rem;color:#fca5a5;margin:1.5rem 0;text-align:center}.empty-state{text-align:center;padding:4rem 1rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .5rem}.empty-subtitle{color:#94a3b8;font-size:1rem;margin:0}@media (max-width: 768px){.search-page{padding:1.5rem .75rem}.search-title{font-size:2rem}.search-subtitle{font-size:1rem}.stations-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}@media (max-width: 480px){.search-title{font-size:1.75rem}.stations-list{grid-template-columns:1fr}}.player-bar{position:fixed;bottom:0;left:0;right:0;height:80px;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(148,163,184,.1);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-shadow:0 -4px 16px #0000004d;z-index:100;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.player-bar-content{display:flex;align-items:center;flex:1;overflow:hidden;cursor:pointer;transition:opacity .2s}.player-bar-content:hover{opacity:.8}.player-bar-logo{width:56px;height:56px;border-radius:8px;object-fit:cover;margin-right:1rem;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.player-bar-info{flex:1;overflow:hidden;min-width:0}.player-bar-info h4{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 .25rem}.player-bar-info p{font-size:.875rem;color:#94a3b8;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.control-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.control-btn:hover{background:#ffffff1a;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.control-btn.play-btn{background:#a855f7;width:48px;height:48px;margin:0 .25rem}.control-btn.play-btn:hover{background:#9333ea;transform:scale(1.1)}.control-btn.expand-btn{color:#94a3b8}.control-btn.expand-btn:hover{color:#fff}@media (max-width: 768px){.player-bar{height:72px;padding:0 1rem}.player-bar-logo{width:48px;height:48px;margin-right:.75rem}.player-bar-info h4{font-size:.9rem}.player-bar-info p{font-size:.8rem}.control-btn.play-btn{width:40px;height:40px}.player-bar-controls{gap:.25rem}}.player-controls{display:flex;flex-direction:column;gap:2rem;align-items:center;padding:1.5rem 0}.player-buttons{display:flex;flex-direction:row;gap:1rem}.player-controls button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%}.player-controls button:hover{transform:scale(1.1)}.player-controls button:active{transform:scale(.95)}.control-btn{padding:.75rem;background:#ffffff1a}.control-btn:hover{background:#fff3}.play-btn{background:#a855f7;width:72px;height:72px;margin:0 1rem;box-shadow:0 4px 16px #a855f766}.play-btn:hover{background:#9333ea;box-shadow:0 6px 20px #a855f799}.volume-control{display:flex;align-items:center;gap:1rem;width:100%;max-width:300px;padding:1rem 1.5rem;background:#ffffff0d;border-radius:12px}.volume-control svg{color:#94a3b8;flex-shrink:0}.volume-control input[type=range]{flex:1;height:6px;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}.volume-control input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:#a855f7;border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #a855f766}.volume-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #a855f799}.volume-control input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#a855f7;border:none;border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #a855f766}.volume-control input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #a855f799}@media (max-width: 768px){.play-btn{width:64px;height:64px}.volume-control{max-width:250px;padding:.75rem 1rem}}.player-expanded-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-end}.player-expanded-panel{width:100%;max-height:85vh;background:linear-gradient(to bottom,#1e293b,#0f172a);border-radius:24px 24px 0 0;box-shadow:0 -8px 32px #00000080;overflow-y:scroll;padding:1.5rem}.player-expanded-header{display:flex;justify-content:center;margin-bottom:2rem}.close-btn{background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#fff3;transform:scale(1.1)}.player-expanded-body{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:2rem}.station-logo-wrapper{width:100%;max-width:320px;aspect-ratio:1;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #a855f74d}.station-logo-large{width:100%;height:100%;object-fit:cover}.station-info{--title-font-size: 1.75rem;--title-line-height: 1.05;--subtitle-font-size: 1rem;--subtitle-line-height: 1.2;--info-vertical-gap: .5rem;text-align:center;width:100%;max-width:500px;min-height:calc((var(--title-font-size) * var(--title-line-height) * 2) + (var(--subtitle-font-size) * var(--subtitle-line-height) * 1) + var(--info-vertical-gap));box-sizing:border-box}.station-info h2{font-size:var(--title-font-size);line-height:var(--title-line-height);margin:0 0 .25rem;font-weight:700;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:calc(var(--title-font-size) * var(--title-line-height) * 2)}.station-info p{font-size:var(--subtitle-font-size);line-height:var(--subtitle-line-height);color:#94a3b8;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-expanded-controls{width:100%;max-width:500px;margin:1.25rem auto 0;display:flex;justify-content:center;align-items:center}.station-info .tags{font-size:.875rem;color:#64748b;margin-top:.5rem}.player-expanded-footer{display:flex;justify-content:center}@media (max-width: 768px){.player-expanded-panel{max-height:90vh;padding:1rem}.station-logo-wrapper{max-width:280px}.station-info h2{font-size:1.5rem}}@media (max-width: 480px){.station-logo-wrapper{max-width:240px}.station-info h2{font-size:1.25rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:#0f172a;color:#fff}#root{min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#64748b}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a855f7;outline-offset:2px}a,button,input,select{transition:all .2s ease}@media (max-width: 640px){.hide-mobile{display:none}}@media (min-width: 641px){.hide-desktop{display:none}}.app-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#581c87,#0f172a);background-attachment:fixed}.main-content{padding-top:80px;padding-bottom:140px;min-height:100vh}.player-active .main-content{padding-bottom:200px}