body{background-color:#090514;flex-direction:column;margin:0;font-family:Arial,sans-serif;display:flex}.header{color:#f3effa;background-color:#1e1830;border-bottom:1px solid #9333ea4d;padding:20px;font-size:x-large;font-weight:700}.chat-area{background-blend-mode:multiply;background-color:#0b0914;flex-grow:1;height:75vh;padding:20px;overflow-y:auto}.bubble{border-radius:8px;max-width:300px;margin-bottom:10px;padding:10px 15px;box-shadow:3px 4px 2px #0000001a}.bot{color:#e9e5f3;background-color:#161224;border:1px solid #ffffff0d;border-top-left-radius:0;align-self:flex-start}.user{color:#fff;background-color:#6b21a8;margin-left:auto}#footer{background-color:#120e1e;border-top:1px solid #9333ea33;align-items:center;margin-bottom:0;padding:10px;display:flex;box-shadow:3px -7px 3px #161224}#input-box{color:#fff;margin-inline:auto;anchor-name:--input-anchor;background-color:#1a162b;border:none;border-radius:20px;outline:none;flex-grow:1;max-width:80%;margin-bottom:10px;padding:10px;display:block;box-shadow:2px 2px 5px #000}.send-btn{color:#fff;cursor:pointer;width:40px;left:calc(anchor(--input-anchor right) + 10px);background-color:#7e22ce;border:none;border-radius:80px;height:40px;margin-bottom:10px;margin-right:auto;transition:background-color .3s,transform .2s;position:fixed}.send-btn:hover{background-color:#6b21a8}.send-btn:active{transform:scale(.95)}#input-box{color:#fff;margin-inline:auto;background-color:#1a162b;border:1px solid #9333ea4d;border-radius:20px;outline:none;flex-grow:1;max-width:80%;margin-bottom:10px;padding:10px;display:block;box-shadow:2px 2px 5px #00000080}.back-button{color:#f3effa;text-align:center;cursor:pointer;background-color:#1e1830;border:1px solid #9333ea4d;border-radius:20px;width:50px;margin:10px;padding:3px}nav{background-color:#161224;justify-content:center;align-items:center;padding:20px;display:flex;box-shadow:0 4px 6px #0000004d}nav button{color:#fff;cursor:pointer;background-color:#7e22ce;border:none;border-radius:5px;margin:0 10px;padding:10px 20px;font-size:16px;transition:background-color .3s}nav button:hover{background-color:#6b21a8}nav button:active{transform:scale(.95)}#trump{font-weight:700}#elon{font-style:italic}#shakespear{letter-spacing:2px}#mrbeast{text-transform:uppercase}
