.creature-wrapper{transform:translateY(-10000px)!important}body{font-family:system-ui,-apple-system,sans-serif;margin:0}.chat-page-wrapper{padding-top:0;height:100dvh;display:flex;justify-content:center;align-items:flex-end;background-color:var(--bg-page)}.chat-container{display:flex;flex-direction:column;width:100%;max-width:800px;height:calc(100dvh - 60px);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px 12px 0 0;border-bottom:none;box-shadow:0 10px 30px #00000014;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background-color:var(--bg-card);flex-shrink:0}.header-profile{display:flex;align-items:center;gap:12px}#sound-toggle{background:none;border:none;cursor:pointer;font-size:16px;margin-left:6px;padding:2px;vertical-align:middle;opacity:.8;transition:opacity .2s,transform .1s}#sound-toggle:hover{opacity:1;transform:scale(1.1)}#clear-chat-btn{background:transparent;border:none;color:var(--text-color);opacity:.4;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .3s ease,opacity .3s ease}#clear-chat-btn:hover{opacity:1;color:#ff4757}.profile-pic{width:44px;height:44px;border-radius:50%;background-color:var(--bg-page);border:1px solid var(--border-color);color:var(--text-color);display:flex;align-items:center;justify-content:center}.profile-pic.small{width:28px;height:28px;margin-right:8px;align-self:flex-end;margin-bottom:4px}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:16px;font-weight:700;margin:0;padding:0;display:flex;align-items:center}.profile-username{color:#888;font-size:12px}.chat-messages{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background-color:var(--bg-page);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.timestamp{text-align:center;color:#888;font-size:12px;margin-bottom:8px;font-weight:500}.message-wrapper{display:flex;width:100%}.message-wrapper.user{justify-content:flex-end}.message-wrapper.bot{justify-content:flex-start}.message-content{max-width:75%}.message-bubble{padding:12px 16px;font-size:15px;line-height:1.5;word-wrap:break-word}.user .message-bubble{background-color:#2ac3ed;color:#fff;border-radius:20px 20px 4px;box-shadow:0 2px 8px #2ac3ed33}.bot .message-bubble{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-color);border-radius:20px 20px 20px 4px;box-shadow:0 2px 8px #00000005}.message-bubble a{text-decoration:underline;text-underline-offset:3px;font-weight:600;transition:opacity .2s ease}.message-bubble a:hover{opacity:.7}.bot .message-bubble a{color:#2ac3ed}.user .message-bubble a{color:#fff}.chat-input-area{padding:12px 20px 16px;background-color:var(--bg-card);border-top:3px solid var(--border-color);flex-shrink:0;display:flex;flex-direction:column;gap:8px}.input-header{display:flex;justify-content:flex-end}#char-counter{font-size:11px;color:#888;font-weight:500;transition:color .3s ease}.input-pill{display:flex;align-items:flex-end;background-color:var(--bg-page);border:1px solid var(--border-color);border-radius:24px;padding:6px 6px 6px 20px;transition:border-color .3s ease}.input-pill:focus-within{border-color:#2ac3ed}#chat-input{flex-grow:1;background:transparent;border:none;color:var(--text-color);font-size:15px;outline:none;padding:10px 0;line-height:1.5;resize:none;max-height:200px;overflow-y:auto;font-family:inherit;scrollbar-width:none}#chat-input:disabled{opacity:.6;cursor:not-allowed}#chat-input::-webkit-scrollbar{display:none}#chat-input::placeholder{color:#888}#chat-send-btn{background:transparent;border:none;color:var(--text-color);opacity:.4;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .3s ease,opacity .3s ease,transform .1s ease;flex-shrink:0}#chat-send-btn.active{color:#2ac3ed;opacity:1}#chat-send-btn:active:not(:disabled){transform:scale(.9)}#chat-send-btn:disabled{cursor:not-allowed}@media(max-width:768px){.chat-page-wrapper{position:fixed;inset:60px 0 0;height:auto;padding-top:0}.chat-header{padding:8px 16px}.profile-pic{width:36px;height:36px}#clear-chat-btn{padding:4px}.profile-name{font-size:15px}.profile-username{font-size:11px}.chat-container{height:100%;width:100%;border-radius:0;border:none}.chat-input-area{padding-bottom:env(safe-area-inset-bottom,8px);padding-top:env(safe-area-inset-bottom,8px)}.input-pill{border-width:.5px}}