body{color:#222;background:linear-gradient(135deg,#6a3df0,#e04fd0);min-height:100vh;margin:0;font-family:system-ui,sans-serif}main{max-width:640px;margin:0 auto;padding:20px}h1{color:#fff;text-align:center}h2{color:#fff}textarea{box-sizing:border-box;border:0;border-radius:12px;width:100%;height:120px;padding:12px;font-size:18px}#boutons{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}button{cursor:pointer;background:#ffd23f;border:0;border-radius:20px;padding:10px 16px;font-size:16px;font-weight:700}button:hover{transform:scale(1.05)}#sortie{white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:12px;min-height:60px;margin-bottom:12px;padding:14px;font-size:18px}.aide{color:#fff}#site{--couleur:#6a3df0;border-top:10px solid var(--couleur);background:#fff;border-radius:12px;min-height:160px;margin-bottom:12px;padding:20px}#site h2{color:var(--couleur);margin-top:0;font-size:32px}#site p{white-space:pre-wrap;font-size:18px}#publier{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#publier span{color:#fff;font-size:20px;font-weight:700}input{border:0;border-radius:10px;padding:10px;font-size:16px}.gris{background:#ddd}#message{color:#fff;font-weight:700}#message a,main>p a{color:#ffd23f}