Antoine2596 by Antoine2596

/* ==UserStyle==
@name           chatgpt.com
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("chat.openai.com") {

    /* Fond transparent */
    body {
        background: transparent !important;
    }

    /* Cacher presque tout sauf l’essentiel */
    .sidebar,
    .header,
    .footer,
    .result-streaming,
    .prose {
        display: none !important;
    }

    /* Rendre le chat presque invisible */
    .chat-container {
        background: rgba(255, 255, 255, 0.02) !important;
        /* Très faible visibilité */
        backdrop-filter: blur(2px);
        /* Flou léger */
    }

    /* Cacher le texte des messages (devient visible sur survol) */
    .message,
    .text-base {
        color: rgba(0, 0, 0, 0.02) !important;
        transition: color 0.2s ease-in-out;
    }

    .message:hover,
    .text-base:hover {
        color: rgba(0, 0, 0, 0.8) !important;
    }

    /* Rendre la boîte de saisie ultra-discrète */
    textarea {
        background: rgba(255, 255, 255, 0.05) !important;
        border: none !important;
        color: rgba(0, 0, 0, 0.2) !important;
        width: 200px !important;
        /* Réduit la taille */
        height: 20px !important;
        transition: all 0.2s ease-in-out;
    }

    /* Agrandir la boîte de saisie uniquement sur focus */
    textarea:focus {
        width: 100% !important;
        height: 50px !important;
        color: rgba(0, 0, 0, 0.9) !important;
        background: rgba(255, 255, 255, 0.9) !important;
    }
}