.listening-tools{margin:24px 0;padding:26px;border:1px solid var(--line);border-radius:18px;background:#191612;color:#eee4d7}.listening-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.listening-grid article{min-width:0;padding:20px;border:1px solid #3b3328;border-radius:12px;background:#211d17}.listening-grid h3{margin:0 0 12px;font-size:18px}.listening-grid p{font-size:13px;line-height:1.6;color:#baad9a}.listening-grid label{display:block;margin:12px 0}.listening-grid input:not([type=file]),.listening-grid textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #4c4030;border-radius:8px;background:#14120f;color:#eee4d7}.listening-grid button{padding:9px 12px;margin:4px 4px 4px 0;border:1px solid #5b472b;border-radius:8px;background:#2c2419;color:#f0bd65}.listening-grid button:disabled{opacity:.5}.device-playlist{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;overflow-wrap:anywhere}.device-playlist img{width:48px;height:48px;object-fit:cover;border-radius:8px}.device-playlist span{flex:1;min-width:100px}#lyrics-display{max-height:240px;overflow:auto;scroll-behavior:smooth}#lyrics-display p{margin:8px 0}.current-lyric{color:#ffb52e!important;font-weight:bold}#connection-state{font-size:12px;color:#baad9a}.focus-mode .listening-tools{display:none}@media(max-width:640px){.listening-tools{padding:16px}.listening-grid{grid-template-columns:1fr}.listening-grid article{padding:16px}}
.listening-grid input[type=file]{max-width:100%;width:100%;min-width:0;font-size:12px}.audio-matches{display:grid;gap:8px;margin-top:12px}.audio-matches button{text-align:left;overflow-wrap:anywhere}