:root{color-scheme:light;--paper:#faf9f6;--ink:#242421;--muted:#a29e94;--red:#aa3e30;--body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none}body{color:var(--ink);background:var(--paper);font:15px/1.8 var(--body);-webkit-font-smoothing:antialiased}button{font:inherit}.conversation-app{width:min(100%,760px);height:100dvh;min-height:440px;margin:0 auto;display:flex;flex-direction:column;padding:18px 42px 0}.avatar-panel{display:grid;place-items:center;flex:0 0 auto;padding:7px 0 0}.avatar-panel canvas{display:block;width:284px;height:284px;mix-blend-mode:multiply}.conversation{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#e1ded6 transparent;scroll-behavior:smooth;padding:10px 4px 28px;display:flex;flex-direction:column;gap:23px;overscroll-behavior:contain}.conversation::-webkit-scrollbar{width:3px}.conversation::-webkit-scrollbar-thumb{background:#e1ded6;border-radius:3px}.welcome{color:#b0aba0;font-family:"Songti SC","STSong",serif;font-size:19px;letter-spacing:2px;text-align:center;margin:auto 0;padding-bottom:35px}.message{width:fit-content;max-width:92%;font-size:15px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0;margin:0}.message.user{align-self:flex-end;background:#efede6;padding:10px 17px;border-radius:16px 16px 3px 16px;color:#605d55}.message.assistant{align-self:flex-start;padding:0 2px;letter-spacing:.1px}.message.pending{min-width:35px;min-height:23px}.message.pending::after{content:"";display:inline-block;vertical-align:middle;width:5px;height:5px;border-radius:50%;background:#b4afa3;box-shadow:8px 0 #c6c1b7,16px 0 #d5d0c7;animation:waiting 1.2s ease-in-out infinite}.message.partial::after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;margin-left:5px;margin-bottom:2px;background:#b8b2a5;vertical-align:middle}.talk-controls{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding:19px 0 max(30px,env(safe-area-inset-bottom));position:relative}.talk-controls::before{content:"";position:absolute;top:-20px;left:0;right:0;height:20px;background:linear-gradient(transparent,var(--paper));pointer-events:none}.talk-button{border:0;background:var(--ink);color:#fff;min-width:176px;min-height:56px;border-radius:50px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:500;letter-spacing:1px;padding:0 27px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .12s ease,box-shadow .15s ease;box-shadow:0 4px 12px #29251d08}.talk-button:hover{background:#373732}.talk-button:focus-visible{outline:2px solid var(--red);outline-offset:5px}.talk-button[data-state="listening"]{background:var(--red);transform:scale(1.035);box-shadow:0 0 0 7px #aa3e300b}.talk-button[data-state="connecting"]{background:#8b8880;cursor:wait}.talk-button:disabled{opacity:.45;cursor:wait}.button-icon{display:flex;align-items:center;justify-content:center;width:20px;height:23px}.button-icon svg{width:20px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.talk-button[data-state="listening"] .button-icon{animation:listen 1.5s ease-in-out infinite}.error-message{font-size:11px;line-height:1.65;text-align:center;color:var(--red);max-width:320px;margin:0 0 12px}.error-message[hidden]{display:none}@keyframes waiting{50%{opacity:.4}}@keyframes listen{50%{opacity:.6}}@media(max-width:600px){.conversation-app{padding:7px 24px 0}.avatar-panel canvas{width:244px;height:244px}.avatar-panel{padding:4px 0 0}.conversation{padding-top:4px;gap:20px}.message{font-size:15px;max-width:94%}.talk-controls{padding-top:15px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.talk-button{min-height:56px;min-width:180px}.welcome{padding-bottom:20px}}@media(max-height:700px){.avatar-panel canvas{width:205px;height:205px}.conversation-app{padding-top:0}.talk-controls{padding-top:12px;padding-bottom:max(18px,env(safe-area-inset-bottom))}}@media(max-height:520px) and (min-width:700px){.conversation-app{display:grid;grid-template-columns:210px 1fr;grid-template-rows:minmax(0,1fr) 90px;column-gap:28px;padding-top:15px;min-height:320px}.avatar-panel{grid-row:1/3;align-self:center}.conversation{height:100%}.talk-controls{grid-column:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}