/* clean.css — финальные переопределения (подключён последним) */
@media (min-width:901px){#sine-wrap{width:min(820px,92vw,calc((100vh - 330px)*1.5625));margin:16px auto 0;}}
@media (max-width:900px){#sine-wrap{width:100%;}}
#left-panel{overflow-y:auto !important;min-height:0 !important;scrollbar-width:thin;}
@media (min-width:901px){#player-controls{position:fixed;top:16px;right:280px;bottom:auto;z-index:300;display:flex !important;align-items:center;gap:10px;width:auto;margin:0;padding:4px 12px;background:rgba(8,12,20,.65);border:1px solid rgba(120,160,220,.18);border-radius:14px;backdrop-filter:blur(10px);}}
@media (min-width:901px){#play-button{width:40px;height:40px;font-size:14px;box-shadow:0 4px 14px rgba(0,0,0,.45);}}
@media (min-width:901px){#volume-box{margin:0;}#volume-box svg{width:14px;height:14px;}#volume-box input[type=range]{width:90px;}}
@media (min-width:901px){#onair-box{display:none !important;}}
@media (min-width:901px){#player-controls #play-button{width:46px;height:34px;border-radius:10px;font-size:13px;box-shadow:0 3px 10px rgba(0,0,0,.4);}}
@media (min-width:901px){#player-controls #volume-box input{width:80px;}#player-controls #volume-box svg{width:14px;height:14px;}}
#footer{padding-right:calc(var(--right-panel-width) + var(--gap-xl));}
@media (min-width:901px){#footer{padding-left:calc(240px + var(--gap-xl));}}

/* ===== MOBILE: компактная пилюля плеера внизу ===== */
@media (max-width:900px){
  #player-controls{
    position:fixed;left:10px;right:10px;bottom:10px;top:auto;
    display:flex !important;align-items:center;gap:10px;
    margin:0;padding:8px 12px;
    background:rgba(8,12,20,.85);
    border:1px solid rgba(120,160,220,.18);border-radius:14px;
    backdrop-filter:blur(10px);z-index:300;
  }
  #volume-box{flex:1 1 auto;min-width:0;margin:0;}
  #volume-box svg{width:16px;height:16px;flex:none;}
  #volume-box input[type=range]{width:100%;}
  #player-controls #play-button{
    flex:0 0 46px;width:46px;height:34px;
    border-radius:10px;font-size:13px;
  }
  .quality-selector{margin-left:0;gap:4px;flex:none;}
  .quality-btn{padding:6px 9px;font-size:12px;}
  #onair-box{display:none !important;}
}