.page-listener{margin:22px 0 26px;max-width:620px;font:400 14px/1.5 Arial,sans-serif;color:#f5f1e7}
.page-listener [hidden]{display:none!important}
.page-listener button,.page-listener select{font:600 14px/1.4 Arial,sans-serif;min-height:44px;border-radius:5px;border:1px solid #ad9259;cursor:pointer}
.page-listener .listen-toggle{display:inline-flex;gap:10px;align-items:center;padding:11px 17px;background:#14251c;color:#efd18b;border-color:#ba9954}
.page-listener .listen-toggle:hover,.page-listener .listen-toggle[aria-expanded=true]{background:#20382a}
.page-listener .listen-toggle svg{width:20px;height:20px;flex-shrink:0}
.page-listener .listen-panel{margin-top:12px;padding:18px;background:#0c1711;border:1px solid #877246;border-radius:7px;box-shadow:0 8px 20px #0003}
.page-listener .listen-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.page-listener .listen-controls button{padding:9px 14px;background:#e5c77c;color:#102519}
.page-listener .listen-controls button:hover:not(:disabled){background:#f0d795}
.page-listener .listen-controls button:disabled{background:#1a2a20;color:#a6b1a6;border-color:#60705f;cursor:default}
.page-listener .listen-speed{display:flex;align-items:center;gap:9px;margin-top:14px}
.page-listener select{padding:8px 25px 8px 10px;background:#f5f0e6;color:#14251c}
.page-listener :is(button,select):focus-visible{outline:3px solid #f5e5b9;outline-offset:4px}
.page-listener .listen-status{margin:14px 0 0!important;font-size:14px!important;color:#f5f1e7!important;line-height:1.5!important}
.page-listener .listen-note,.page-listener .listen-progress{font-size:12px!important;line-height:1.6!important;color:#b9c5ba!important;margin:8px 0 0!important}
.page-listener .listen-progress:empty{display:none}
@media(max-width:480px){.page-listener{width:100%;margin-block:18px}.page-listener .listen-panel{padding:14px}.page-listener .listen-controls{display:grid;grid-template-columns:1fr 1fr}.page-listener .listen-toggle{width:100%;justify-content:center}.page-listener .listen-speed{justify-content:space-between}}
.page-listener .listen-speed select{width:100px;flex:0 0 100px}