body{margin:0;font-family:Roboto,sans-serif;background:#fafafa}.card{max-width:500px;margin:2rem auto;padding:1rem;background:white;border-radius:12px;box-shadow:0 2px 6px #0000001a;text-align:center}button{margin-top:.5rem;padding:.5rem 1rem;background-color:#008cba;color:#fff;border:none;border-radius:8px;cursor:pointer}.puzzle{margin-top:1rem}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 69px);background:#ece5dd;font-family:Segoe UI,Roboto,sans-serif;margin-bottom:69px}.chat-messages{flex:1;padding:16px;overflow-y:auto}.chat-bubble{max-width:70%;margin-bottom:10px;padding:10px 16px;border-radius:18px;font-size:1rem;line-height:1.4;word-break:break-word}.chat-bubble.hacker{background:#dcf8c6;align-self:flex-start;color:#222}.chat-bubble.user{background:#34b7f1;align-self:flex-end;color:#fff}.chat-input{position:fixed;bottom:0;left:0;right:0;display:flex;padding:12px;background:#fff;border-top:1px solid #ddd}.chat-input input{flex:1;padding:10px;border-radius:20px;border:1px solid #ddd;outline:none;font-size:1rem}.chat-input button{margin-left:8px;padding:10px 18px;border-radius:20px;border:none;background:#34b7f1;color:#fff;font-weight:700;cursor:pointer}