/**
 * @license
 * SPDX-License-Identifier: Apache-2.0
 */:root{--primary-font: "Frank Ruhl Libre", serif;--secondary-font: "Assistant", sans-serif;--background-color: #121a1f;--text-color: #e0e0e0;--accent-color: #a47b56;--accent-color-dark: #8c6846;--surface-color: #1a242c;--user-message-bg: #3c4a56;--model-message-bg: #2a3b47}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{direction:rtl;font-family:var(--secondary-font);background-color:var(--background-color);color:var(--text-color);background-image:url(https://storage.googleapis.com/app-assets-exp-dv-ysja/fantasy-forest.jpg);background-size:cover;background-position:center;background-attachment:fixed;line-height:1.6;overflow-x:hidden}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;transition:opacity .5s ease-in-out}.landing-page,.chat-view{width:100%;max-width:800px;text-align:center}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background-color:#0009;padding:3rem;border-radius:15px;box-shadow:0 0 30px #00000080}.landing-page h1{font-family:var(--primary-font);font-size:clamp(2.5rem,6vw,4rem);color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.5);text-align:center}.cta-button{font-family:var(--primary-font);font-size:1.2rem;font-weight:700;padding:.8rem 2rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 15px #0006}.cta-button:hover{background-color:var(--accent-color-dark);transform:translateY(-2px)}.chat-view{display:flex;flex-direction:column;height:85vh;max-height:800px;background-color:var(--surface-color);border-radius:15px;box-shadow:0 8px 30px #0000004d;overflow:hidden}header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}header h2{font-family:var(--primary-font);margin-bottom:.5rem}.character-selector{display:flex;gap:1rem;justify-content:center;padding:.5rem}.character-card{cursor:pointer;text-align:center;transition:transform .3s ease}.character-card:hover{transform:scale(1.05)}.character-avatar{width:70px;height:70px;border-radius:50%;border:3px solid transparent;transition:border-color .3s ease,filter .3s ease;object-fit:cover;filter:grayscale(50%)}.character-card.selected .character-avatar{border-color:var(--accent-color);filter:grayscale(0%)}.character-card p{font-family:var(--primary-font);font-weight:700;margin-top:.25rem;font-size:.9rem}.chat-window{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.chat-window p{max-width:80%;padding:.8rem 1.2rem;border-radius:18px;word-wrap:break-word;line-height:1.5;text-align:right}.message{display:flex;align-items:flex-end;gap:.5rem}.message.user{justify-content:flex-start}.message.model{justify-content:flex-end;flex-direction:row-reverse}.message.user p{background-color:var(--user-message-bg);border-bottom-left-radius:5px}.message.model p{background-color:var(--model-message-bg);border-bottom-right-radius:5px}.message-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.chat-info{margin:auto;color:#ffffff80}.typing-indicator{display:flex;align-items:center;gap:5px;padding:.8rem 1.2rem}.typing-indicator span{width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-form{display:flex;flex-direction:row-reverse;padding:1rem;border-top:1px solid rgba(255,255,255,.1);gap:.5rem}.chat-input-form input{flex-grow:1;background-color:#2a3b47;border:1px solid #455a64;border-radius:20px;padding:.8rem 1rem;color:var(--text-color);font-family:var(--secondary-font);font-size:1rem}.chat-input-form input:focus{outline:none;border-color:var(--accent-color)}.chat-input-form button{background-color:var(--accent-color);border:none;border-radius:50%;width:45px;height:45px;color:#fff;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center}.chat-input-form button:hover{background-color:var(--accent-color-dark)}.chat-input-form button:disabled{background-color:#546e7a;cursor:not-allowed}.chat-input-form button svg{transform:scaleX(-1)}@media(max-width:600px){body{background-image:url(https://storage.googleapis.com/app-assets-exp-dv-ysja/fantasy-forest-portrait.jpg)}.chat-view{height:100vh;max-height:none;border-radius:0}#root{padding:0}}