body{margin:0;padding:0;font-family:sans-serif;background-color:#f0f0f0;color:#333}.chat{margin:2rem;padding:1.5rem;background:#f0f4ff;border-radius:12px;max-width:600px;margin-inline:auto}.messages{max-height:300px;overflow-y:auto;margin-bottom:1rem}.message{padding:.5rem;margin-bottom:.3rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.timestamp{display:block;font-size:.75rem;color:#666}.send_form{display:flex;gap:.5rem}.send_form input{flex-grow:1;padding:.5rem;border-radius:8px;border:1px solid #ccc}.send_form button{background-color:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer}.send_form button:hover{background-color:#059669}.room_list{max-width:500px;margin:2rem;padding:1rem;background:#fffdfc;border-radius:10px;box-shadow:0 4px 10px #0000001a}.room_listed{list-style:none;padding:0}.room_item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.room_list input{padding:.25rem .5rem;border-radius:6px;border:1px solid #ccc}.room_list button{background:#38bdf8;border:none;padding:.25rem .6rem;border-radius:6px;color:#fff;cursor:pointer}.room_list button:hover{background:#0ea5e9}.active{font-weight:700;color:#4f46e5}.username_form{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:4rem auto;background:#f7f9fc;padding:2rem;border-radius:12px;box-shadow:0 8px 16px #0000001a}.username_input{padding:.5rem;border-radius:8px;border:1px solid #ccc}.username_button{padding:.5rem;border:none;background-color:#4f46e5;color:#fff;border-radius:8px;cursor:pointer}.username_button:hover{background-color:#4338ca}.app{min-height:100vh;background-image:url(/10254589.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px;box-sizing:border-box}