.iv-reader{max-width:760px;margin:0 auto;background:linear-gradient(180deg,#17171c,#121216);border:1px solid rgba(201,168,76,.16);border-radius:18px;padding:28px 30px 16px;box-shadow:0 30px 80px -40px #000}
.iv-reader__text{font-family:'Playfair Display',Georgia,serif;font-size:1.22rem;line-height:2.05;color:#8a8a90;max-height:46vh;overflow-y:auto;padding-right:8px;scroll-behavior:smooth}
.iv-reader__w{transition:color .15s,text-shadow .15s;border-radius:4px;cursor:pointer}
.iv-reader__w.is-read{color:#cfcdd4}
.iv-reader__w.is-active{color:#0a0a0b;background:linear-gradient(180deg,#E8D48B,#C9A84C);box-shadow:0 0 18px -2px rgba(201,168,76,.6);padding:1px 2px}
.iv-reader__bar{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(201,168,76,.12)}
.iv-reader__play{width:46px;height:46px;border-radius:50%;flex:0 0 auto;background:linear-gradient(180deg,#E8D48B,#C9A84C 55%,#A8862F);color:#20180A;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px -8px rgba(201,168,76,.7)}
.iv-reader__play svg{width:18px;height:18px;fill:currentColor}
.iv-reader__time,.iv-reader__dur{font-size:.78rem;color:#84848c;font-variant-numeric:tabular-nums;flex:0 0 auto}
.iv-reader__track{flex:1;height:5px;border-radius:999px;background:rgba(255,255,255,.12);cursor:pointer;position:relative}
.iv-reader__fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:linear-gradient(90deg,#C9A84C,#E8D48B)}
.iv-reader__speed{flex:0 0 auto;background:rgba(255,255,255,.04);border:1px solid rgba(201,168,76,.18);color:#b6b6be;font-size:.78rem;font-weight:600;border-radius:9px;padding:7px 11px;cursor:pointer;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.iv-reader__text,.iv-reader__w{scroll-behavior:auto;transition:none}}