:root{--bleu-fonce: #0a1837;--bleu-moyen: #152d52;--bleu-clair: #2c3e50;--texte-clair: #e0e6ed;--accent: #f29b58;--accent-hover: #ffa733;--lien: #4da3ff;--gris-clair: #aab4c0;--rouge-erreur: #ff4b4b;--vert-succes: #3ee27b;--rouge-delete: #d9534f;--rouge-delete-hover: #ff6b6b}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bleu-fonce);color:var(--texte-clair);min-height:100vh;line-height:1.4}.app{width:90%;max-width:1400px;max-width:900px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;background-color:var(--bleu-moyen);padding:15px 20px;border-radius:12px;box-shadow:0 2px 6px #0000004d;margin-bottom:20px}.title{color:var(--accent);font-weight:700;letter-spacing:1px}.user-menu-wrapper{position:relative}.user-circle{background-color:var(--bleu-clair);color:var(--accent);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s}.user-circle:hover{background-color:#3d536b}.dropdown-menu{position:absolute;right:0;top:50px;background-color:var(--bleu-moyen);border:1px solid var(--bleu-clair);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.dropdown-menu button{background:none;border:none;color:var(--texte-clair);padding:10px 15px;text-align:left;cursor:pointer;transition:background .2s}.dropdown-menu button:hover{background-color:var(--bleu-clair)}.accueil-text{color:#585661;font-size:smaller;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin:20px}input{background-color:var(--bleu-moyen);color:var(--texte-clair);border:1px solid var(--bleu-clair);border-radius:8px;padding:10px;width:100%;margin-bottom:10px;transition:border-color .2s}input:focus{outline:none;border-color:var(--accent)}button{background-color:var(--accent);border:none;border-radius:8px;color:#fff;padding:10px 16px;cursor:pointer;font-weight:600;transition:background .3s,transform .1s}button:hover{background-color:var(--accent-hover)}button:active{transform:scale(.97)}.search-bar input{width:100%;padding:10px;margin-bottom:0;border-radius:8px}.sujet-item{background-color:var(--bleu-moyen);border-radius:12px;padding:14px;margin-bottom:14px;box-shadow:0 2px 4px #00000040}.sujet-item:hover{cursor:pointer}.sujet-header{display:flex;justify-content:space-between;align-items:center}.sujet-titre{margin-right:10px;font-size:1.1rem;color:var(--texte-clair);transition:color .2s;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.favori-button{padding:5px;margin-right:5px;background:transparent;border:none;color:var(--accent);font-size:1.4rem;cursor:pointer;transition:transform .2s}.favori-button:hover{background:transparent;transform:scale(1.5)}.sujet-reponses{margin-top:10px}.reponse{background-color:var(--bleu-clair);border-radius:8px;padding:8px;margin-top:8px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.reponse p{margin-bottom:4px}.reponse small{color:var(--gris-clair);font-size:.8rem}.signal-button{background:transparent;margin-left:10px;font-size:14px;padding:3px 0 0 5px;min-width:auto;min-height:auto;line-height:1}.signal-button:hover{background:transparent;transform:scale(1.5)}.add-sujet-div{display:flex}.add-sujet{display:flex;width:800px;gap:10px;margin-bottom:15px}.add-reponse{display:flex;gap:10px;margin:15px}.add-sujet input,.add-reponse input{flex:1}.open-modal{display:flex;justify-content:center;align-items:center}.cancel{margin:30px}.modal{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100}.modal-content{background-color:var(--bleu-moyen);border-radius:12px;padding:25px;width:350px;box-shadow:0 4px 10px #00000080}.modal-content h3{color:var(--accent);text-align:center;margin-bottom:15px}.error-message{color:var(--rouge-erreur);font-size:.9rem}.success-message{color:var(--vert-succes);font-size:.9rem}.switch-mode{margin-top:10px;text-align:center;font-size:.9rem}.link{color:var(--lien);cursor:pointer}.link:hover{text-decoration:underline}.param-section{background-color:var(--bleu-moyen);padding:15px;border-radius:10px;margin-bottom:20px}.param-section h2{color:var(--accent);margin-bottom:8px}.param-section p{margin-bottom:8px}.param-section .delete{background-color:var(--rouge-delete)}.param-section .delete:hover{background-color:var(--rouge-delete-hover)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background:var(--bleu-moyen);border-radius:1rem;padding:2rem;width:90%;max-width:400px;text-align:center}.modal-content.danger{border:2px solid #f44336}.modal-textarea{width:100%;margin:1rem 0;padding:.75rem;border:1px solid #ccc;border-radius:.5rem;resize:none}.modal-buttons{display:flex;justify-content:space-around}.btn-primary{background:#4caf50;color:#fff;padding:.5rem 1rem;border-radius:.5rem}.btn-secondary{background:var(--accent);padding:.5rem 1rem;border-radius:.5rem}.btn-danger{background:#f44336;color:#fff;padding:.5rem 1rem;border-radius:.5rem}.historique-list{list-style:none;padding:0}.historique-item{background-color:var(--bleu-moyen);border-radius:12px;padding:14px 18px;margin-bottom:12px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 3px 6px #00000040;transition:transform .15s,background-color .2s}.historique-item strong{color:var(--accent)}.historique-texte{width:80%;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.historique-item small{color:var(--gris-clair);display:block}.historique-delete-btn{margin-left:100px;background-color:var(--rouge-delete);color:#fff;border:none;border-radius:8px;padding:8px 12px;font-weight:600;cursor:pointer;transition:background-color .25s,transform .1s;white-space:nowrap}.no-result{text-align:center;color:var(--gris-clair);margin-top:20px;font-style:italic}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:10px}::-webkit-scrollbar-track{background-color:var(--bleu-moyen)}@media (max-width: 600px){.title{font-size:small}}