:root{--bg: #f7f8f6;--surface: #ffffff;--border: #e3e6e1;--text: #101418;--muted: #4a544e;--dim: #6b756f;--accent: #12715a;--accent-press: #0e5b48;--on-accent: #ffffff;--radius: 12px;--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:18px;line-height:1.6;-webkit-text-size-adjust:100%}.page{min-height:100%;max-width:560px;margin:0 auto;padding:22px 20px 26px;display:flex;flex-direction:column}.top{display:flex;align-items:baseline;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:9px}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--on-accent);font-size:16px;font-weight:600;line-height:1;display:grid;place-items:center}.brand-name{font-size:20px;font-weight:600;letter-spacing:.04em}.brand-sub{font-size:13px;color:var(--dim)}.hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:44px 0}.hero-title{margin:0 0 14px;font-size:34px;line-height:1.25;font-weight:600;letter-spacing:.02em}.hero-text{margin:0 0 38px;font-size:17px;color:var(--muted)}.cta{width:100%;height:72px;font-family:inherit;font-size:21px;font-weight:600;letter-spacing:.04em;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;transition:background-color .12s linear}.cta:active{background:var(--accent-press);border-color:var(--accent-press)}.cta:focus-visible{outline:3px solid #12715a;outline-offset:3px}.cta.ghost{background:transparent;color:var(--accent)}.cta.ghost:active{background:#eef3f0}.foot{border-top:1px solid var(--border);padding-top:16px}.foot-line{margin:0 0 6px;font-size:14px;color:var(--muted)}.foot-line.dim{color:var(--dim);margin-bottom:0}.call-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding-bottom:40px}.call-avatar{width:96px;height:96px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:40px;font-weight:600;display:grid;place-items:center;margin-bottom:18px}.call-title{margin:0;font-size:24px;font-weight:600}.call-text{margin:0 0 30px;max-width:20em;color:var(--muted)}@media (prefers-reduced-motion: reduce){.cta{transition:none}}.page.chat{height:100%}.top-actions{margin-left:auto;display:flex;align-items:baseline;gap:14px}.top-exit{padding:0;font-family:inherit;font-size:15px;color:var(--accent);background:none;border:0;cursor:pointer}.linkish{margin-left:6px;padding:0;font-family:inherit;font-size:14px;color:var(--accent);background:none;border:0;border-bottom:1px solid currentColor;cursor:pointer}.chat-list{flex:1;overflow-y:auto;padding:18px 0;display:flex;flex-direction:column;gap:10px}.chat-hint{color:var(--muted);font-size:15px}.chat-hint p{margin:0 0 8px}.bubble{max-width:82%;padding:11px 14px;border-radius:var(--radius);font-size:17px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.bubble.user{align-self:flex-end;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent)}.bubble.assistant{align-self:flex-start;background:var(--surface);border:1px solid var(--border)}.safety{display:block;margin-bottom:6px;font-size:13px;color:#8a4b1f}.chat-err{margin:0 0 10px;font-size:14px;color:#a3341f}.composer{display:flex;gap:8px}.composer input{flex:1;height:52px;padding:0 14px;font-family:inherit;font-size:17px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.composer input:focus{outline:2px solid var(--accent);outline-offset:-1px}.send{width:76px;height:52px;font-family:inherit;font-size:17px;font-weight:600;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer}.send:disabled{opacity:.45;cursor:default}.ai-note{margin:10px 0 0;font-size:12px;color:var(--dim);text-align:center}.hold{flex:1;height:60px;font-family:inherit;font-size:19px;font-weight:600;letter-spacing:.04em;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;transition:background-color .12s linear}.hold.is-recording{background:var(--accent-press);border-color:var(--accent-press);box-shadow:inset 0 0 0 3px #cfe6dd}.hold:disabled{opacity:.55;cursor:default}.mode{width:60px;height:60px;font-family:inherit;font-size:15px;color:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.mode:disabled{opacity:.45;cursor:default}.page.call{height:100dvh;max-width:none;padding:0}.call-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 0}.call-title-group{display:flex;align-items:baseline;gap:10px}.call-brand{font-size:18px;font-weight:600;letter-spacing:.04em}.call-timer{font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}.call-mute{padding:0;font-family:inherit;font-size:15px;color:var(--accent);background:none;border:0;cursor:pointer}.call-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:8px 20px}.avatar-wrap{position:relative;width:min(58vw,240px);aspect-ratio:1}.avatar{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:50%;border:1px solid var(--border);background:var(--surface)}.avatar svg{display:block;width:100%;height:100%}.avatar-ring{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px solid var(--accent);opacity:0}.avatar-wrap.is-listening .avatar-ring{animation:breathe 1.1s ease-in-out infinite}.avatar-wrap.is-speaking .avatar-ring{animation:breathe 1.5s ease-in-out infinite}.avatar-wrap.is-thinking .avatar-ring{animation:breathe 1.9s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.12}50%{transform:scale(1.05);opacity:.5}}.avatar-tag{position:absolute;left:50%;bottom:-26px;transform:translate(-50%);font-size:12px;color:var(--dim);white-space:nowrap}.call-user{margin:26px 0 0;max-width:24em;font-size:16px;color:var(--muted);text-align:center}.call-caption{margin:0;max-width:16em;font-size:20px;line-height:1.55;text-align:center;color:var(--text)}.call-caption.dim{font-size:17px;color:var(--dim)}.call-err{margin:0;font-size:14px;color:#a3341f;text-align:center}.call-foot{display:flex;gap:10px;padding:0 16px 8px}.call-hang{width:88px;height:60px;font-family:inherit;font-size:17px;font-weight:600;color:#a3341f;background:var(--surface);border:1px solid #e6d5cf;border-radius:var(--radius);cursor:pointer}.page.call .ai-note{margin:0 0 calc(10px + env(safe-area-inset-bottom))}