.viatutus-reader { margin: 0 0 1.5rem 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.vtr-player { background: #f0faf6; border: 1px solid #b6e8d4; border-radius: 12px; padding: 14px 16px; }
.vtr-player__top { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.vtr-play-btn { width: 40px; height: 40px; border-radius: 50%; background: #1D9E75; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 13px; color: white; flex-shrink: 0; transition: background 0.15s, transform 0.1s; line-height: 1; }
.vtr-play-btn:hover { background: #0F6E56; }
.vtr-play-btn:active { transform: scale(0.95); }
.vtr-player__info { flex: 1; min-width: 0; }
.vtr-player__status { font-size: 12px; color: #555; margin-bottom: 2px; }
.vtr-player__time { font-size: 13px; font-weight: 600; color: #111; }
.vtr-speed-btn { font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 20px; border: 1px solid #b6e8d4; background: white; color: #0F6E56; cursor: pointer; white-space: nowrap; font-family: inherit; transition: background 0.12s; }
.vtr-speed-btn:hover { background: #e1f5ee; }
.vtr-progress { position: relative; height: 5px; background: #c8eadb; border-radius: 3px; cursor: pointer; margin-bottom: 12px; }
.vtr-progress__fill { height: 100%; background: #1D9E75; border-radius: 3px; width: 0%; transition: width 0.25s linear; pointer-events: none; }
.vtr-progress__thumb { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 13px; height: 13px; border-radius: 50%; background: #1D9E75; left: 0%; pointer-events: none; transition: left 0.25s linear; box-shadow: 0 1px 3px rgba(0,0,0,0.15); }
.vtr-vol-row { display: flex; align-items: center; gap: 8px; }
.vtr-vol-icon { font-size: 14px; flex-shrink: 0; color: #888; }
.vtr-vol-slider { flex: 1; accent-color: #1D9E75; cursor: pointer; }
@media (prefers-color-scheme: dark) {
  .vtr-player { background: #0d2b20; border-color: #1a5c3f; }
  .vtr-player__status { color: #aaa; }
  .vtr-player__time { color: #eee; }
  .vtr-speed-btn { background: #0d2b20; border-color: #1a5c3f; color: #5DCAA5; }
  .vtr-speed-btn:hover { background: #1a3d2b; }
  .vtr-progress { background: #1a3d2b; }
}
@media (max-width: 480px) {
  .vtr-play-btn { width: 36px; height: 36px; font-size: 11px; }
}