/* Flash audio — essai réversible (retrait : 2 lignes dans index.html) */
#atPod{position:fixed;left:18px;bottom:18px;z-index:9996;display:flex;align-items:center;gap:8px;width:300px;max-width:calc(100vw - 20px);box-sizing:border-box;padding:5px 12px 5px 6px;border-radius:999px;background:#1d1a16;color:#f3e9d2;border:1px solid #c8962e;box-shadow:0 4px 14px rgba(0,0,0,.35);font:13px/1.2 system-ui,sans-serif;transition:bottom .2s,left .2s}
#atPod button{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:#c8962e;color:#1d1a16;font-size:14px;cursor:pointer}
#atPod .t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#atPod .t small{opacity:.7;margin-left:4px}
#atPod .eq{flex:none;display:none;align-items:flex-end;gap:2px;height:16px}
#atPod .eq i{width:3px;background:#c8962e;border-radius:1px;animation:atEq 0.9s ease-in-out infinite}
#atPod .eq i:nth-child(2){animation-delay:.2s}#atPod .eq i:nth-child(3){animation-delay:.4s}#atPod .eq i:nth-child(4){animation-delay:.1s}
#atPod.on .eq{display:flex}
@keyframes atEq{0%,100%{height:3px}50%{height:16px}}
#atPod a{flex:none;cursor:pointer}
/* barre de progression animée : haut de la page, visible uniquement pendant l'écoute */
#atPodBar{position:fixed;top:0;left:0;right:0;height:26px;z-index:99999;display:none;pointer-events:none}
#atPodBar.on{display:block}
#atPodBar .rail{position:absolute;top:0;left:0;right:0;height:4px;background:rgba(200,150,46,.25)}
#atPodBar .fill{height:100%;width:0;background:repeating-linear-gradient(115deg,#c8962e 0 10px,#e6b955 10px 20px);background-size:28px 100%;animation:atSlide 1s linear infinite;transition:width .3s linear}
#atPodBar .lbl{position:absolute;top:5px;right:10px;padding:2px 8px;border-radius:0 0 8px 8px;background:#1d1a16;color:#f3e9d2;font:11px system-ui,sans-serif}
@keyframes atSlide{to{background-position:28px 0}}
#atPod a.opt{font-size:16px;opacity:.9;text-decoration:none}
#atPodPanel{position:fixed;left:18px;width:300px;max-width:calc(100vw - 20px);box-sizing:border-box;max-height:55vh;overflow:auto;z-index:9996;display:none;padding:10px 14px;border-radius:12px;background:#1d1a16;color:#f3e9d2;border:1px solid #c8962e;font:13px/1.5 system-ui,sans-serif}
#atPodPanel.open{display:block}
#atPodPanel .row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#atPodPanel .langs button{flex:1;padding:5px 0;border-radius:8px;border:1px solid #c8962e;background:transparent;color:#f3e9d2;cursor:pointer;font-size:13px}
#atPodPanel .langs button.on{background:#c8962e;color:#1d1a16;font-weight:600}
#atPodPanel input[type=range]{flex:1;accent-color:#c8962e}
#atPodPanel a.tx{text-decoration:underline;cursor:pointer;opacity:.8;font-size:12px}
#atPodPanel .txt{display:none;white-space:pre-line;font-size:12.5px;opacity:.9}
@media(prefers-reduced-motion:reduce){#atPod .eq i,#atPodBar .fill{animation:none}}