/* Панель музыки Vibe, общая для главной, галереи и записок */
#lofi{position:fixed;left:50%;bottom:clamp(8px,2.2vh,22px);transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:10px;padding:.32em .75em;background:rgba(5,3,2,.92);border:1px solid var(--edge);border-bottom-width:4px;border-radius:7px;color:var(--amber)}
#lofi[hidden]{display:none}
#lofi.on{border-color:#9dff3c}
#lofi .name{font:700 1.14em/1 var(--mono)}
#lofi.on .name{color:#9dff3c}
.toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;width:68px;height:26px;padding:0;background:var(--black);border:1px solid var(--edge);border-radius:4px;color:var(--amber);font:700 11px/24px var(--mono);overflow:hidden}
.toggle span{position:relative;z-index:1;text-align:center;transition:color .12s}
.toggle::before{content:"";position:absolute;top:0;bottom:0;left:0;width:50%;background:var(--edge);transition:transform .14s steps(3)}
.toggle[aria-checked=true]{border-color:#9dff3c}
.toggle[aria-checked=true]::before{transform:translateX(100%);background:#9dff3c}
.toggle[aria-checked=true] .t-on{color:var(--black)}
.toggle[aria-checked=false] .t-off{color:var(--paper)}
.vol{display:flex;align-items:center;gap:6px}
.vol svg{display:block;width:16px;height:16px;fill:currentColor;flex:none}
#lofi input{width:clamp(70px,8vw,120px);height:18px;margin:0;accent-color:#ff5a00}
#lofi :focus-visible{outline:2px solid var(--paper);outline-offset:1px}