.app{height:100vh;display:flex;justify-content:center;align-items:center;background:#0f0f0f}.chat-container{width:100%;max-width:800px;height:90vh;background:#1a1a1a;border-radius:12px;display:flex;flex-direction:column;border:1px solid #333}.chat-header{padding:20px 24px;border-bottom:1px solid #333;background:#1e1e1e;border-radius:12px 12px 0 0}.header-content{display:flex;justify-content:space-between;align-items:center}.chat-header h1{font-size:24px;font-weight:700;margin-bottom:4px;color:#fff}.subtitle{color:#888;font-size:14px}.clear-button{background:#333;color:#ccc;border:1px solid #555;border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s ease}.clear-button:hover{background:#444;color:#fff;border-color:#666}.clear-button:active{transform:scale(.98)}.messages-container{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#1a1a1a}.messages-container::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.message{display:flex;animation:fadeIn .3s ease-in}.message.user{justify-content:flex-end}.message.yacine{justify-content:flex-start}.message-content{max-width:70%;padding:12px 16px;border-radius:18px;position:relative}.message.user .message-content{background:#007AFF;color:#fff}.message.yacine .message-content{background:#2a2a2a;color:#fff}.sender-name{font-size:12px;font-weight:600;display:block;margin-bottom:4px;opacity:.7}.message.user .sender-name{color:#fffc}.message.yacine .sender-name{color:#888}.message p{margin:0;line-height:1.4;font-size:15px}.typing-text{opacity:.7;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.input-container{padding:20px 24px;border-top:1px solid #333;display:flex;gap:12px;background:#1e1e1e;border-radius:0 0 12px 12px}.message-input{flex:1;padding:12px 16px;background:#2a2a2a;border:1px solid #444;border-radius:24px;color:#fff;font-size:15px;outline:none;transition:border-color .2s ease}.message-input:focus{border-color:#007aff}.message-input::placeholder{color:#888}.send-button{padding:12px 20px;background:#007AFF;color:#fff;border:none;border-radius:24px;cursor:pointer;font-size:15px;font-weight:600;transition:background-color .2s ease}.send-button:hover{background:#0056CC}.send-button:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.chat-container{height:100vh;border-radius:0;border:none}.chat-header,.input-container{border-radius:0}.message-content{max-width:85%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f0f;color:#fff;height:100vh}#root{height:100vh}