.demo{background:var(--surface);color:var(--ink);border-radius:24px;padding:28px 28px 20px}.demo-text{color:var(--ink);font-size:20px;line-height:1.7}.demo-text .speaker{letter-spacing:.9px;text-transform:uppercase;color:var(--muted);white-space:nowrap;margin-right:.35em;font-size:.66em;font-weight:600}.demo-text .w{cursor:pointer;border-radius:.3em;transition:background-color .12s}.demo-text .w.on{background:var(--hero-bg);color:var(--hero-ink);box-shadow:0 0 0 .16em var(--hero-bg)}.demo-player{align-items:center;gap:14px;margin-top:22px;display:flex}.demo-toggle{background:var(--hero-bg);width:44px;height:44px;color:var(--primary);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.demo-toggle:hover{background:var(--hero-shape,var(--hero-bg))}.demo-toggle:disabled{opacity:.6;cursor:progress}.demo-toggle svg{width:18px;height:18px}.demo-time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.demo-range{cursor:pointer;appearance:none;background:0 0;flex:1;min-width:0;height:24px;margin:0}.demo-range:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}.demo-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--primary) var(--fill,0%), var(--line) var(--fill,0%));border-radius:2px;height:4px}.demo-range::-moz-range-track{background:var(--line);border-radius:2px;height:4px}.demo-range::-moz-range-progress{background:var(--primary);border-radius:2px;height:4px}.demo-range::-webkit-slider-thumb{appearance:none;background:var(--primary);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.demo-range::-moz-range-thumb{background:var(--primary);border:0;border-radius:50%;width:14px;height:14px}.demo-read{color:var(--muted);margin-top:14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.demo-read:hover{color:var(--primary)}.hero .demo p.demo-error{color:var(--danger);max-width:none;margin:12px 0 0;font-size:13px}@media (prefers-reduced-motion:reduce){.demo-text .w{transition:none}}