.lofi-player { display:flex; flex-direction:column; gap:10px; min-width:0; overflow:hidden; }
.lofi-info { text-align:center; min-width:0; overflow:hidden; }
.lofi-title { font-size:0.82rem; font-weight:700; color:var(--ipad-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; display:block; }
.lofi-count { font-size:0.68rem; color:var(--ipad-text-muted); }
.lofi-controls { display:flex; align-items:center; justify-content:center; gap:6px; }
.lofi-btn { width:34px; height:34px; border-radius:50%; border:1px solid var(--app-sheet-border); background:var(--app-card-bg); display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--ipad-text); transition:all 0.2s; }
.lofi-btn:hover { background:rgba(139,92,246,0.08); }
.lofi-btn.active { background:#8b5cf6; color:#fff; border-color:#8b5cf6; }
.lofi-btn-play { width:40px; height:40px; background:#1e1b2e; color:#fff; border-color:#1e1b2e; }
.lofi-btn-play:hover { background:#2d2a4a; }
.lofi-volume { display:flex; align-items:center; gap:8px; padding:0 4px; }
.lofi-volume input[type="range"] { flex:1; accent-color:#8b5cf6; height:4px; }