:root{--text:#e5e7eb;--text-h:#f9fafb;--bg:#111214;--sans:"PingFang SC", "Hiragino Sans GB", "Avenir Next", sans-serif;--heading:"PingFang SC", "Hiragino Sans GB", "Avenir Next", sans-serif;font:16px/1.5 var(--sans);letter-spacing:0;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#111214;min-width:320px;min-height:100svh;margin:0}#root{box-sizing:border-box;width:100%;margin:0 auto}h1,h2{font-family:var(--heading);color:var(--text-h);margin:0;font-weight:600}p{margin:0}button,input,textarea{font:inherit}*{box-sizing:border-box}.chat-shell{min-height:100dvh;padding:24px}.chat-frame{flex-direction:column;max-width:880px;min-height:calc(100dvh - 48px);margin:0 auto;display:flex}.chat-titlebar{padding:12px 4px 18px}.chat-titlebar h1{letter-spacing:0;margin:0 0 6px;font-size:28px}.chat-titlebar p{color:#9ca3af;font-size:14px}.messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;min-height:0;padding:12px 0 24px;display:flex;overflow:auto}.message{border-radius:18px;max-width:min(78%,720px);padding:14px 16px;line-height:1.6}.message.assistant{color:#f3f4f6;background:#1b1c1f;align-self:flex-start}.message.user{color:#f9fafb;background:#2a2d31;align-self:flex-end}.composer-zone{padding-top:16px;padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(#11121400,#111214 22%);position:sticky;bottom:0}.voice-mode-wrap{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;gap:12px;display:flex}.live-bubble{color:#8e98a4;opacity:0;-webkit-user-select:none;user-select:none;background:#2f3338;border-radius:16px;width:fit-content;max-width:min(100%,480px);margin:0 0 12px auto;padding:10px 14px;transition:opacity .16s,transform .16s;transform:translateY(8px)}.live-bubble.visible{opacity:1;color:#eef2f7;transform:translateY(0)}.composer-card{background:#1a1c20;border:1px solid #34373c;border-radius:28px;align-items:flex-end;gap:12px;padding:14px 16px;display:flex}.voice-card{align-items:center}.composer-input{resize:none;color:#f3f4f6;background:0 0;border:0;outline:none;flex:1;min-height:28px;max-height:140px;padding:8px 0}.composer-input::placeholder{color:#707781}.composer-actions{align-items:center;gap:10px;display:flex}.icon-button{color:#e5e7eb;cursor:pointer;background:#2a2d31;border:0;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:disabled{opacity:.45;cursor:not-allowed}.icon-button.active{background:#3a414b}.mic-icon{border:2px solid;border-radius:999px;width:12px;height:18px;position:relative}.mic-icon:before{content:"";border:2px solid;border-top:0;border-radius:0 0 999px 999px;width:12px;height:6px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.mic-icon:after{content:"";background:currentColor;width:2px;height:6px;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.keyboard-icon{border:2px solid;border-radius:3px;width:16px;height:12px;display:block;position:relative}.keyboard-icon:before{content:"";background:currentColor;width:18px;height:2px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.keyboard-icon:after{content:"";background:linear-gradient(currentColor,currentColor) 0 0/2px 2px no-repeat,linear-gradient(currentColor,currentColor) top/2px 2px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/2px 2px no-repeat,linear-gradient(currentColor,currentColor) 0/2px 2px no-repeat,linear-gradient(currentColor,currentColor) 50%/2px 2px no-repeat,linear-gradient(currentColor,currentColor) 100%/2px 2px no-repeat;position:absolute;inset:3px 2px 2px}.hold-button{color:#fff;cursor:pointer;white-space:nowrap;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#f97316;border:0;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:10px;min-width:0;height:48px;padding:0 18px;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex;box-shadow:0 8px 18px #f973163d}.hold-dot{background:#ffffffeb;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 6px #ffffff29}.hold-button.active{background:#ea580c;transform:translateY(1px)scale(.985);box-shadow:0 3px 10px #ea580c47}.hold-button:active{transform:translateY(1px)scale(.985);box-shadow:0 3px 10px #ea580c47}.waveform{align-items:center;gap:3px;height:16px;display:inline-flex}.waveform span{transform-origin:50%;background:#ffffffa6;border-radius:999px;width:3px;height:8px;display:block}.waveform.live span{animation:.9s ease-in-out infinite waveform-bounce}.waveform.live span:nth-child(2){animation-delay:.12s}.waveform.live span:nth-child(3){animation-delay:.24s}.waveform.live span:nth-child(4){animation-delay:.36s}@keyframes waveform-bounce{0%,to{opacity:.65;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1.5)}}.composer-meta{color:#6b7280;justify-content:space-between;gap:12px;padding:10px 6px 0;font-size:12px;display:flex}.floating-error{z-index:60;color:#ffedd5;text-align:center;pointer-events:none;background:#7c2d12eb;border:1px solid #fb923c73;border-radius:12px;max-width:min(92vw,520px);padding:12px 14px;line-height:1.45;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px #00000061}.health-overlay{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#111214b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.health-card{color:#e5e7eb;text-align:center;background:#191b1ff5;border:1px solid #3c4148;border-radius:16px;width:min(92vw,360px);padding:22px 20px;box-shadow:0 20px 40px #0006}.health-spinner{border:3px solid #fff3;border-top-color:#f97316;border-radius:999px;width:34px;height:34px;margin:0 auto 12px;animation:.8s linear infinite health-spin;display:block}.health-title{color:#f9fafb;margin:0;font-size:17px}.health-text{color:#9ca3af;margin:6px 0 0;font-size:13px}@keyframes health-spin{to{transform:rotate(360deg)}}@media (width<=720px){.chat-shell{padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px))}.chat-frame{min-height:calc(100svh - 20px - env(safe-area-inset-bottom,0px));min-height:calc(100dvh - 20px - env(safe-area-inset-bottom,0px))}.chat-titlebar{padding:8px 2px 12px}.chat-titlebar h1{font-size:24px}.chat-titlebar p{font-size:13px}.messages{gap:10px;padding:8px 2px 18px}.message{border-radius:14px;max-width:92%;padding:12px 14px;line-height:1.5}.composer-zone{padding-top:12px}.composer-card{border-radius:18px;align-items:center;gap:10px;padding:10px 12px}.voice-card{align-items:center}.composer-input{width:100%;min-height:22px;max-height:100px}.composer-actions{justify-content:flex-end;width:100%}.voice-card .composer-actions{flex:none;width:auto}.voice-card .hold-button{flex:auto}.icon-button{width:44px;height:44px}.hold-button{border-radius:14px;height:44px;font-size:15px}.waveform{height:14px}.waveform span{width:2px;height:7px}.live-bubble{max-width:94%;margin-bottom:10px;padding:9px 12px;font-size:14px}.composer-meta{flex-direction:column;gap:6px;padding:8px 4px 0;font-size:11px}.floating-error{max-width:min(90vw,420px);padding:11px 12px;font-size:13px;top:46%}.health-card{border-radius:14px;width:min(90vw,330px);padding:20px 16px}.health-spinner{width:30px;height:30px;margin-bottom:10px}.health-title{font-size:16px}.health-text{font-size:12px}}