/* YAZME 2026 - Bot Story Viewer Styles (Inline Integration) */
/* Стили для прогресс-баров внутри cinematic-bot-card. Громоздкий UI удален. */

.bsv-progress-bar-wrap {
    flex: 1;
    height: 3px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.bsv-progress-bar-fill {
    height: 100%;
    background: #ffffff;
    border-radius: 3px;
    width: 0%;
    /* Анимация управляется через requestAnimationFrame в JS, 
       поэтому CSS-transition здесь не нужен для идеальной плавности */
}

/* Легкая обратная связь при тапе по бокам карточки (опционально) */
#modal-bot-tap-left:active,
#modal-bot-tap-right:active {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0%, transparent 100%);
}

#modal-bot-tap-right:active {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.03) 0%, transparent 100%);
}