*{box-sizing:border-box}body{margin:0;background:#f5f2ed;font:16px/1.5 system-ui,Arial;color:#202020}main{max-width:800px;margin:30px auto;background:white;box-shadow:0 8px 35px #0001;border-radius:16px;overflow:hidden}header{background:#161616;color:#d7b679;padding:24px}.brand{font-size:24px;font-weight:750;letter-spacing:2px}.brand span{color:#fff}.sub{color:#ddd;font-size:14px}.notice{background:#fff3d6;color:#604a16;padding:13px 24px;font-size:13px}#chat{height:52vh;min-height:350px;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.msg{max-width:85%;padding:12px 15px;border-radius:15px;white-space:pre-wrap;overflow-wrap:anywhere}.bot{align-self:flex-start;background:#f1eee9}.user{align-self:flex-end;background:#262626;color:white}form{display:flex;gap:10px;padding:16px 24px;border-top:1px solid #eee}input{flex:1;min-width:0;padding:13px;border:1px solid #bbb;border-radius:8px;font:inherit}button{border:0;border-radius:8px;background:#222;color:white;padding:12px 18px;cursor:pointer}button:hover{background:#484848}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px 20px;color:#777;font-size:12px}footer button{background:#f1eee9;color:#333;font-size:12px}@media(max-width:600px){main{margin:0;border-radius:0}#chat{height:60vh}footer{flex-direction:column}}