body{background:#191a2e;color:#f5f6fa;font-family:Inter,Arial,sans-serif;margin:0}.container{max-width:520px;margin:40px auto;background:#252641;border-radius:22px;box-shadow:0 4px 24px #0007;padding:28px 22px}h1{text-align:center;color:coral;font-weight:800;margin-bottom:12px;letter-spacing:2px}.chat{min-height:320px;max-height:420px;overflow-y:auto;margin-bottom:18px;padding-right:10px;display:flex;flex-direction:column}.bubble{padding:13px 17px;margin:8px 0;border-radius:16px;max-width:85%;word-break:break-word;font-size:1.08em}.user{background:linear-gradient(90deg,coral 70%,#ffb3a7);color:#fff;align-self:flex-end;margin-left:auto}.ai{background:#232b45;color:#fff;align-self:flex-start;margin-right:auto}.welcome{text-align:center;color:#d1d5db;margin-bottom:16px;font-size:1.08em}.typing{font-style:italic;color:coral;margin-bottom:7px;font-size:1em}.input-row{display:flex;gap:6px}input[type=text]{flex:1;padding:12px;font-size:1rem;border-radius:11px;border:none;background:#191a2e;color:#f5f6fa;outline:none}button{background:coral;color:#fff;border:none;padding:0 22px;border-radius:11px;font-size:1rem;cursor:pointer;transition:background .2s}button:hover{background:#e35d36}.brand{text-align:center;color:coral;margin-bottom:8px;font-size:.98em}@media (max-width: 600px){.container{margin:0;border-radius:0}}