*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{color:#f4f4f5;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{background:linear-gradient(#00000073 0%,#000000bf 100%),url(/characters/alice.jpg) 50%/cover no-repeat;grid-template-rows:1fr auto;width:100%;max-width:500px;height:100dvh;margin:0 auto;display:grid;position:relative}.character-button{z-index:1000;color:#fff;-webkit-backdrop-filter:blur(12px);background:#141416a6;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:6px 16px 6px 6px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex;position:absolute;top:16px;left:20%;transform:translate(-50%)}.character-button img{object-fit:cover;border-radius:50%;width:28px;height:28px}.character-button:hover{background:#232328cc}.chat-menu-container{z-index:1000;position:absolute;top:16px;right:5%}.chat-menu-button{color:#ffffff73;cursor:pointer;background:0 0;border:0;border-radius:50%;width:40px;height:40px;padding:0;font-size:24px;line-height:1;transition:color .2s,background-color .2s}.chat-menu-button:hover,.chat-menu-button:focus-visible,.chat-menu-button[aria-expanded=true]{color:#fff;background-color:#ffffff14}.chat-menu{opacity:0;visibility:hidden;pointer-events:none;background-color:#1a1a1a;border:1px solid #ffffff1a;border-radius:8px;min-width:180px;padding:4px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:44px;right:0;transform:translateY(-4px);box-shadow:0 8px 24px #00000059}.chat-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.chat-menu button{color:#fff;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:10px 12px}.chat-menu button:hover,.chat-menu button:focus-visible{background-color:#ffffff14}.modal{z-index:2000;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;padding:20px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.modal-backdrop{-webkit-backdrop-filter:blur(4px);background:#000000a6;position:absolute;inset:0}.modal-content{color:#fff;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;width:min(100%,360px);padding:24px;transition:transform .2s;position:relative;transform:translateY(8px);box-shadow:0 16px 40px #00000080}.modal.is-open .modal-content{transform:translateY(0)}.modal-content h2{margin:0 0 8px;font-size:1.1rem}.modal-content p{color:#ffffffa6;margin:0;font-size:.9rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.modal-actions button{font:inherit;cursor:pointer;border:0;border-radius:7px;padding:9px 14px}#cancel-clear-chat{color:#fff;background:#ffffff14}#confirm-clear-chat{color:#111;background:#fff}#cancel-clear-chat:hover,#cancel-clear-chat:focus-visible{background:#ffffff24}#confirm-clear-chat:hover,#confirm-clear-chat:focus-visible{background:#ddd}.messages{scrollbar-width:none;flex-direction:column;gap:16px;min-height:0;padding:80px 20px 20px;display:flex;overflow-y:auto}.messages::-webkit-scrollbar{display:none}.message{white-space:pre-wrap;overflow-wrap:break-word;text-shadow:0 1px 3px #000c;background:#27272acc;border-radius:14px;width:fit-content;max-width:100%;padding:12px 15px;font-size:.98rem;line-height:1.6}.message--model{color:#d1d5db;background:linear-gradient(135deg,#000000d1 0%,#0a1830b8 100%);align-self:flex-start;margin-right:30px}.message--user{color:#9ca3af;background:#1e1e20a6;align-self:flex-end;margin-left:40px}.message--user,.message--model{text-align:justify}.message__narration{color:#9ca3af;margin-bottom:12px}.message__narration:last-child{margin-bottom:0}.message__dialogue,.message--model strong,.message--user strong{color:#fff;text-shadow:0 0 12px #ffffff4d,0 2px 4px #000000e6;font-weight:700}.message--model p{margin:0 0 12px}.message--model p:last-child{margin-bottom:0}.message--system{color:#fef08a;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#451a0399;border:1px solid #f59e0b4d;border-radius:8px;align-self:center;max-width:90%;padding:8px 14px;font-size:.8rem}.chat-form{-webkit-backdrop-filter:blur(16px);background:#1e1e23a6;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;margin:0 16px 20px;padding:6px 8px 6px 16px;display:flex}.chat-form textarea{resize:none;color:#fff;width:100%;min-width:0;max-height:120px;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:.95rem;line-height:1.4;overflow-y:auto}.chat-form textarea::placeholder{color:#6b7280}.chat-form button{color:#9ca3af;cursor:default;background:#ffffff1a;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.chat-form button:not(:disabled){color:#fff;cursor:pointer;background:#ffffff40}.chat-form button:not(:disabled):hover{color:#000;background:#fff}.chat-form button:disabled{opacity:.4}.typing-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:12px;align-items:center;gap:5px;width:fit-content;padding:8px 12px;display:flex}.typing-indicator span{background:#d1d5db;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-footer{display:none}@keyframes message-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message--model{animation:.3s ease-out message-appear}@media (prefers-reduced-motion:reduce){.message--model{animation:none}}