:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#30312e;background:#fafafa;--app-height:100dvh;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none}button,textarea,select{font:inherit;color:inherit}button,select{cursor:pointer}button{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4}[hidden]{display:none!important}button:focus-visible,select:focus-visible{outline:2px solid #c1ab7d;outline-offset:3px}.scene{height:var(--app-height);position:relative;overflow:hidden}.character{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:min(480px,80vw);display:flex;flex-direction:column;align-items:center}#stage{width:100%;height:min(480px,calc(var(--app-height) * .58));position:relative;flex:none}#live2d{width:100%;height:100%;display:block;position:absolute;inset:0}#greet{position:absolute;inset:0;border:0;background:transparent;border-radius:30%;outline-offset:-10px}#model-status{position:absolute;top:50%;width:100%;text-align:center;color:#aaa;font-size:12px;pointer-events:none}#subtitle{font-size:15px;line-height:1.9;text-align:center;max-width:100%;width:100%;height:5.7em;margin:12px 0 0;overflow:auto;scrollbar-width:none;white-space:pre-wrap;overflow-wrap:anywhere;color:#5c5d56;letter-spacing:.2px}
.dock{position:absolute;bottom:max(5vh,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:80%;max-width:900px;z-index:3;border:1px solid #e3e3df;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 4px 25px #00000003;overflow:visible}.dock-head{height:38px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:14px 14px 0 0;background:#fff;position:relative;z-index:1}.voice-picker{display:flex;align-items:center;gap:7px;min-width:0}#voice-dot{width:5px;height:5px;border-radius:50%;background:#9d9f82;flex:none}#voice-dot.muted{background:#c6c6c1}#voice{appearance:none;-webkit-appearance:none;border:0;background:transparent;font-size:11px;max-width:220px;padding:5px 0;outline-offset:0;color:#91928a;background-image:none;text-overflow:ellipsis}.dock-actions{display:flex;gap:12px;align-items:center}.dock-actions button{border:0;background:transparent;padding:4px;width:25px;height:25px;color:#a0a198;display:grid;place-items:center}.dock-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}#expand svg{transition:transform .2s}#expand[aria-expanded=true] svg{transform:rotate(180deg)}#history-panel{height:min(280px,calc(var(--app-height) * .36));border-top:1px solid #f2f2ef;border-bottom:1px solid #f2f2ef}#messages{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dfdfd7 transparent;padding:18px 20px}.message{font-size:13px;line-height:1.85;margin:0 0 19px;overflow-wrap:anywhere}.message header{display:flex;align-items:center;gap:10px;font-size:10px;color:#a6a79b}.message time{font-size:9px;color:#b8b9b0}.message p{white-space:pre-wrap;margin:5px 0 0;color:#55564f}.message.user p{color:#77796f}.message.read p{color:#777665}.message.pending p{color:#aaa}.message.failed p{color:#a2785a}
#composer{display:flex;align-items:center;gap:12px;padding:0 12px 11px}#mode-toggle{display:flex;align-items:center;gap:5px;flex:none;background:#f1f2ec;border:0;border-radius:6px;padding:7px 9px;font-size:12px;color:#737965}#mode-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}textarea{flex:1;min-width:0;width:100%;resize:none;border:0;outline:none;background:transparent;font-size:14px;line-height:1.6;height:26px;max-height:80px;padding:2px 0;scrollbar-width:thin}textarea::placeholder{color:#b0b2a7}#submit,#stop{border:0;background:#3b4034;color:#fff;border-radius:7px;padding:8px 13px;font-size:12px;white-space:nowrap;flex:none}#stop{background:#8b7c65}#notice{margin:0;padding:0 15px 10px;font-size:11px;line-height:1.6;color:#a07855;max-height:64px;overflow:auto}#notice:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.character{top:42%;width:80vw}#stage{height:min(410px,calc(var(--app-height) * .53))}#subtitle{font-size:13px;height:5.7em;margin-top:8px}.dock{bottom:max(5vh,env(safe-area-inset-bottom));border-radius:12px}.dock-head{height:35px;padding:0 12px}#voice{max-width:150px;font-size:10px}#composer{padding:0 9px 9px;gap:7px}#mode-toggle{font-size:11px;padding:7px;gap:4px}#mode-toggle svg{width:11px}textarea{font-size:16px;height:29px}#submit,#stop{padding:8px 10px;font-size:11px}#messages{padding:14px}#history-panel{height:min(240px,calc(var(--app-height) * .34))}.message{font-size:12px}}
@media(max-height:500px){.character{top:39%;width:min(300px,65vw)}#stage{height:calc(var(--app-height) * .49)}#subtitle{font-size:12px;height:3.8em;margin:4px 0 0}.dock{bottom:max(12px,env(safe-area-inset-bottom))}.dock-head{height:30px}#composer{padding-bottom:8px}#history-panel{height:calc(var(--app-height) * .32)}}
@media(prefers-reduced-motion:reduce){#expand svg{transition:none}}