*{box-sizing:border-box}html,body{color:#f3f4f6;background:#0f1115;min-height:100%;margin:0;font-family:Arial,sans-serif}body{min-height:100vh}.chat-shell{flex-direction:column;width:min(800px,100%);min-height:100vh;margin:0 auto;padding:24px 18px;display:flex}header{border-bottom:1px solid #30343b;padding-bottom:18px}header h1{margin:0;font-size:2rem}header p{color:#9ca3af;margin:5px 0 0}.messages{flex:1;padding:24px 0;overflow-y:auto}.empty-state{color:#9ca3af;text-align:center;margin-top:60px}.message{margin-bottom:22px;line-height:1.5}.message strong{margin-bottom:5px;display:block}.message.user{text-align:right}.message.user div{text-align:left;background:#272b33;border-radius:14px;padding:10px 14px;display:inline-block}.message.astraea div{white-space:pre-wrap}form{border-top:1px solid #30343b;gap:10px;padding-top:16px;display:flex}input{color:#fff;background:#181b20;border:1px solid #3a3f48;border-radius:10px;flex:1;padding:14px;font-size:1rem}button{cursor:pointer;border:0;border-radius:10px;padding:0 20px;font-size:1rem}button:disabled{opacity:.5;cursor:default}