*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#f5f7fa08;--bg-secondary:#ffffff0d;--accent:#4a6fa5;--accent-hover:#3d5d8a;--accent-light:#00000012;--text-primary:#fff;--text-secondary:#718096;--text-alt:#cacaca;--border:#ffffff0d;--border-input:#ffffff0d;--success:#48bb78;--error:#e53e3e;--warning:#ed8936;--favorite:#ef4444;--shadow:0 1px 3px #00000014;--shadow-lg:0 4px 12px #0000001a;--card-bg:#262a32;--accent-cyan-text:#00d2ff;--accent-cyan-border:#00d2ff;--accent-glow:#00d2ff66;--bg-count:#64646459;--border-radius1:10px;--border-radius2:15px;--border-radius3:20px}html.theme-light body{background:#f8f8f8;--bg-primary:#fff;--bg-secondary:#fff;--text-primary:#666;--text-secondary:#718096;--text-alt:#666;--border:#ddd;--border-input:#ffffff0d;--accent:#4a6ea575;--accent-hover:#3d5d8a;--accent-light:#8484840c;--bg-count:#f3f3f3;--accent-cyan-text:#0083a1;--accent-cyan-border:#00d2ff47;--accent-glow:#00d2ff3d;--card-bg:#fff}html.theme-light .app{background:#ffffffa6}html.theme-light .item-icon{filter:brightness(100%)}html.theme-light .status-indicator.playing{color:#03a95b}html.theme-light .status-indicator.loading,html.theme-light .status-indicator.buffering,html.theme-light .status-indicator.waiting,html.theme-light .status-indicator.reconnecting{color:#8b792d}html.theme-light .proxy .stream-link{color:#a24141}html.corners-circular{--border-radius1:100px;--border-radius2:50px;--border-radius3:33px}html.corners-circular .player-section{border-radius:var(--border-radius3)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;position:relative;color:var(--text-primary);min-height:100vh;line-height:1.5;padding:20px;background-image:radial-gradient(at 99.73996524325635% 81.4159772565573%,hsla(45,1.9417475728155271%,59.6078431372549%,1) 0%,hsla(45,1.9417475728155271%,59.6078431372549%,0) 100%),radial-gradient(at 62.20276042133598% 84.26261251309619%,hsla(0,0%,0%,1) 0%,hsla(0,0%,0%,0) 100%),radial-gradient(at 82.82065630571705% 54.83153249292203%,hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 100%),radial-gradient(at 78.97742819983887% 18.841056255205512%,hsla(212.72727272727275,75.86206896551724%,77.25490196078431%,1) 0%,hsla(212.72727272727275,75.86206896551724%,77.25490196078431%,0) 100%),radial-gradient(at 0.4954634900670052% 61.742598519206446%,hsla(45,1.9417475728155271%,59.6078431372549%,1) 0%,hsla(45,1.9417475728155271%,59.6078431372549%,0) 100%),radial-gradient(at 18.393598939898393% 6.1808147574935575%,hsla(0,0%,0%,1) 0%,hsla(0,0%,0%,0) 100%),radial-gradient(at 79.79459019788922% 22.582677154408692%,hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 100%),radial-gradient(at 26.678924296706587% 46.81509165400723%,hsla(212.72727272727275,75.86206896551724%,77.25490196078431%,1) 0%,hsla(212.72727272727275,75.86206896551724%,77.25490196078431%,0) 100%),radial-gradient(at 74.26589112507277% 44.30615644703361%,hsla(45,1.9417475728155271%,59.6078431372549%,1) 0%,hsla(45,1.9417475728155271%,59.6078431372549%,0) 100%),radial-gradient(at 37.274034915822355% 70.41041007924017%,hsla(0,0%,0%,1) 0%,hsla(0,0%,0%,0) 100%),radial-gradient(at 21.113512752840702% 50.236714765570234%,hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 100%),radial-gradient(at 47.96873567541451% 25.691602253450128%,hsla(212.72727272727275,75.86206896551724%,77.25490196078431%,1) 0%,hsla(212.72727272727275,75.86206896551724%,77.25490196078431%,0) 100%)}body{align-items:center;overflow:hidden;background:radial-gradient(circle at 10% 20%,#1e2532 0%,#0f1219 90%)}body::before{content:'';position:fixed;top:-10%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(0,210,255,0.15) 0%,transparent 70%);z-index:-1;filter:blur(50px)}body::after{content:'';position:fixed;bottom:-10%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(68,85,120,0.2) 0%,transparent 70%);z-index:-1;filter:blur(60px)}.app{max-width:800px;margin:0 auto;padding:0 20px 20px 20px;min-height:calc(100vh - 40px);display:flex;flex-direction:column;border:1px solid var(--border);background:#ffffff08;border-radius:var(--border-radius2);position:relative}.icon{width:20px;height:20px;fill:currentColor;flex-shrink:0}.icon-sm{width:16px;height:16px}.header{text-align:center;padding:24px 0}.header h1{font-size:1.3rem;font-weight:400;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:10px}.header h1 .icon{width:32px;height:32px;color:var(--accent)}.header p{color:var(--text-secondary);font-size:0.9rem;margin-top:6px}.header-info{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;flex-wrap:wrap}.pp-blok{display:flex;justify-content:center}.playlist-total{color:var(--text-secondary);font-size:0.85rem;padding:6px 1px 6px 1px;background:#e8eef50a}.playlist-total strong{color:var(--accent);font-weight:600}.playlist-total.hidden{display:none}.check{background:#e8eef50a;border:0px solid var(--border);color:var(--accent);padding:6px 6px;cursor:pointer;font-size:0.85rem;font-weight:500;transition:all 0.2s ease;display:flex;align-items:center;gap:6px}.btn-check{border-radius:0 6px 6px 0}.btn-group{border-radius:6px 0 0 6px}.check:hover{background:var(--accent);color:white;border-color:var(--accent)}.check:disabled{opacity:0.5;cursor:not-allowed}.btn-check.checking{background:var(--warning);color:white;border-color:var(--warning)}.btn-check.checking .icon{animation:spin 1s linear infinite}.btn-check.hidden{display:none}.btn-group.hidden{display:none}.upload-section{background:var(--bg-secondary);border-radius:12px;padding:32px;margin-bottom:16px;border:2px dashed var(--border);transition:all 0.2s ease;box-shadow:var(--shadow)}.upload-section.hidden{display:none}.upload-section:hover{border-color:var(--accent)}.upload-section.dragover{border-color:var(--accent);background:var(--accent-light)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.upload-icon{color:var(--text-secondary);opacity:0.7}.upload-icon .icon{width:48px;height:48px}.upload-btn{background:var(--accent);color:white;border:none;padding:12px 28px;border-radius:8px;font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:8px}.upload-btn:hover{background:var(--accent-hover)}.upload-hint{color:var(--text-secondary);font-size:0.85rem}#fileInput{display:none}.search-section{margin-bottom:12px;display:none}.search-section.visible{display:flex;align-items:end;justify-content:space-between;gap:8px}.search-wrapper{position:relative;width:100%}.search-input{padding:10px 16px 10px 44px;background:var(--bg-secondary);border:1px solid var(--border-input);border-radius:var(--border-radius1);color:var(--text-primary);font-size:0.95rem;transition:all 0.2s ease;box-shadow:var(--shadow);width:100%;height:40px}.search-input:focus{outline:none;border-color:var(--accent-cyan-border);box-shadow:0 0 10px var(--accent-glow)}.search-input::placeholder{color:var(--text-secondary)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-stats{margin-top:8px;color:var(--text-secondary);font-size:0.85rem;padding-left:4px;display:none}.category-filter{margin-top:12px;width:100%}.category-label{color:var(--text-secondary);font-size:0.85rem;font-weight:500}.category-select.empty{color:var(--text-secondary)}.category-select{appearance:none;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-input);border-radius:var(--border-radius1);color:var(--text-primary);font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;box-shadow:var(--shadow);backdrop-filter:blur(5px);width:100%;height:40px}.category-select:focus{outline:none;border-color:var(--accent-cyan-border);box-shadow:0 0 10px var(--accent-glow)}.category-select:hover{border-color:var(--accent)}.category-select option{background-color:var(--card-bg);color:var(--text-primary);padding:8px}.sort-btn{width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;flex-shrink:0;color:var(--text-secondary)}.sort-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.sort-btn.active{background:var(--card-bg);border-color:var(--accent-cyan-border);color:var(--text-primary)}.sort-btn .icon{width:20px;height:20px}.sort-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--border-radius3);box-shadow:0 4px 12px rgba(0,0,0,0.15);min-width:200px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s;font-size:0.9rem}.sort-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.sort-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background 0.2s}.sort-menu-item:hover{background:var(--bg-hover)}.sort-menu-item:first-child{border-radius:8px 8px 0 0}.sort-menu-item:last-child{border-radius:0 0 8px 8px}.sort-menu-item .icon{width:18px;height:18px;flex-shrink:0}.sort-menu-item .checkmark{opacity:0;transition:opacity 0.2s}.sort-menu-item.active .checkmark{opacity:1;color:var(--primary-color)}.filter-tabs{display:flex;gap:8px;margin-bottom:12px}.filter-tabs.hidden{display:none}.filter-tab{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius1);cursor:pointer;font-size:0.85rem;color:var(--text-secondary);transition:all 0.2s ease;display:flex;align-items:center;gap:6px}.filter-tab:hover{border-color:var(--accent);color:var(--accent)}.filter-tab.active{border-color:var(--accent-cyan-border);color:var(--text-main);box-shadow:0 0 15px var(--accent-glow),inset 0 0 10px rgba(0,210,255,0.1)}.filter-tab .count{background:var(--bg-count);color:var(--text-alt);padding:2px 6px;border-radius:var(--border-radius1);font-size:0.75rem}.filter-tab.active .count{background:#00d2ff33;color:var(--accent-cyan-text)}#visualizer{position:absolute;left:22px;bottom:23px;opacity:0.9;width:100px;height:100px;z-index:1;transition:0.5s;border-radius:var(--border-radius1)}.player-section{background:var(--card-bg);border-radius:var(--border-radius1);padding:20px;margin-bottom:16px;display:none;border:1px solid var(--success);box-shadow:var(--shadow);position:relative}.player-section.visible{display:block;position:fixed;bottom:27px;z-index:10;width:calc(100% - 82px);max-width:758px;border-color:var(--accent-cyan-border);color:var(--text-main);box-shadow:0 0 15px var(--accent-glow),inset 0 0 10px rgba(0,210,255,0.1)}.now-playing{display:flex;align-items:center;gap:16px;z-index:10}.station-logo{width:100px;height:100px;background:var(--accent-light);border-radius:var(--border-radius1);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid var(--border);color:var(--accent);opacity:1}.station-logo img{width:100%;height:100%;object-fit:cover}.station-logo .icon{width:28px;height:28px;color:#7c7c7d}.playing .station-logo svg{display:none}.station-info{flex:1;min-width:0;display:flex;flex-direction:column;height:101px;margin-top:-2px;justify-content:space-between;transition:0.3s}.station-name{font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.station-meta{font-size:0.9rem;display:flex;align-items:center;gap:12px;flex-wrap:wrap;overflow:hidden}#trackName{height:50px;overflow:hidden}.station-group{color:var(--text-secondary);font-size:0.85rem;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;visibility:hidden;opacity:0;transition:0.3s}.big .station-group{visibility:visible;opacity:1}.station-group:empty{display:none}.player-controls{display:grid;align-items:center;gap:12px;width:200px}.nav-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.pod-nav-controls{display:flex;align-items:center;gap:8px;width:100%;justify-content:space-between}.nav-btn{width:40px;height:40px;background:var(--bg-primary);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-btn:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent);transform:scale(1.05)}.nav-btn:active{transform:scale(0.95)}.nav-btn:disabled{opacity:0.4;cursor:not-allowed;transform:none}.nav-btn:disabled:hover{background:var(--bg-primary);border-color:var(--border);color:var(--text-secondary)}.nav-btn .icon{width:18px;height:18px}.play-btn{width:52px;height:52px;background:var(--accent);border:none;border-radius:50%;color:white;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.play-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.play-btn .icon{width:22px;height:22px}.play-btn.loading .icon{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.favorite-btn{width:40px;height:40px;background:var(--bg-primary);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.favorite-btn:hover{background:var(--bg-secondary);border-color:var(--favorite);color:var(--favorite);transform:scale(1.05)}.favorite-btn.active{background:var(--favorite);border-color:var(--favorite);color:white}.favorite-btn .icon{width:18px;height:18px}.volume-control{display:flex;align-items:center;gap:8px;color:var(--text-secondary);border:1px solid var(--border);padding:10px 13px;border-radius:var(--border-radius2);height:40px;transition:all 0.2s ease}.volume-control:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent);transform:scale(1.05)}.volume-slider{width:100px;height:5px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:3px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.status-indicator{display:flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--border);border-radius:var(--border-radius1);font-size:0.75rem;font-weight:500;background:var(--card-bg);transition:0.3s}.status-indicator.playing{color:#00ff88}.status-indicator.loading,.status-indicator.buffering,.status-indicator.waiting,.status-indicator.reconnecting{color:#fef3c7}.status-indicator.stopped{color:var(--text-secondary)}.status-indicator.error,.status-indicator.unavailable{color:var(--error)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-indicator.playing .status-dot,.status-indicator.loading .status-dot,.status-indicator.buffering .status-dot,.status-indicator.reconnecting .status-dot{animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}.stream-link{display:inline-flex;align-items:center;justify-content:center;margin-left:3px;color:var(--text-secondary);opacity:0.7;transition:opacity 0.2s,color 0.2s;cursor:pointer;text-decoration:none;border-radius:4px}.stream-link.mob{display:none}.stream-link:hover{opacity:1;color:var(--primary);background:rgba(var(--primary-rgb),0.1)}.proxy .stream-link{color:#ffa3a3}.playlist-section{flex:1;display:none;min-height:0}.playlist-section.visible{display:flex;flex-direction:column}.playlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0;position:relative}.playlist-title{font-size:1rem;font-weight:400;color:var(--text-primary);display:flex;align-items:center;gap:8px}.playlist-left{display:flex;gap:10px}.playlist-actions{display:flex;gap:8px;align-items:center}.playlist-count{background:#e8eef50a;color:var(--text-secondary);padding:7px 12px;border-radius:var(--border-radius1);font-size:0.8rem;font-weight:500}#moreBtn{display:none}.playlist-container{flex:1;overflow-y:auto;min-height:200px;max-height:calc(100vh - 470px);position:relative;will-change:scroll-position;transition:opacity 0.2s}.playlist-container::-webkit-scrollbar{width:5px}.playlist-container::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}.playlist-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.playlist-container::-webkit-scrollbar-thumb:hover{background:var(--accent)}.playlist-viewport{position:relative}.playlist{position:absolute;left:0;right:0;display:flex;flex-direction:column;gap:6px;will-change:transform}.station-item.empty{opacity:0;height:33px}.station-item{background:var(--bg-secondary);border-radius:var(--border-radius1);padding:12px 14px;margin-right:1px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all 0.15s ease;border:1px solid var(--border);height:66px;box-sizing:border-box;position:relative;contain:layout style paint}.station-item:hover{border-color:var(--accent);background:var(--accent-light)}.station-item.active{border-color:var(--accent);background:var(--accent-light)}.station-item.playing{border-color:var(--accent-cyan-border);color:var(--text-main);box-shadow:0 0 7px var(--accent-glow),inset 0 0 10px #00d2ff1a}.station-item.unavailable{opacity:0.6}.station-item.unavailable::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 10px,#ef44440d 10px,#fa0b0b69 20px);border-radius:var(--border-radius1);pointer-events:none}.item-icon{width:42px;height:42px;background:var(--bg-primary);border-radius:var(--border-radius1);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid var(--border);color:var(--text-secondary);filter:brightness(72%);transition:0.5s}.station-item:hover .item-icon{filter:brightness(100%)}.station-item.active .item-icon{filter:brightness(100%)}.item-icon img{width:100%;height:100%;object-fit:cover}.item-info{flex:1;min-width:0}.item-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px;color:var(--text-primary);font-size:0.95rem}.item-group{color:var(--text-secondary);font-size:0.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-group:empty{display:none}.item-actions{display:flex;align-items:center;gap:8px}.item-favorite{width:24px;height:24px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;padding:0}.item-favorite:hover{color:var(--favorite);transform:scale(1.2)}.item-favorite.active{color:var(--favorite)}.item-status{color:var(--text-secondary);flex-shrink:0;height:20px}.station-item.playing .item-status{color:var(--success)}.unavailable-badge{background:var(--error);color:white;padding:2px 6px;border-radius:4px;font-size:0.65rem;font-weight:500;margin-left:8px}.history-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.history-date{color:var(--text-secondary);font-size:0.75rem}.history-count{background:var(--accent-light);color:var(--accent);padding:1px 6px;border-radius:var(--border-radius1);font-size:0.7rem;font-weight:500}.empty-state{text-align:center;padding:48px 20px;color:var(--text-secondary)}.empty-state .icon{width:48px;height:48px;margin-bottom:16px;opacity:0.5}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:7px 14px;border-radius:var(--border-radius1);cursor:pointer;font-size:0.8rem;font-weight:500;transition:all 0.2s ease;display:flex;align-items:center;gap:6px}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-secondary.hidden{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(150px);background:var(--card-bg);color:var(--text-primary);padding:14px 24px;border-radius:var(--border-radius1);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:transform 0.3s ease;z-index:9999;font-size:0.9rem;max-width:100%;white-space:pre-line;width:309px}.toast.visible{transform:translateX(-50%) translateY(0)}.toast.error{border-left:4px solid var(--error)}.toast.success{border-left:4px solid var(--success)}.toast.info{border-left:4px solid var(--accent)}.toast.warning{border-left:4px solid var(--warning)}.settings-menu{position:absolute;top:calc(100% + 0.5rem);right:9px;min-width:200px;background:var(--card-bg);border:1px solidvar(--border);border-radius:var(--border-radius3);padding:0.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s ease;z-index:1000;box-shadow:0 10px 40px rgba(0,0,0,0.3)}.settings-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.settings-menu-item{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;border-radius:var(--border-radius1);cursor:pointer;transition:all 0.2s ease;color:var(--text-primary)}.settings-menu-item:hover{background:var(--bg-count)}.settings-menu-item svg{width:20px;height:20px;color:var(--text-secondary)}.settings-menu-item span{font-size:0.938rem}.btn-info{position:absolute;top:10px;right:10px;background:transparent;color:#fff;border:0px solid #494949;padding:5px 10px;border-radius:5px}.btn-info span{display:none}.btn-info svg{fill:var(--text-secondary);width:30px;height:30px;z-index:9;cursor:pointer}.intro{text-align:center;margin-top:20px;border-top:1px solid #666;padding-top:20px}.playlist-temp{text-decoration:underline;cursor:pointer}.btn-settings{position:absolute;top:10px;right:10px;background:transparent;color:var(--text-primary);border:0px solid var(--border);padding:5px 10px;border-radius:var(--border-radius1)}.btn-settings svg{fill:var(--text-secondary);width:20px;height:20px;z-index:9;cursor:pointer}#settingsBtn{background:#fff0;border:0px solid #666;border-radius:100%;width:35px;height:35px}@media (max-width:600px){body{padding:0}body::after{right:0%}h1 svg{display:none}.icon-sm{width:20px;height:20px}.search-icon{display:none}.search-input{padding-left:14px}.app{transition:transform 0.3s ease-out;will-change:transform}.app.header-mini{transform:translateY(-60px)}.app.header-mini.header-hidden{transform:translateY(-160px)}.app.header-hidden{transform:translateY(-100px)}.app.header-mini #playlistContainer{max-height:calc(100dvh - 360px)}.app.header-hidden #playlistContainer{max-height:calc(100dvh - 235px)}.app.header-hidden.header-mini #playlistContainer{max-height:calc(100dvh - 267px)}.app{padding:12px;height:calc(100dvh + 160px);border-radius:0}.header{padding:14px 0}.header h1{font-size:1.4rem}.now-playing{flex-wrap:wrap;align-items:start}.station-info{order:1;width:calc(100% - 80px)}.player-controls{display:flex;order:2;width:100%;justify-content:center;margin-top:0px;padding-top:12px;border-top:1px solid var(--border);gap:8px}.nav-controls{gap:25px;width:100%;justify-content:start}.nav-btn{width:36px;height:36px}.play-btn{width:48px;height:48px;order:-5}.volume-control{display:none}.pod-nav-controls{width:auto}.playlist-actions{flex-wrap:wrap;width:160px;justify-content:end;margin-left:10px;position:absolute;right:0px;z-index:11;top:45px;background:var(--card-bg);border:1px solid var(--border);padding:14px 20px;border-radius:var(--border-radius3);visibility:hidden;opacity:0;transition:opacity 0.3s}.playlist-actions.show{visibility:visible !important;opacity:1}.playlist-actions button{width:100% !important;margin:5px 0}.playlist-container{max-height:calc(100dvh - 425px)}.player-section.visible{left:12px;width:calc(100% - 24px);padding:10px;margin-bottom:0px;bottom:7px;transform:translateY(-160px);transition:transform 0.3s ease-out}.app.header-hidden .player-section.visible{transform:translateY(-60px)}.app.header-hidden.header-mini .player-section.visible{transform:translateY(0px)}.app.header-mini .player-section.visible{transform:translateY(-100px)}.player-section.big .station-info{height:120px;justify-content:start}.big .station-name,.big .station-meta{white-space:unset;height:auto !important;word-break:break-all}.big .station-logo{width:100px;height:100px}.big#stationGroup{display:flex;word-break:initial;height:auto;white-space:wrap;font-size:0.8rem}.station-info{height:60px;margin-top:-5px}.station-logo{width:55px;height:55px;transition:0.5s}.station-name{font-size:1rem}.station-meta{font-size:0.8rem}#stationGroup{display:none}.status-indicator{position:absolute;right:11px;bottom:58px}#filterTabs .txt{display:none}.filter-tabs{justify-content:space-between}.filter-tab{width:100%;justify-content:center;padding:8px 10px}.playlist-header button{width:auto}.playlist-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-item{height:66px;padding:8px 10px}.favorite-btn{width:36px;height:36px}#moreBtn{display:flex;width:40px;padding:0;height:40px;justify-content:center}.toast.visible{transform:translateX(-50%) translateY(-43px)}.stream-link{display:none}.stream-link.mob{display:inline-flex}#visualizer{left:10px;bottom:88px;opacity:0.9;width:55px;height:55px;display:none}.playing #visualizer{display:block}.big #visualizer{left:10px;bottom:103px;opacity:0.9;width:100px;height:100px}#viewMore{display:flex;background:var(--bg-secondary);align-items:center;justify-content:center;width:40px;flex-shrink:0}#viewMore svg{transform:rotate(180deg)}.app.header-hidden #viewMore svg{transform:rotate(0deg)}.big .status-indicator{bottom:82px;transform:scale(1.2);right:20px}.btn-settings{right:3px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;padding:20px}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--card-bg);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.5);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(0.9);transition:transform 0.3s}.modal-overlay.active .modal{transform:scale(1)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-header h3{margin:0;font-size:1.25rem;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;transition:all 0.2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-form{padding:24px;overflow-y:auto;flex:1}.form-group{margin-bottom:20px}.form-group:last-of-type{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:0.9rem}.required{color:var(--accent)}.form-group input[type="text"],.form-group input[type="url"]{width:100%;padding:12px 14px;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--border-radius1);color:var(--text-primary);font-size:0.95rem;transition:all 0.2s;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--accent);background:var(--bg-primary)}.form-group input::placeholder{color:var(--text-secondary);opacity:0.6}.form-hint{display:block;margin-top:6px;font-size:0.8rem;color:var(--text-secondary);line-height:1.4}.form-actions{display:flex;gap:12px;padding-top:4px}.add .btn-primary,.add .btn-secondary{padding:12px 20px;border-radius:var(--border-radius1);font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.2s;border:none;display:flex;align-items:center;gap:8px;justify-content:center;font-family:inherit;background:var(--accent)}.add .btn-primary{background:var(--accent);color:white;flex:1}.add .btn-primary:hover{background:var(--accent-hover)}.add .btn-primary:active{transform:translateY(0)}.add .btn-secondary{background:#ffffff78;color:#000;min-width:100px}.add .btn-secondary:hover{background:#fff}.add .btn-add-station{background:var(--accent);color:white;padding:10px 16px;border-radius:var(--border-radius1);font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s;border:none;display:flex;align-items:center;gap:6px}.add .btn-add-station:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,72,72,0.3)}@media (max-width:600px){.modal{max-width:100%;border-radius:16px 16px 0 0;max-height:85vh}.modal-header{padding:16px 20px}.modal-form{padding:20px}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}#yandex-warning{position:fixed;bottom:8px;left:0%;background:#ffefef;color:#d00;padding:15px 20px;border:1px solid #fcc;border-radius:12px;text-align:center;font-size:15px;max-width:100%;margin:0 12px;z-index:9999;display:flex;flex-direction:column;gap:12px;align-items:center}#yandex-warning strong{font-size:16px}#yandex-warning button{background:#d00;color:white;border:none;padding:10px 24px;border-radius:8px;font-size:15px;cursor:pointer;margin-top:4px;transition:background 0.2s}#yandex-warning button:hover{background:#b00000}#yandex-warning button:active{background:#900000}