body{margin:0;font-family:system-ui,sans-serif;background:#2e3440;color:#eceff4;display:flex;justify-content:center;align-items:center;height:100vh;font-family:Noto Sans Mono,monospace}.card{width:320px;background:#3b4252;padding:1.5rem;border-radius:8px;display:flex;flex-direction:column;gap:.75rem}input,select,button{padding:.5rem;font-size:1rem;border-radius:4px;border:none}.chat-wrapper{display:flex;height:80vh;width:90vw;max-width:960px;background:#3b4252;border-radius:8px;overflow:hidden}.sidebar{width:180px;background:#434c5e;padding:1rem}.sidebar h3{margin-top:0}.sidebar ul{list-style:none;padding-left:0}.sidebar li{margin-bottom:.5rem}.chat{flex:1;display:flex;flex-direction:column}.chat header{padding:1rem;background:#4c566a;font-weight:700}.chat input{padding:.75rem;border:none;font-size:1rem;background:#434c5e;color:#eceff4}.container{display:flex;justify-content:center;align-items:center;height:100vh;background:#2e3440;color:#eceff4}.card{background:#3b4252;padding:1.5rem;border-radius:8px;width:320px;display:flex;flex-direction:column;gap:.75rem}input,select,button{padding:.5rem;font-size:1rem;border:none;border-radius:4px}input,select{background:#434c5e;color:#eceff4}button{background:#88c0d0;color:#2e3440;cursor:pointer}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#eceff4;color:#2e3440;padding:1rem;border-radius:6px;text-align:center}.chat-wrapper{display:flex;flex-direction:column;width:90vw;max-width:600px;height:80vh;background:#3b4252;border-radius:8px;overflow:hidden}.chat-header{background:#4c566a;padding:.75rem;font-weight:700}.messages{flex:1;padding:1rem;overflow-y:auto;background:#2e3440}.messages p{margin:.5rem 0}.me{color:#a3be8c}.chat-input{display:flex;gap:.5rem;padding:.5rem;background:#4c566a}.chat-input input{flex:1;background:#434c5e;color:#eceff4}.chat-input button{background:#88c0d0}