@media (max-width: 760px) {
    html,
    body {
        min-width: 0;
        max-width: 100vw;
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
    }

    .landing-shell,
    .landing-card,
    .chat-panel,
    .conversation-stream,
    .landing-actions {
        width: 100%;
        max-width: 100vw;
        min-width: 0;
    }

    .conversation-stream,
    .premium-card,
    .preview-bubble,
    .user-bubble {
        overflow-wrap: anywhere;
    }

    .preview-composer {
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        padding-right: 56px;
        padding-bottom: 6px;
    }

    .preview-composer form {
        width: 100%;
        min-width: 0;
    }

    .preview-composer textarea,
    #preview-message-input {
        width: 100%;
        min-width: 0;
        font-size: 16px !important;
        line-height: 1.35;
    }

    .preview-composer button {
        right: 6px;
        bottom: 6px;
    }

    .landing-actions {
        padding-bottom: calc(14px + env(safe-area-inset-bottom));
    }
}