/* LingoRhythm Musik 1.0.0 – MOBILE FIRST: Basis = kleine Leiste unten links; ab 961px im Header (vor dem Shop-Button). */
.lrm{position:fixed;left:max(12px,env(safe-area-inset-left,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:4px;padding:4px;background:var(--paper,#FFFBF4);border:1px solid var(--sand,#EADFCB);border-radius:999px;box-shadow:0 14px 32px -16px rgba(122,82,46,.55);font-family:var(--body,"Nunito",system-ui,sans-serif);color:var(--ink,#201E1D)}
.lrm[hidden]{display:none}
.lrm button{-webkit-appearance:none;appearance:none;margin:0;border:0;padding:0;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:transparent;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}
.lrm button:focus-visible{outline:3px solid var(--peach,#F6A06B);outline-offset:2px}
.lrm .lrm-play{background:var(--terra,#C67139);color:#fff}
.lrm .lrm-play svg{width:20px;height:20px;display:block}
.lrm .lrm-i-pause{display:none}
.lrm.is-on .lrm-i-play{display:none}
.lrm.is-on .lrm-i-pause{display:block}
.lrm-eq{display:flex;align-items:flex-end;gap:3px;height:20px}
.lrm-eq i{display:block;width:4px;height:45%;border-radius:2px;background:var(--terra,#C67139)}
.lrm-eq i:nth-child(2){background:var(--olive,#7A8A5E);height:75%}
.lrm-eq i:nth-child(3){background:var(--peach,#F6A06B);height:35%}
.lrm-eq i:nth-child(4){height:60%}
.lrm.is-on .lrm-eq i{animation:lrm-beat .9s ease-in-out infinite alternate}
.lrm.is-on .lrm-eq i:nth-child(2){animation-delay:-.3s}
.lrm.is-on .lrm-eq i:nth-child(3){animation-delay:-.6s}
.lrm.is-on .lrm-eq i:nth-child(4){animation-delay:-.15s}
@keyframes lrm-beat{from{height:25%}to{height:100%}}

/* Panel: Song, Lautstärke, nächster Song */
.lrm-panel{position:absolute;left:0;bottom:calc(100% + 10px);width:min(290px,calc(100vw - 24px));display:grid;gap:10px;padding:14px 16px;background:var(--paper,#FFFBF4);border:1px solid var(--sand,#EADFCB);border-radius:18px;box-shadow:0 18px 40px -24px rgba(122,82,46,.55)}
.lrm-panel[hidden]{display:none}
.lrm-song{margin:0;font-weight:800;font-size:15px;line-height:1.3}
.lrm-song small{display:block;margin-top:2px;font-weight:700;font-size:14px;color:var(--soft,#6B625B)}
.lrm-vol{display:grid;gap:2px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--olive-d,#5C6B43)}
.lrm-vol input{width:100%;height:44px;margin:0;accent-color:var(--terra,#C67139);background:transparent;cursor:pointer}
.lrm .lrm-next{width:auto;height:auto;min-height:44px;justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;border:2px solid var(--sand2,#DCCBB0);font-weight:800;font-size:15px;color:var(--terra-t,#9C5126)}
.lrm .lrm-next svg{width:18px;height:18px;flex:none}

/* Ladebalken beim Seitenwechsel und Vorlese-Hinweis */
.lrm-bar{position:fixed;top:0;left:0;z-index:100;height:3px;width:0;background:var(--terra,#C67139);opacity:0;pointer-events:none}
html.lrm-busy .lrm-bar{opacity:1;animation:lrm-load 8s cubic-bezier(.1,.7,.2,1) forwards}
@keyframes lrm-load{from{width:0}to{width:85%}}
.lrm-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
main[tabindex="-1"]:focus{outline:none}

/* Platz für die Leiste unten, damit sie das Footer-Ende nicht verdeckt */
html.lrm-float .site-footer{padding-bottom:calc(max(36px,env(safe-area-inset-bottom,0px)) + 72px)}

@media (hover:hover){
  .lrm .lrm-play:hover{background:var(--terra-d,#A4572A)}
  .lrm .lrm-more:hover,.lrm .lrm-next:hover{background:var(--terra-tint,#F8E6D8)}
}

/* Desktop: im Header */
@media (min-width:961px){
  .hd .lrm{position:relative;left:auto;bottom:auto;z-index:auto;background:transparent;box-shadow:none}
  .hd .lrm .lrm-panel{left:auto;right:0;bottom:auto;top:calc(100% + 12px)}
}

@media (prefers-reduced-motion:reduce){
  .lrm.is-on .lrm-eq i{animation:none}
  html.lrm-busy .lrm-bar{animation:none;width:85%}
}
@media print{.lrm,.lrm-bar{display:none!important}}