.demo-player[data-demo-player]{margin:28px auto;padding:22px 24px;background:linear-gradient(135deg,#151f38,#101827);border:1px solid #35507e;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.demo-player h2{margin:0 0 7px;text-align:left;font-size:22px}.demo-player p{margin:0 0 16px;color:var(--muted,#aeb8cf);line-height:1.55}.demo-player audio{display:block;width:100%;height:42px;margin:14px 0 13px;color-scheme:dark}
.demo-tracks,.demo-voices,.demo-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.demo-tracks{margin-bottom:11px}.demo-voices{margin-bottom:3px}.demo-label,.demo-controls>span{margin-right:3px;color:var(--muted,#aeb8cf);font-size:13px;font-weight:700}.demo-choice,.demo-rate{appearance:none;border:1px solid var(--line,#354567);border-radius:999px;background:transparent;color:var(--text,#e8edf7);padding:7px 11px;font:700 13px/1 inherit;cursor:pointer}.demo-choice[aria-pressed=true],.demo-rate[aria-pressed=true]{border-color:var(--accent,#9cff57);background:var(--accent,#9cff57);color:#06210a}.demo-voices[data-inactive]{opacity:.4}.demo-voices[data-inactive] .demo-choice{cursor:default}.demo-open{margin-left:auto;color:var(--accent,#9cff57);font-size:13px;font-weight:800;text-decoration:none}
@media(max-width:560px){.demo-player[data-demo-player]{padding:19px 17px}.demo-player h2{font-size:20px}.demo-open{width:100%;margin:5px 0 0;text-align:center}.demo-controls{justify-content:center}.demo-tracks,.demo-voices{justify-content:flex-start}}