:root{--primary-bg: #121212;--secondary-bg: #1e1e1e;--tertiary-bg: #2a2a2a;--text-color: #e0e0e0;--text-muted: #a0a0a0;--accent-color: #bb86fc;--accent-color-dark: #3700b3;--error-color: #cf6679;--border-color: #333;--list-bg: rgba(18, 18, 18, .8);--visualizer-opacity: .7}body.light-theme{--primary-bg: #f5f5f5;--secondary-bg: #ffffff;--tertiary-bg: #e0e0e0;--text-color: #212121;--text-muted: #757575;--border-color: #dcdcdc;--list-bg: rgba(255, 255, 255, .8)}*,*:before,*:after{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background-color:var(--primary-bg);color:var(--text-color);overflow:hidden;transition:color .3s ease,background-color .3s ease}.container{display:flex;height:100vh;transition:background-color .3s ease}.sidebar{width:320px;background-color:var(--secondary-bg);display:flex;flex-direction:column;padding:1.5rem;border-right:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease,transform .3s ease-in-out}.brand h1{color:var(--accent-color);margin:0 0 2rem;text-align:center;transition:color .3s ease}.navigation .nav-button{display:flex;align-items:center;width:100%;padding:.75rem 1rem;margin-bottom:.5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;border-radius:8px;transition:background-color .2s,color .2s}.navigation .nav-button:hover{background-color:var(--tertiary-bg);color:var(--text-color)}.navigation .nav-button.active{background-color:var(--accent-color);color:#fff}.navigation .nav-button svg{margin-right:1rem}#sidebar-player-anchor{margin-top:auto}#player-container{text-align:center;padding:1rem}#station-name{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}#metadata{font-size:.9rem;color:var(--text-muted);min-height:2.5em;transition:opacity .3s}#metadata.hidden{opacity:0}#audio-player{display:none}#custom-player{background-color:var(--tertiary-bg);border-radius:50px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.player-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center}.player-btn svg{width:28px;height:28px;fill:var(--text-color)}#play-pause-btn{background-color:var(--accent-color);border-radius:50%}#play-pause-btn svg{fill:#fff}.volume-control{display:flex;align-items:center}#volume-slider{-webkit-appearance:none;width:0;height:5px;background:var(--text-muted);border-radius:5px;outline:none;transition:width .3s ease-in-out,opacity .3s ease-in-out;opacity:0;margin-left:8px}.volume-control:hover #volume-slider{width:80px;opacity:1}#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:var(--accent-color);cursor:pointer;border-radius:50%}.main-content{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}#visualizer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:var(--visualizer-opacity)}#logo-container{width:250px;height:250px;display:none;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}#station-logo{width:100%;height:100%;border-radius:50%;object-fit:cover;background-color:var(--tertiary-bg);box-shadow:0 0 30px #00000080}.view{display:flex;flex-direction:column;height:100%;width:100%;z-index:3}.view-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background-color:transparent;border-bottom:1px solid var(--border-color);flex-shrink:0}.view-header h2{margin:0}#search-input{padding:.5rem;background-color:var(--tertiary-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;flex-grow:1}.country-selector{position:relative;flex-grow:1}#country-search{width:100%;padding:.5rem;background-color:var(--tertiary-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.country-suggestions{display:none;position:absolute;top:100%;left:0;right:0;max-height:250px;overflow-y:auto;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-top:none;border-radius:0 0 4px 4px;z-index:10}.country-suggestion-item{padding:.75rem;cursor:pointer;font-size:.9rem}.country-suggestion-item:hover{background-color:var(--tertiary-bg)}.country-suggestion-item.active{background-color:var(--accent-color-dark);color:#fff}.station-list-wrapper{position:relative;flex:1;overflow-y:auto;padding:1rem;background-color:var(--list-bg);border-radius:8px;margin:1rem;min-height:0}.station-list-wrapper ul{list-style:none;padding:0;margin:0}.station-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:background-color .2s}.station-item:hover{background-color:var(--tertiary-bg)}.station-item.active{background-color:var(--accent-color);color:#fff}.station-item.active .station-info .country{color:#ffffffb3}.station-info{flex-grow:1}.station-info .name{font-weight:700}.station-info .country{font-size:.8rem;color:var(--text-muted)}.fav-button{background:none;border:none;cursor:pointer;padding:.5rem}.fav-button svg{width:20px;height:20px;stroke:var(--text-muted);stroke-width:2;fill:none;transition:all .2s}.fav-button:hover svg{stroke:var(--accent-color)}.fav-button.is-favorite svg{stroke:var(--accent-color);fill:var(--accent-color)}.loader{display:none;position:absolute;top:50%;left:50%;width:50px;height:50px;border:5px solid var(--tertiary-bg);border-top:5px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1300}.modal.show{opacity:1;pointer-events:auto}.modal-overlay{position:absolute;width:100%;height:100%;background-color:#000000b3}.modal-content{position:relative;background-color:var(--secondary-bg);border-radius:12px;width:90%;max-width:500px;z-index:10;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;color:var(--accent-color)}.close-button{background:none;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:0}.modal-body{padding:1.5rem;overflow-y:auto}.setting-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;margin-bottom:1.5rem}.setting-item label{font-size:1rem}.setting-control{justify-self:end}.theme-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--tertiary-bg);color:var(--text-color);border-radius:6px;cursor:pointer}.theme-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}input[type=color]{-webkit-appearance:none;width:44px;height:44px;border:none;padding:0;background:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:2px solid var(--border-color);border-radius:50%}select.setting-control{padding:.5rem;background-color:var(--tertiary-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px}input[type=range].setting-control{width:120px}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--tertiary-bg);transition:.4s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translate(22px)}#equalizer-modal .modal-content{max-width:800px}.equalizer-body{display:flex;flex-direction:column;padding:2rem}.preset-buttons{display:flex;justify-content:center;gap:10px;margin-bottom:2.5rem;flex-wrap:wrap}.preset-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--tertiary-bg);color:var(--text-color);border-radius:6px;cursor:pointer;transition:background-color .2s}.preset-btn:hover{background-color:var(--accent-color-dark)}.preset-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.eq-bands-container{display:flex;justify-content:space-evenly;align-items:center;height:180px;width:100%;gap:15px;padding:20px 1rem 0}.eq-band{display:flex;flex-direction:column-reverse;align-items:center;height:100%;position:relative;width:40px}.eq-band input[type=range]{-webkit-appearance:none;background:transparent;width:150px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)}.eq-band input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--tertiary-bg);border-radius:3px}.eq-band input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;margin-top:-7px}.eq-band label{font-size:.8rem;color:var(--text-muted);position:absolute;bottom:-25px}.hamburger-btn,#search-btn,#search-back-btn,.mobile-overlay,#mobile-player-area{display:none}@media (max-width: 800px){.container{flex-direction:column;height:100vh;overflow:hidden}.sidebar{width:280px;position:fixed;left:0;top:0;height:100%;z-index:1200;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{height:calc(100% - 80px)}.hamburger-btn{display:flex;position:fixed;top:15px;left:15px;z-index:1101;width:40px;height:40px;background:var(--tertiary-bg);border:none;border-radius:8px;flex-direction:column;justify-content:space-around;padding:8px}.hamburger-btn span{width:100%;height:3px;background:var(--text-color);border-radius:3px}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.mobile-overlay.show{display:block}.view-header{position:fixed;top:0;left:0;width:100%;padding:15px 15px 15px 65px;z-index:4;background-color:var(--secondary-bg)!important;min-height:70px}#country-search,#search-input{height:40px;min-width:0}#search-btn,#search-back-btn{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:4px;width:40px;height:40px;flex-shrink:0;cursor:pointer;padding:0;background-repeat:no-repeat;background-position:center;background-size:18px}#search-btn{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E")}#search-back-btn{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E")}#search-input,#search-back-btn,.view-header.searching .country-selector,.view-header.searching #search-btn{display:none}.view-header.searching #search-input,.view-header.searching #search-back-btn{display:flex}.station-list-wrapper{margin:0;border-radius:0;padding-top:85px;padding-right:1rem;padding-left:1rem;padding-bottom:1rem}#sidebar-player-anchor{display:none}#mobile-player-area{display:block;position:fixed;bottom:0;left:0;width:100%;height:80px;background-color:var(--secondary-bg);border-top:1px solid var(--border-color);z-index:1001}#player-container{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;height:100%}#now-playing{flex-grow:1;text-align:left;overflow:hidden;margin:0 1rem 0 0}#station-name,#metadata{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0}#custom-player{margin-top:0;background:none;padding:0;gap:.5rem}#volume-slider{display:none}#volume-slider.visible{display:block;width:80px;opacity:1}}