.record-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:18px;border:1px solid #d9cbee;border-radius:16px;background:linear-gradient(120deg,#f4edff,#faf7ff)}.record-card strong{color:#59416c;font-size:16px}.record-card p{margin:6px 0 0;color:#8a749b;font-size:12px}.record-card button{flex-shrink:0}.reverse-players{display:grid;gap:16px;margin-top:20px}.reverse-player{padding:16px;border:1px solid #e5ddef;border-radius:16px;background:#fcfaff}.reverse-player>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.reverse-player output{font-variant-numeric:tabular-nums;color:#9076a1;font-size:12px}.reverse-player canvas{display:block;width:100%;height:90px;margin-top:14px;touch-action:none}.reverse-player input[type=range]{width:100%;accent-color:#6b59d3}.reverse-player audio{display:none}.record-card [hidden]{display:none!important}@media(max-width:640px){.record-card{align-items:stretch;flex-direction:column}.record-card button{width:100%}.reverse-player{padding:12px}}
.reverse-player canvas{color:#9675c3}.reverse-player input[type=range],#speed{appearance:none;height:22px;background:transparent;cursor:pointer}.reverse-player input[type=range]::-webkit-slider-runnable-track,#speed::-webkit-slider-runnable-track{height:5px;border-radius:8px;background:#e5dcf1}.reverse-player input[type=range]::-webkit-slider-thumb,#speed::-webkit-slider-thumb{appearance:none;width:17px;height:17px;margin-top:-6px;border:3px solid #fff;border-radius:50%;background:#aa8dce;box-shadow:0 0 0 1px #d8c6ec}.reverse-player input[type=range]::-moz-range-track,#speed::-moz-range-track{height:5px;border-radius:8px;background:#e5dcf1}.reverse-player input[type=range]::-moz-range-thumb,#speed::-moz-range-thumb{width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:#aa8dce}