.yso-tts{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;margin:1rem 0;padding:.5rem .75rem;border:1px solid #e6e6e6;border-radius:8px;background:#fff;white-space:nowrap;overflow:hidden;line-height:1.25}
.yso-tts .yso-badge{font-weight:800;display:flex;align-items:center;gap:.35rem}.yso-tts .yso-badge .icon{line-height:1}
.yso-tts .yso-btn{width:36px;height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid rgba(0,0,0,.15);border-radius:.5rem;background:transparent;cursor:pointer;line-height:1;font-size:18px;text-align:center}
.yso-tts .yso-toggle.is-pause{font-size:19px;transform:translateY(-.5px)}.yso-tts .yso-counter{display:none!important}
.yso-tts .yso-timer{min-width:60px;text-align:center;font-variant-numeric:tabular-nums}
.yso-tts .yso-speedbox{display:flex;align-items:center;gap:.25rem;border:1px solid rgba(0,0,0,.12);border-radius:6px;padding:2px 6px;background:#fafafa;margin:0 2px}
.yso-tts .yso-speedbox .yso-speed-view{min-width:44px;text-align:center;font-variant-numeric:tabular-nums}
.yso-tts .yso-speedbox .yso-btn{border:1px solid rgba(0,0,0,.15);width:28px;min-width:28px;height:28px;font-size:16px;padding:0}
@media (prefers-color-scheme: dark){.yso-tts{border-color:rgba(255,255,255,.12);background:#111}.yso-tts .yso-btn{border-color:rgba(255,255,255,.25);color:inherit}.yso-tts .yso-speedbox{border-color:rgba(255,255,255,.18);background:#1a1a1a}.yso-tts .yso-speedbox .yso-btn{border-color:rgba(255,255,255,.25)}}
.yso-read-highlight{background:rgba(255,196,0,.35);border-radius:.25em;padding:.05em .08em;transition:background .2s ease}
@media (prefers-color-scheme: dark){.yso-read-highlight{background:rgba(255,196,0,.28)}}