.faim-listen{position:sticky;bottom:12px;z-index:50;display:flex;align-items:center;gap:12px;
  margin:16px 0;padding:10px 14px;border-radius:16px;box-sizing:border-box;
  background:#0b1220;border:1px solid #16d9ee55;color:#e8f6ff;box-shadow:0 6px 24px #0008;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.faim-listen *{box-sizing:border-box}
.faim-listen-main{flex:none;width:48px;height:48px;padding:0;border-radius:50%;border:0;cursor:pointer;
  font-size:18px;line-height:1;color:#06101a;background:linear-gradient(135deg,#16d9ee,#ff3d9a)}
.faim-listen-body{flex:1;min-width:0}
.faim-listen-title{font-size:14px;font-weight:600;color:#e8f6ff}
.faim-listen-bar{height:4px;margin-top:8px;border-radius:4px;background:#ffffff1f;overflow:hidden}
.faim-listen-bar span{display:block;height:100%;width:0;background:#16d9ee;transition:width .4s}
.faim-listen-note{margin-top:6px;font-size:12px;color:#ff8cc4;min-height:0}
.faim-listen-note:empty{display:none}
.faim-listen-rate{background:#12203a;color:#e8f6ff;border:1px solid #ffffff2a;border-radius:8px;padding:6px;font-size:13px}
.faim-listen-stop{background:none;border:0;color:#ff3d9a;font-size:18px;cursor:pointer;padding:6px}
.faim-listen button:focus-visible,.faim-listen select:focus-visible{outline:2px solid #16d9ee;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.faim-listen-bar span{transition:none}}