:root{--color-canvas:#f5f7fa;--color-surface:#fff;--color-text:#161b26;--color-muted:#7b8798;--color-subtle:#a5afbd;--color-border:#e6e9ee;--color-soft:#f7f8fa;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;color:var(--color-text);background:var(--color-surface);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--color-surface);width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{height:100vh;height:100dvh}button{font:inherit}.voice-chat{background:var(--color-surface);grid-template-rows:minmax(0,1fr) auto;width:min(100%,560px);height:100%;min-height:0;max-height:100dvh;margin:0 auto;display:grid;overflow:hidden}.messages{min-width:0;min-height:0;padding:max(40px,env(safe-area-inset-top)) 28px 38px;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable;flex-direction:column;gap:32px;margin:0;list-style:none;display:flex;overflow:hidden auto}.message{max-width:88%;animation:.24s cubic-bezier(.2,.8,.2,1) both message-in;display:grid}.message--user{align-self:end;justify-items:end}.message--assistant{align-self:start;justify-items:start}.message__details{color:var(--color-subtle);letter-spacing:.01em;flex-wrap:wrap;align-items:center;gap:0;margin-top:10px;font-size:11px;font-weight:500;line-height:1.3;display:flex}.message--user .message__details{justify-content:flex-end}.message__timing{color:var(--color-muted);margin-left:7px;position:relative}.message__timing-summary{cursor:pointer;font-variant-numeric:tabular-nums;list-style:none}.message__timing-summary::-webkit-details-marker{display:none}.message__timing-summary:before{content:"·";color:#c8ced7;margin-right:7px}.message__timing-summary:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #2563eb3d}.message__timing-list{z-index:3;border:1px solid var(--color-border);width:max-content;min-width:132px;color:var(--color-muted);background:#fff;border-radius:10px;gap:7px;padding:10px 12px;display:grid;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 10px 28px #0f172a1a}.message--user .message__timing-list{left:auto;right:0}.message__metric{font-variant-numeric:tabular-nums}.message__bubble{border-radius:20px;font-size:16px;line-height:1.7}.message--user .message__bubble{color:#fff;background:var(--color-accent);border-bottom-right-radius:7px;min-width:190px;max-width:310px;padding:15px 17px 14px;box-shadow:0 8px 22px #2563eb24}.message--assistant .message__bubble{color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface);border-bottom-left-radius:7px;overflow:hidden;box-shadow:0 10px 30px #0f172a0d}.message--playing .message__bubble{border-color:#cbd8f8;box-shadow:0 12px 32px #2563eb1a}.message__reasoning{background:#fafbfc;padding:0}.reasoning__header{color:#5f6b7a;cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:44px;padding:11px 16px;list-style:none;display:grid}.reasoning__header::-webkit-details-marker{display:none}.reasoning__header:after{content:"";border-right:1.5px solid var(--color-muted);border-bottom:1.5px solid var(--color-muted);width:7px;height:7px;transition:transform .16s;transform:rotate(45deg)}.message__reasoning:not([open]) .reasoning__header:after{transform:rotate(-45deg)}.reasoning__header strong{letter-spacing:.01em;font-size:12px;font-weight:650}.reasoning__header>span{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:12px}.reasoning__icon{fill:none;width:16px;height:16px;stroke:var(--color-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.reasoning__content{max-height:180px;color:var(--color-muted);padding:0 17px 16px 43px;font-size:13px;line-height:1.7;overflow:auto}.message__answer{border-top:1px solid var(--color-border);white-space:pre-wrap;padding:18px 20px 20px 52px;line-height:1.72;position:relative}.markdown-content{overflow-wrap:anywhere;white-space:normal;min-width:0}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content p{margin:.68em 0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:.75em 0 .35em;font-size:1em;line-height:1.4}.markdown-content ul,.markdown-content ol{margin:.45em 0;padding-left:1.35em}.markdown-content li+li{margin-top:.25em}.markdown-content blockquote{color:#64748b;border-left:3px solid #bfdbfe;margin:.55em 0;padding-left:.8em}.markdown-content code{color:#1d4ed8;background:#eff6ff;border-radius:5px;padding:.12em .35em;font:.88em/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.markdown-content pre{color:#e2e8f0;background:#0f172a;border-radius:9px;max-width:100%;margin:.6em 0;padding:10px 12px;overflow:auto}.markdown-content pre code{color:inherit;background:0 0;padding:0}.markdown-content a{color:#2563eb;text-underline-offset:2px;text-decoration-thickness:1px}.markdown-content table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.markdown-content th,.markdown-content td{text-align:left;border:1px solid #dbeafe;padding:5px 8px}.message__bubble--error{color:#475569;background:var(--color-soft);box-shadow:none;padding:14px 16px}.message__audio{align-items:center;gap:11px;display:flex}.message__audio-button{width:32px;height:32px;color:var(--color-accent);cursor:pointer;background:#fff;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .16s;display:grid}.message__audio-button:hover{transform:scale(1.05)}.message__audio-button:focus-visible{outline-offset:2px;outline:3px solid #ffffff73}.message__audio-button:before{content:"";border:6px solid #0000;border-left:9px solid;border-right-width:0;margin-left:2px}.message__wave{flex:1;align-items:center;gap:2px;height:24px;display:flex}.message__wave i{width:2px;height:var(--wave-height,12px);opacity:.92;background:currentColor;border-radius:2px}.message__duration{text-align:right;min-width:34px;font-size:13px}.message__transcript{margin-top:9px;font-size:15px;font-weight:500}.message__assistant-mark{color:#fff;background:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;gap:1.5px;width:24px;height:24px;display:flex;position:absolute;top:20px;left:16px}.message__assistant-mark i{width:2px;height:var(--mark-height,8px);background:currentColor;border-radius:2px;max-height:14px}.stream-dots{vertical-align:middle;gap:4px;margin-left:6px;display:inline-flex}.stream-dots i,.icon--thinking i{background:#2563eb;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite dot}.stream-dots i:nth-child(2),.icon--thinking i:nth-child(2){animation-delay:.14s}.stream-dots i:nth-child(3),.icon--thinking i:nth-child(3){animation-delay:.28s}.voice-status{z-index:1;width:100%;min-height:calc(138px + env(safe-area-inset-bottom));padding:22px 16px calc(24px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--color-border);color:inherit;background:var(--color-surface);cursor:pointer;-webkit-tap-highlight-color:transparent;place-content:center;justify-items:center;display:grid;position:relative}.voice-status:disabled{cursor:wait}.voice-status:focus-visible{outline-offset:-4px;outline:3px solid #2563eb38}.voice-icon{width:62px;height:62px;color:var(--color-accent);background:#fff;border:1px solid #dbe2ea;border-radius:50%;place-items:center;transition:transform .18s,box-shadow .18s,background .18s;display:grid;box-shadow:0 8px 24px #0f172a14}.voice-status:not(:disabled):hover .voice-icon{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a1c}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:31px;height:31px;overflow:visible}.icon--wave,.icon--thinking{display:none}.wake-hint{color:var(--color-muted);letter-spacing:.01em;margin:11px 0 0;font-size:13px;font-weight:500;line-height:1.4}.voice-status--listening .voice-icon{border-color:var(--color-accent);color:#fff;background:var(--color-accent);box-shadow:0 0 0 8px #2563eb17,0 10px 28px #2563eb2e}.voice-status--loading .icon--microphone,.voice-status--loading .icon--wave,.voice-status--listening .icon--microphone,.voice-status--listening .icon--thinking,.voice-status--thinking .icon--microphone,.voice-status--thinking .icon--wave,.voice-status--speaking .icon--microphone,.voice-status--speaking .icon--thinking{display:none}.voice-status--listening .icon--wave,.voice-status--speaking .icon--wave{align-items:center;gap:3px;height:24px;display:flex}.icon--wave i{background:currentColor;border-radius:3px;width:3px;height:12px;animation:.72s ease-in-out infinite alternate wave}.icon--wave i:nth-child(2),.icon--wave i:nth-child(4){height:22px;animation-delay:-180ms}.icon--wave i:nth-child(3){height:29px;animation-delay:-360ms}.voice-status--loading .icon--thinking,.voice-status--thinking .icon--thinking{gap:6px;display:flex}.voice-status--speaking .voice-icon{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.fixture-controls{z-index:10;background:#fff;border:1px solid #cbd5e1;max-width:360px;padding:12px;position:fixed;inset:8px auto auto 8px}.fixture-controls:not([hidden]){gap:6px;display:grid}.fixture-controls pre{white-space:pre-wrap;max-height:160px;font-size:11px;overflow:auto}@keyframes message-in{0%{opacity:0;transform:translateY(8px)}}@keyframes dot{0%,70%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes wave{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:480px){.messages{padding:max(28px,env(safe-area-inset-top)) 18px 28px;gap:28px}.message{max-width:92%}.message__answer{padding:17px 17px 18px 48px}.message__assistant-mark{left:15px}.voice-status{min-height:calc(126px + env(safe-area-inset-bottom))}}@media (min-width:700px){body{background:var(--color-canvas)}.voice-chat{box-shadow:0 0 0 1px var(--color-border),0 24px 80px #0f172a12}}