@import"https://fonts.googleapis.com/css2?family=Chewy&family=Montserrat:wght@500;700&family=Quicksand:wght@500;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--pastel-bg-soft: #f0f8ff;--pastel-bg-page: #f8f9fa;--pastel-surface: #ffffff;--pastel-primary: #b0e0e6;--pastel-secondary: #ffe4b5;--pastel-accent: #add8e6;--pastel-text-dark: #334155;--pastel-text-light: #64748b;--pastel-border-soft: #dde6ed;--pastel-border-strong: #ced4da;--pastel-button-primary-bg: #a7d8de;--pastel-button-primary-text: var(--pastel-text-dark);--pastel-button-secondary-bg: #f0e68c;--pastel-button-secondary-text: var(--pastel-text-dark);color-scheme:light;color:var(--pastel-text-dark);background-color:var(--pastel-bg-soft);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}.app-header h1{font-family:Chewy,cursive;font-weight:400;font-size:2.2em;color:#f779a8;margin:0;padding:.1em 0;letter-spacing:normal;text-shadow:-1px -1px 0 #FFFFFF,1px -1px 0 #FFFFFF,-1px 1px 0 #FFFFFF,1px 1px 0 #FFFFFF,2px 2px 4px rgba(0,0,0,.25)}h1{font-size:3.2em;line-height:1.1}button,.button-like{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--pastel-button-secondary-bg);color:var(--pastel-button-secondary-text);cursor:pointer;transition:border-color .25s,background-color .25s,opacity .25s}button:hover,.button-like:hover{border-color:var(--pastel-accent);opacity:.9}button:focus,button:focus-visible,.button-like:focus,.button-like:focus-visible{outline:4px auto -webkit-focus-ring-color}.app-header .header-login-button{background-color:var(--pastel-button-primary-bg)!important;color:var(--pastel-text-dark)!important;border:1px solid var(--pastel-border-soft)!important;padding:.5em 1em!important;font-weight:500!important;text-decoration:none!important;display:inline-block!important;border-radius:8px!important;cursor:pointer!important}.app-header .header-login-button:hover{opacity:.85!important}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}#root{max-width:1280px;margin:0 auto;text-align:center;display:flex;flex-direction:column}.container{display:flex;flex-direction:column;height:100%;width:100%}.app-header{flex-shrink:0;padding:.75rem 1rem;background-color:var(--pastel-bg-page);border-bottom:1px solid var(--pastel-border-soft);display:flex;justify-content:space-between;align-items:center}.app-header h1{margin:0;font-size:1.5em;color:var(--pastel-text-dark)}.app-header nav{display:flex;align-items:center;gap:.5rem}main{flex-grow:1;overflow:hidden;min-height:0}footer.app-footer{flex-shrink:0;padding:.75rem 1rem;background-color:var(--pastel-bg-page);border-top:1px solid var(--pastel-border-soft);text-align:center;font-size:.85em;color:var(--pastel-text-light)}.user-profile-container{display:flex;align-items:center;gap:.75rem}.user-welcome-message{margin:0;font-size:.9em;color:var(--pastel-text-dark)}.user-profile-image{width:36px;height:36px;border-radius:50%;border:1px solid var(--pastel-border-soft);object-fit:cover}.user-loading-message{font-size:.9em;color:var(--pastel-text-light);margin:0}.site-description{margin-top:2rem;padding:1rem;background-color:var(--pastel-bg-soft);border-radius:8px;text-align:center;border:1px solid var(--pastel-border-light)}.site-description p{margin:.5rem 0;color:var(--pastel-text-dark);font-size:.95em}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.chat-limit-display{font-size:.85em;color:var(--pastel-text-dark);margin-left:.75rem;padding:.25em .5em;border-radius:4px;background-color:var(--pastel-bg-soft);border:1px solid var(--pastel-border-soft)}.chat-limit-display.loading{color:var(--pastel-text-light)}.chat-limit-display.limit-reached{color:#e74c3c;font-weight:700;border-color:#e74c3c}.chat-page-container{display:flex;flex-direction:column;height:100%;background-color:var(--pastel-bg-main, #f4f7f6);max-width:800px;margin:0 auto;box-shadow:0 0 10px #0000001a;overflow:hidden}.chat-header{display:flex;align-items:center;padding:10px 15px;background-color:var(--pastel-primary-deep);color:var(--pastel-text-dark);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000;flex-shrink:0}.character-avatar-header{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px;border:2px solid var(--pastel-accent-light);image-rendering:-webkit-optimize-contrast}.chat-header h2{font-size:1.1em;margin:0;font-weight:600}.messages-area{flex-grow:1;overflow-y:auto;padding:15px 15px 80px;display:flex;flex-direction:column;gap:.75rem}.message-bubble{padding:.6rem 1rem;border-radius:18px;max-width:75%;word-wrap:break-word;box-shadow:0 1px 2px #0000000d}.message-bubble p{margin:0;font-size:.95em}.message-bubble .timestamp{font-size:.7em;color:var(--pastel-text-light);display:block;margin-top:.25rem;text-align:right}.message-bubble.user-bubble{background-color:var(--pastel-user-bubble-bg, #e3f2fd);color:var(--pastel-text-darker, #212121);align-self:flex-end;border:1px solid var(--pastel-user-bubble-border, #90caf9);border-bottom-right-radius:5px}.message-bubble.user-bubble .timestamp{text-align:right}.message-bubble.character-bubble{background-color:var(--pastel-char-bubble-bg, #ffffff);color:var(--pastel-text-neutral, #616161);align-self:flex-start;border:1px solid var(--pastel-char-bubble-border, #e0e0e0);border-bottom-left-radius:5px}.message-bubble.character-bubble .timestamp{text-align:left}.message-bubble.system-bubble{background-color:var(--pastel-info-bg, #e0e7ff);color:var(--pastel-info-text, #4338ca);align-self:center;border:1px solid var(--pastel-info-border, #a5b4fc);font-size:.85em;max-width:90%;text-align:center}.message-bubble.system-bubble .timestamp{text-align:center;color:var(--pastel-text-light)}.reply-suggestions-area{display:flex;justify-content:center;flex-wrap:wrap;padding:5px 10px;background-color:var(--pastel-bg-main, #f4f7f6);flex-shrink:0}.reply-suggestion-button{background-color:var(--pastel-bg-light);color:var(--pastel-primary-deep);border:1px solid var(--pastel-primary-deep);padding:6px 12px;margin:4px;border-radius:15px;cursor:pointer;font-size:.85em;transition:background-color .2s ease,color .2s ease}.reply-suggestion-button:hover{background-color:var(--pastel-primary-deep);color:var(--pastel-bg-light);box-shadow:0 1px 3px #0000001a}.chat-limit-warning{text-align:center;padding:8px 15px;background-color:var(--pastel-warning-light, #fff3cd);color:var(--pastel-warning-dark, #856404);font-size:.9em;flex-shrink:0}.input-area{display:flex;align-items:center;padding:10px 15px;background-color:var(--pastel-bg-lightest, #fff);border-top:1px solid var(--pastel-border-soft, #eee);box-shadow:0 -1px 3px #0000000d;flex-shrink:0;width:100%;box-sizing:border-box;position:sticky;bottom:0}.chat-input{flex-grow:1;padding:10px 15px;font-size:1rem;border:1px solid var(--pastel-border-neutral, #ccc);border-radius:20px;margin-right:10px;line-height:1.4;min-height:20px;box-sizing:border-box;background-color:var(--pastel-bg-lightest, #fff)}.chat-input:focus{outline:none;border-color:var(--pastel-primary-deep);box-shadow:0 0 0 2px var(--pastel-primary-transparent)}.send-button{background-color:var(--pastel-primary-deep);color:var(--pastel-bg-lightest);border:none;padding:10px 15px;border-radius:20px;cursor:pointer;font-weight:600;transition:background-color .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){background-color:var(--pastel-primary-dark)}.send-button:disabled{background-color:var(--pastel-border-neutral, #ccc);cursor:not-allowed}.login-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.login-prompt-modal{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px #0003;text-align:center;max-width:400px;width:90%;border:1px solid #E0BBE4}.login-prompt-modal h3{color:#333;margin-top:0;margin-bottom:15px;font-size:1.4em}.login-prompt-modal p{color:#555;margin-bottom:25px;font-size:1em;line-height:1.6}.login-prompt-button{padding:12px 25px;border:none;border-radius:8px;font-size:1em;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease;margin:5px}.login-prompt-button.primary{background-color:#865dff;color:#fff}.login-prompt-button.primary:hover{background-color:#7048d9}.login-prompt-button.secondary{background-color:#f0f0f0;color:#333;border:1px solid #ccc}.login-prompt-button.secondary:hover{background-color:#e0e0e0}.login-prompt-button:active{transform:translateY(1px)}@media (max-width: 600px){.login-prompt-modal{padding:20px}.login-prompt-modal h3{font-size:1.2em}.login-prompt-modal p{font-size:.9em}.login-prompt-button{padding:10px 20px;font-size:.9em}}.remaining-chats-info{text-align:center;font-size:.8em;color:var(--pastel-text-light);margin-top:.5rem}.reply-suggestions-area{display:flex;justify-content:center;flex-wrap:wrap;padding:10px 0;margin-bottom:10px;border-top:1px solid #eee}.reply-suggestion-button{background-color:#f0f0f0;color:#333;border:1px solid #ccc;padding:8px 15px;margin:5px;border-radius:20px;cursor:pointer;font-size:.9em;transition:background-color .2s ease,box-shadow .2s ease}.reply-suggestion-button:hover{background-color:#e0e0e0;box-shadow:0 2px 4px #0000001a}.reply-suggestion-button:active{background-color:#d0d0d0;transform:translateY(1px)}@media (max-width: 600px){.reply-suggestions-area{padding:5px 0;margin-bottom:5px}.reply-suggestion-button{padding:6px 12px;font-size:.85em;margin:3px}}.typing-indicator span{display:inline-block;width:8px;height:8px;margin:0 2px;background-color:var(--pastel-text-light);border-radius:50%;animation:typing 1s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.typing-indicator p{display:flex;align-items:baseline;margin:0}.typing-dots span{animation:blink 1.4s infinite both;font-size:1.2em;margin-left:2px}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.typing-indicator-container{margin-top:10px}.typing-indicator-container .avatar{width:40px;height:40px;border-radius:50%;margin-right:10px;object-fit:cover;flex-shrink:0;image-rendering:-webkit-optimize-contrast}.typing-indicator-bubble{background-color:#f0f0f0;color:#555;padding:10px 15px;border-radius:18px;display:flex;align-items:baseline;box-shadow:0 1px 2px #0000001a;text-align:center}.typing-indicator-bubble span:first-child{margin-right:3px;font-size:.9em}.typing-indicator-bubble .typing-dot{animation:blink 1.4s infinite;animation-fill-mode:both;font-size:1.2em;line-height:1;opacity:0}.typing-indicator-bubble .typing-dot:nth-child(2){animation-delay:.2s}.typing-indicator-bubble .typing-dot:nth-child(3){animation-delay:.4s}.typing-indicator-bubble .typing-dot:nth-child(4){animation-delay:.6s}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.character-image-full-container{width:100%;max-height:350px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;overflow:hidden}.character-image-full{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}@media (max-width: 600px){.chat-header{padding:8px 10px;position:relative}.character-avatar-header{width:35px;height:35px;margin-right:8px;border-width:1px}.chat-header h2{font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 100px)}.back-button{font-size:.85em;padding:6px 8px;margin-right:8px}.messages-area{padding:10px 10px 70px}.reply-suggestions-area{padding:5px}.reply-suggestion-button{padding:5px 10px;font-size:.8em;margin:3px}.input-area{padding:8px 10px}.chat-input{padding:8px 12px;font-size:.95rem}.send-button{padding:8px 12px;font-size:.9em}}.delete-history-button{margin-left:auto;padding:6px 12px;font-size:.85em;background-color:var(--pastel-warning-extralight, #ffebee);color:var(--pastel-warning-dark, #c62828);border:1px solid var(--pastel-warning-main, #ef9a9a);border-radius:15px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;font-weight:500}.delete-history-button:hover{background-color:var(--pastel-warning-main, #ef9a9a);color:var(--pastel-bg-lightest, #fff);border-color:var(--pastel-warning-dark, #c62828)}@media (max-width: 600px){.delete-history-button{padding:5px 10px;font-size:.75em}}.footer{text-align:center}