* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { height: 100%; overflow: hidden; background: #000; color: #e5e5e5; font-family: 'Inter', sans-serif; }
.app-container { display: flex; flex-direction: column; height: 100dvh; max-width: 768px; margin: 0 auto; }
header { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; border-bottom: 1px solid #1a1a1a; }
.logo { font-size: 1.1rem; font-weight: 600; color: #fff; } .logo span { color: #555; font-size: 0.9rem; font-weight: 400; }
.chat-area { flex: 1; padding: 24px; padding-bottom: 90px; overflow-y: auto; display: flex; flex-direction: column; gap: 24px; }
.user-msg { align-self: flex-end; color: #888; font-size: 1rem; max-width: 85%; text-align: right; }
.ai-msg { align-self: flex-start; color: #fff; font-size: 1rem; max-width: 85%; }
.input-bar { position: fixed; bottom: 0; left: 0; right: 0; padding: 16px 24px; background: #000; z-index: 100; display: flex; justify-content: center; }
#chat-form { width: 100%; max-width: 720px; display: flex; gap: 12px; background: #0a0a0a; border: 1px solid #2a2a2a; border-radius: 16px; padding: 8px 8px 8px 20px; }
#user-input { flex: 1; background: transparent; border: none; outline: none; color: #fff; font-size: 16px; }
#send-btn { background: #fff; border: none; width: 36px; height: 36px; border-radius: 10px; cursor: pointer; color: #000; }