.character-chat-trigger{position:absolute;inset:5% 8% 0;z-index:6;pointer-events:auto;border:0;background:transparent;cursor:pointer;border-radius:20px;color:#fff9f7}
.character-chat-trigger span{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 13px;border:1px solid #ffffff1f;border-radius:20px;background:#21181dcc;box-shadow:0 8px 24px #140c1299;font-size:11px;letter-spacing:.06em}
.character-chat-trigger:focus-visible{outline:2px solid #d8c4c0;outline-offset:4px}
.character-chat{position:absolute;z-index:11;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:max(24px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom));border:0;border-radius:0;background:linear-gradient(180deg,#21181dd9 0%,#21181d9c 34%,#171014b8 66%,#100b0fe8 100%);color:#fff9f7;box-shadow:none;backdrop-filter:blur(5px)}
.character-chat[hidden]{display:none}
.character-chat:not([hidden]){display:flex;flex-direction:column;gap:14px}
.character-chat header,.chat-tools,.character-chat form{display:flex;align-items:center;gap:8px}
.character-chat header{justify-content:space-between}.character-chat h2{font:500 22px/1.25 "Songti SC","STSong","SimSun",serif;margin:0}
.chat-mode-kicker{display:block;margin-bottom:4px;color:#c7b8bc;font-size:8px;letter-spacing:.18em}
.character-chat button,.character-chat select,.character-chat textarea{font:inherit;color:inherit;border:1px solid #d8c4c038;border-radius:14px;background:#fff9f70a;padding:9px 11px}
.character-chat option{background:#21181d}.character-chat button{cursor:pointer}.character-chat button:disabled{opacity:.5;cursor:wait}
.character-chat [data-close]{width:42px;height:42px;padding:0;border-radius:50%;font-size:20px;background:#fff9f70d}
.chat-tools{font-size:12px}.chat-tools select{display:none;min-width:0;flex:1}.chat-tools button{background:#8f646819}
.chat-state{display:grid;place-items:center;gap:7px;min-height:190px;padding:28px 22px;text-align:center;border:1px solid #d8c4c026;border-radius:20px;background:radial-gradient(circle at 50% 8%,#8f64682e,transparent 46%),#fff9f705}
.chat-state[hidden]{display:none}.chat-state>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d8c4c052;border-radius:50%;color:#d8c4c0;font-size:20px}
.chat-state strong{font:500 18px/1.35 "Songti SC","STSong","SimSun",serif}.chat-state p{max-width:260px;margin:0;color:#c7b8bc;font-size:11px;line-height:1.7}
.chat-state button{margin-top:7px;padding-inline:18px;background:linear-gradient(135deg,#68484e,#8f6468);box-shadow:0 10px 24px #120a105c}
.chat-state:not([data-kind="error"]) button{display:none}.chat-state[data-kind="error"]>span{color:#dcb4b6;border-color:#bd7d7670;background:#bd7d7617}
.chat-messages{min-height:0;max-height:none;flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;padding:18px 4px 8px;scrollbar-width:thin;scrollbar-color:#d8c4c052 transparent}
.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{border-radius:99px;background:#d8c4c052}
.chat-message-group{display:flex;flex-direction:column;gap:8px;max-width:90%}.chat-message-group.user{align-self:flex-end;align-items:flex-end}.chat-message-group.assistant{align-self:flex-start;align-items:flex-start}.chat-message{max-width:100%;padding:11px 13px;white-space:normal;overflow-wrap:anywhere;border-radius:15px;background:#fff9f70d;font-size:13px;line-height:1.65}.chat-message p{margin:0}.chat-message p+p{margin-top:10px}.chat-message strong{font-weight:700;color:#fff8ed}.chat-message em{font-style:italic}.chat-message code{padding:2px 5px;border-radius:5px;background:#0005;color:#f6d6a0;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.chat-message pre{margin:8px 0;padding:10px;border-radius:9px;overflow:auto;background:#0007}.chat-message pre code{padding:0;background:none;color:#f7e8d2}.chat-message blockquote{margin:8px 0;padding-left:10px;border-left:2px solid #d7a6b080;color:#ead9c7}.chat-message ul,.chat-message ol{margin:6px 0;padding-left:20px}.chat-message li+li{margin-top:3px}.chat-message a{color:#f0c887;text-decoration:underline;text-underline-offset:2px}
.chat-message.user{align-self:flex-end;background:#8f646835}.chat-message.assistant{align-self:flex-start}
.character-chat .chat-inline-status{min-height:16px;margin:0;color:#c7b8bc;font-size:10px;line-height:1.5}
.chat-input-area{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:auto}.chat-input-area form{flex:1;padding-top:0}.character-chat textarea{flex:1;min-width:0;resize:none;font-size:13px;line-height:1.55}.character-chat form button{border-color:#ffffff45;background:linear-gradient(135deg,#68484e,#8f6468);color:#fff9f7}
.chat-input-menu-wrap{position:relative;display:flex}.character-chat .chat-input-menu-toggle{display:grid;place-items:center;width:42px;padding:0;background:#fff9f708;color:#c7b8bc}.chat-input-menu-toggle svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.chat-input-menu-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.chat-input-menu{position:absolute;z-index:4;left:0;bottom:calc(100% + 8px);display:grid;gap:5px;width:190px;padding:7px;border:1px solid #d8c4c038;border-radius:17px;background:#21181df2;box-shadow:0 16px 38px #10090dcc;backdrop-filter:blur(18px)}.chat-input-menu[hidden]{display:none}.character-chat .chat-input-menu button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#e7dadd;text-align:left;font-size:12px}.chat-input-menu button:hover,.chat-input-menu button:focus-visible{background:#8f646829}.chat-input-menu svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.chat-material-composer{display:flex;flex:1}.chat-material-composer[hidden]{display:none}.character-chat [data-chat-material-select]{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;min-height:54px;border-color:#d8c4c052;background:linear-gradient(135deg,#68484e,#8f6468);font-size:13px}.character-chat [data-chat-material-select] svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chat-voice-composer{display:flex;flex:1;align-items:center;gap:9px}.chat-voice-composer[hidden]{display:none}.character-chat [data-chat-hold]{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;min-height:54px;border-color:#d8c4c052;background:linear-gradient(135deg,#68484e,#8f6468);font-size:13px;touch-action:none;user-select:none;-webkit-user-select:none}.character-chat [data-chat-hold] svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.character-chat [data-chat-hold].is-holding{background:linear-gradient(135deg,#9a646e,#bd7d76);box-shadow:0 0 0 5px #bd7d7626}
.chat-voice-wave{display:flex;align-items:center;justify-content:center;gap:3px;width:44px;height:42px}.chat-voice-wave i{width:3px;height:9px;border-radius:4px;background:#e7dadd;opacity:.45}.chat-voice-wave i:nth-child(2),.chat-voice-wave i:nth-child(4){height:17px}.chat-voice-wave i:nth-child(3){height:25px}.character-chat.is-holding .chat-voice-wave i{animation:chat-voice-pulse .55s ease-in-out infinite alternate}.character-chat.is-holding .chat-voice-wave i:nth-child(2){animation-delay:-.18s}.character-chat.is-holding .chat-voice-wave i:nth-child(3){animation-delay:-.36s}.character-chat.is-holding .chat-voice-wave i:nth-child(4){animation-delay:-.12s}
.character-chat.is-voice-mode .chat-message{background:#21181dbd;backdrop-filter:blur(12px)}.character-chat.is-voice-mode .chat-inline-status{text-align:center}.character-chat.is-voice-mode .chat-input-menu-wrap{align-self:stretch}.character-chat.is-voice-mode .chat-input-menu-toggle{height:100%;min-height:54px}.character-chat.is-voice-mode .chat-input-menu{bottom:calc(100% + 10px)}
.character-chat.is-material-mode .chat-input-menu-wrap{align-self:stretch}.character-chat.is-material-mode .chat-input-menu-toggle{height:100%;min-height:54px}.character-chat.is-material-mode .chat-input-menu{bottom:calc(100% + 10px)}
.home-shell.is-chatting>:not(.room-layer):not(.room-grade):not(.character-chat){opacity:0;visibility:hidden;pointer-events:none}
@keyframes chat-voice-pulse{to{transform:scaleY(.42);opacity:1}}
@media(prefers-reduced-motion:reduce){.character-chat.is-holding .chat-voice-wave i{animation:none}.chat-input-menu-toggle svg{transition:none}}
.home-shell[data-character="yan"] .room-layer,.home-shell[data-character="wen"] .room-layer{background:url('./assets/world37-tent-camp-room-v1.png') center/cover}
@media(max-height:700px){.chat-state{min-height:145px;padding-block:18px}}