.mobile-bible-helper-bar {
    display: none;
}

@media (max-width: 768px), (pointer: coarse) {
    .mobile-bible-helper-bar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: calc(var(--mobile-keyboard-offset, 0px) + env(safe-area-inset-bottom));
        z-index: 10050;
        min-height: 42px;
        padding: 5px 8px;
        box-sizing: border-box;
        align-items: center;
        gap: 8px;
        background: rgba(15, 23, 42, 0.98);
        border-top: 1px solid rgba(148, 163, 184, 0.24);
        box-shadow: 0 -5px 18px rgba(2, 6, 23, 0.28);
        transform: translateY(120%);
        transition: transform 0.18s ease;
    }

    .mobile-bible-helper-bar.is-enabled.is-visible {
        display: flex;
        transform: translateY(0);
    }

    .mobile-bible-helper-toggle,
    .mobile-bible-helper-back {
        flex: 0 0 34px;
        width: 34px;
        height: 32px;
        padding: 0;
        border: 0;
        border-radius: 7px;
        color: #c4b5fd;
        background: rgba(99, 102, 241, 0.2);
        font-size: 16px;
    }

    .mobile-bible-helper-bar.is-expanded .mobile-bible-helper-toggle {
        display: none;
    }

    .mobile-bible-helper-content {
        min-width: 0;
        flex: 1;
        display: flex;
        align-items: center;
        gap: 7px;
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .mobile-bible-helper-content::-webkit-scrollbar {
        display: none;
    }

    .mobile-bible-helper-ref {
        flex: 0 0 auto;
        border: 1px solid rgba(129, 140, 248, 0.35);
        border-radius: 999px;
        padding: 6px 10px;
        color: #e0e7ff;
        background: rgba(99, 102, 241, 0.16);
        font-size: 12px;
    }

    .mobile-bible-helper-message,
    .mobile-bible-helper-transcription {
        overflow: hidden;
        color: #cbd5e1;
        font-size: 12px;
        text-overflow: ellipsis;
    }

    .mobile-bible-helper-transcription {
        display: flex;
        gap: 8px;
        align-items: center;
    }

    .mobile-bible-helper-transcription strong {
        flex: 0 0 auto;
        color: #c4b5fd;
    }

    .mobile-bible-helper-transcription span {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}