.xreverb-stage { background: #441C47 !important; cursor: text; --xr-fs: 80px; }
.xreverb-line { position: absolute; inset: 0 0 44px 0; display: grid; place-items: center; font-family: var(--font-marquee); font-size: var(--xr-fs); line-height: 1; white-space: nowrap; }
.xreverb-line > * { grid-area: 1 / 1; transform-origin: 50% 50%; min-height: 1em; }
.xreverb-echo { pointer-events: none; user-select: none; -webkit-user-select: none; will-change: transform, opacity; }
.xreverb-main { position: relative; color: #F6EEE9; outline: none; caret-color: #DCBF9F; min-width: 0.4em; text-align: center; padding: 0 0.04em; -webkit-user-modify: read-write-plaintext-only; }
.xreverb-main:empty::before { content: '\200b'; }
.xreverb-room { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); display: flex; align-items: center; gap: 12px; width: min(62%, 280px); color: #C9B6CD; font-family: var(--font-body); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; cursor: default; }
.xreverb-room output { min-width: 1.4em; text-align: right; font-variant-numeric: tabular-nums; }
.xreverb-room input { flex: 1; min-width: 0; height: 24px; margin: 0; background: transparent; -webkit-appearance: none; appearance: none; cursor: pointer; touch-action: pan-y; }
.xreverb-room input::-webkit-slider-runnable-track { height: 1px; background: #F6EEE9; opacity: .7; }
.xreverb-room input::-moz-range-track { height: 1px; background: rgba(246,238,233,.7); }
.xreverb-room input::-webkit-slider-thumb { -webkit-appearance: none; width: 9px; height: 9px; margin-top: -4px; border: 1px solid #F6EEE9; background: #441C47; border-radius: 50%; }
.xreverb-room input::-moz-range-thumb { width: 7px; height: 7px; border: 1px solid #F6EEE9; background: #441C47; border-radius: 50%; }
.xreverb-room input:focus-visible { outline: 1px solid #DCBF9F; outline-offset: 2px; }