body,html{height:100%;margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e94560}.container{max-width:800px;margin:0 auto;padding:20px}h1{text-align:center;color:#0f3460;text-shadow:2px 2px 4px rgba(233,69,96,.5)}a{position:absolute;top:10px;left:10px;color:#e94560;text-decoration:none}#chat-window{height:400px;overflow-y:auto;background:#0f346033;border-radius:10px;padding:20px;margin-bottom:20px}#user-input{width:70%;padding:10px;border:none;border-radius:5px;background:#0f3460;color:#e94560}#change-btn,#send-btn{width:25%;padding:10px;border:none;border-radius:5px;background:#e94560;color:#0f3460;cursor:pointer;transition:background .3s ease}#change-btn{margin-top:10px}#change-btn:hover,#send-btn:hover{background:#ff6b6b}.message{margin-bottom:10px;padding:10px;border-radius:5px;max-width:80%;display:flex;align-items:flex-start}.user-message{background:#0f3460;color:#e94560;align-self:flex-end;margin-left:auto;flex-direction:row-reverse}.character-message{background:#e94560;color:#0f3460;align-self:flex-start}.message-content{margin:0 10px}.avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}#character-selection{margin-bottom:20px;text-align:center}select{padding:10px;border:none;border-radius:5px;background:#0f3460;color:#e94560}#character-image{width:100px;height:100px;border-radius:50%;margin:0 auto 20px;display:block;object-fit:cover}