:root{--primary-bg: #050813;--secondary-bg: rgba(12, 18, 30, .72);--tertiary-bg: rgba(18, 24, 40, .78);--text-color: #f3f5fa;--text-muted: #9aa5c4;--accent-color: #2dd4bf;--accent-color-dark: #14b8a6;--error-color: #ef4444;--border-color: rgba(255, 255, 255, .12);--list-bg: rgba(10, 14, 24, .72);--visualizer-opacity: 1}*,*:before,*:after{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(67,175,255,.18),transparent 20%),radial-gradient(circle at bottom right,rgba(45,212,191,.14),transparent 18%),linear-gradient(180deg,#070a12,#090f1c 45%,#050813);color:var(--text-color);overflow:hidden;transition:color .3s ease,background .3s ease;padding-bottom:72px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at top,rgba(255,255,255,.06),transparent 20%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 55%);mix-blend-mode:screen;opacity:.32}#visualizer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.92;mix-blend-mode:screen}.container{display:flex;height:100vh;transition:background-color .3s ease}.sidebar{width:320px;background:#0c1222c7;display:flex;flex-direction:column;padding:1.5rem;border-right:1px solid rgba(255,255,255,.08);box-shadow:0 22px 60px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .3s ease-in-out,background .3s ease,border-color .3s ease}.brand h1{color:var(--accent-color);margin:0 0 2rem;text-align:center;letter-spacing:.08em;font-size:1.4rem;transition:color .3s ease}.navigation .nav-button{display:flex;align-items:center;width:100%;padding:.85rem 1rem;margin-bottom:.65rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);cursor:pointer;font-size:1rem;border-radius:16px;transition:transform .2s ease,background-color .2s,color .2s,border-color .2s}.navigation .nav-button:hover{background:#ffffff14;color:var(--text-color);transform:translate(2px)}.navigation .nav-button.active{background:linear-gradient(135deg,#2dd4bf38,#2dd4bf1f);color:#fff;border-color:#2dd4bf59}.navigation .nav-button svg{margin-right:1rem;flex-shrink:0;color:inherit}.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:40vmin;height:40vmin;max-width:500px;max-height:500px;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:2}.view-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#0a0e1873;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;border-radius:0 0 24px 24px}.view-header h2{margin:0;font-size:1.45rem;letter-spacing:.02em}#search-input{padding:.75rem 1rem;background:#ffffff0d;color:var(--text-color);border:1px solid rgba(255,255,255,.1);border-radius:14px;font-size:.95rem;flex-grow:1;transition:background .3s ease,border-color .3s ease}#search-input:focus{outline:none;border-color:#2dd4bf73;background:#ffffff1a}.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)}.station-list-wrapper{position:relative;flex:1;overflow-y:auto;padding:1rem 1rem 240px;background:#0a0e188c;border-radius:24px;margin:1rem;min-height:0;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff05,0 18px 50px #00000029}.station-list-wrapper ul{list-style:none;padding:0;margin:0}.station-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-radius:18px;margin-bottom:.65rem;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.station-item:hover{background:#ffffff1a;transform:translateY(-1px);box-shadow:0 12px 24px #0000001f}.station-item.active{background:linear-gradient(135deg,#2dd4bf47,#2dd4bf24);color:#fff;border-color:#2dd4bf8c;border-width:1.5px;box-shadow:0 16px 32px #00000038}.station-item.active .station-info .country{color:#ffffffd9}.station-item.active .fav-button svg{stroke:#fff;fill:#fff}.station-info{flex-grow:1;min-width:0}.station-info .name,.station-info .country{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;flex-shrink:0}.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:#0a0c14e0;border-radius:22px;width:90%;max-width:500px;z-index:10;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 30px 90px #00000040}.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}.bottom-player-bar{position:fixed;bottom:16px;left:0;width:100%;z-index:1500;display:flex;justify-content:center;pointer-events:none}.player-panel{position:relative;width:min(1120px,calc(100% - 32px));background:#0b101ce6;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:.9rem 1.25rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 45px #00000038;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;pointer-events:auto}.player-content{display:contents}.player-info-section{display:flex;align-items:center;gap:1rem;min-width:0}.player-artwork{width:68px;height:68px;border-radius:22px;object-fit:cover;flex-shrink:0;box-shadow:0 18px 40px #00000040;border:1px solid rgba(255,255,255,.14)}.player-text{display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}.marquee-container{overflow:hidden;white-space:nowrap;position:relative;width:100%}.marquee-container p{margin:0;display:inline-block}.marquee-container.overflow p{animation:marquee 15s linear infinite;padding-left:100%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.player-station-name{font-weight:700;color:var(--text-color);font-size:.98rem}.player-song-title{font-size:.88rem;color:var(--text-muted);margin-top:.15rem}.player-controls-section{display:flex;justify-content:center;align-items:center;gap:.75rem}.player-controls-section .player-btn{background-color:#ffffff14;border:1px solid rgba(255,255,255,.12);cursor:pointer;color:var(--text-color);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.player-controls-section .player-btn:hover{transform:scale(1.05);background-color:#ffffff29}.player-controls-section .player-btn.primary{width:56px;height:56px;background:var(--accent-color);border-color:#ffffff2e;color:#fff;box-shadow:0 14px 25px #2dd4bf59}.player-controls-section .player-btn.primary svg{width:30px;height:30px;fill:currentColor}.player-controls-section .player-btn.secondary{width:44px;height:44px}.player-controls-section .player-btn.secondary svg{width:24px;height:24px;fill:currentColor}.player-volume-section{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;position:relative}.player-volume-section .player-btn{width:36px;height:36px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:var(--text-color)}.player-volume-section .player-btn svg{width:22px;height:22px;fill:currentColor}.player-volume-section .player-btn.active{background:#2dd4bf2e;border-color:#2dd4bf59}.volume-control-wrapper{position:relative}.volume-popup{position:absolute;right:0;bottom:calc(100% + 10px);width:120px;padding:1rem .85rem .9rem;background:#0a0e18f7;border:1px solid rgba(255,255,255,.16);border-radius:22px;box-shadow:0 22px 60px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;display:flex;flex-direction:column;align-items:center;gap:.95rem}.volume-popup:before{content:"";position:absolute;bottom:-8px;right:24px;width:16px;height:16px;background:#0a0e18f7;transform:rotate(45deg);border-left:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.volume-popup-label{display:block;font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;text-align:center}.volume-popup-footer{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.volume-percent{font-size:.85rem;color:var(--text-muted);min-width:36px;text-align:center}.player-volume-slider{-webkit-appearance:slider-vertical;appearance:slider-vertical;width:6px;height:170px;background:#ffffff1f;border-radius:999px;outline:none;writing-mode:bt-lr}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent-color);cursor:pointer;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.player-volume-slider::-moz-range-thumb{width:18px;height:18px;background:var(--accent-color);cursor:pointer;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.player-btn.icon{width:42px;height:42px}.player-btn.secondary.active{background:#2dd4bf38;border-color:#2dd4bf59;color:#fff}.shortcut-hints{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.7rem;align-items:center;justify-content:center;color:var(--text-muted)}.shortcut-hints-compact{gap:.5rem}.shortcut-hint{padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font-size:.8rem}.shortcut-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:220px;padding:1rem;background:#080c16fa;border:1px solid rgba(255,255,255,.14);border-radius:22px;box-shadow:0 28px 70px #0000003d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20}.shortcut-panel-header{margin:0 0 .9rem;color:var(--accent-color);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.shortcut-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.shortcut-panel li{display:flex;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--text-color);font-size:.88rem}.shortcut-panel li span:first-child{color:var(--text-muted)}.shortcut-panel li span:last-child{font-weight:600;text-align:right}.lyrics-overlay{position:fixed;inset:0;z-index:1600;display:flex;align-items:center;justify-content:center;background:#040912d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lyrics-panel{width:min(760px,calc(100% - 40px));max-height:80vh;background:linear-gradient(180deg,#080c16fa,#060810fa);border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:1.5rem;overflow:hidden;box-shadow:0 45px 110px #0006;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}#lyrics-content{position:relative}.lyrics-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.lyrics-header h3{margin:0;font-size:1.3rem;letter-spacing:.02em;color:var(--text-color)}.lyrics-close-btn{width:38px;height:38px;border:none;border-radius:50%;background:#ffffff14;color:var(--text-color);cursor:pointer;transition:transform .2s ease,background-color .2s ease}.lyrics-close-btn:hover{background:#ffffff24;transform:scale(1.05)}#lyrics-status{margin:.35rem 0 0;color:var(--text-muted);font-size:.95rem}#lyrics-text{max-height:68vh;overflow-y:auto;padding-right:.5rem;border-top:1px solid rgba(255,255,255,.08);padding-top:1rem}.lyrics-line{margin:0 0 .9rem;line-height:1.8;color:#ffffffd1;font-size:.97rem}.lyrics-line:last-child{margin-bottom:0}.lyrics-empty{min-height:220px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:#ffffff0a;border-radius:22px;padding:2rem;text-align:center}.lyrics-empty p{margin:0}.hamburger-btn,#search-btn,#search-back-btn,.mobile-overlay{display:none}@media (max-width: 800px){body{padding-bottom:64px}.container{flex-direction:column;height:100vh}.sidebar{width:280px;position:fixed;left:0;top:0;height:100%;z-index:1200;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{flex:1;min-height:0}.main-content>.view{padding-top:70px}.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;flex-grow:1;overflow-y:auto;padding:1rem}.bottom-player-bar{bottom:10px}.player-panel{width:calc(100% - 20px);grid-template-columns:1fr;gap:.75rem;padding:.85rem 1rem}.player-info-section{gap:.75rem}.player-artwork{width:50px;height:50px;border-radius:18px}.player-controls-section{justify-content:flex-start}.player-controls-section .player-btn.primary{width:48px;height:48px}.player-volume-section{display:none}}.history-list{list-style:none;padding:0;margin:0}.history-item{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s}.history-item:hover{background-color:var(--tertiary-bg)}.history-title{font-weight:700;grid-column:1 / 2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-station{grid-column:1 / 2;font-size:.9rem;color:var(--text-muted)}.history-time{grid-column:2 / 3;grid-row:1 / 3;align-self:center;font-size:.9rem;color:var(--text-muted)}