:root{color-scheme:dark;--bg:#171a18;--panel:#202420;--ink:#edece3;--muted:#929b91;--accent:#d5ef9a;--line:#353d34;--error:#ffc1aa;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1100px;margin:auto;padding:0 40px}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-size:23px;font-weight:600;display:flex;align-items:center;gap:10px}.brand-icon{font-size:31px;color:var(--accent)}.brand-sub{font-size:9px;letter-spacing:2px;font-weight:400;color:var(--muted);margin-left:12px}.connection{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.connection:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted)}.connection.online:before{background:var(--accent)}#workspace{display:grid;grid-template-columns:1fr 1fr;gap:54px}.hero{padding:66px 0 42px;text-align:center}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--accent)}h1{font-weight:500;font-size:39px;letter-spacing:-1px;margin:18px 0 14px}.intro{color:var(--muted);font-size:14px;line-height:1.8}.orb{height:218px;width:218px;border-radius:50%;margin:36px auto 26px;border:1px solid #6b805346;background:radial-gradient(circle at 35% 28%,#667c4233,transparent 65%),radial-gradient(circle,#35432980,#20291d33 62%,transparent 63%);display:grid;place-items:center;box-shadow:0 0 75px #95bd4c09;position:relative}.orb:after{content:"";position:absolute;inset:20px;border:1px solid #d5ef9a19;border-radius:50%}.orb-core{display:flex;align-items:center;gap:7px;height:62px}.orb-core span{height:17px;width:6px;border-radius:20px;background:var(--accent);opacity:.8}.orb-core span:nth-child(2),.orb-core span:nth-child(4){height:32px}.orb-core span:nth-child(3){height:49px}.orb[data-state="listening"]{box-shadow:0 0 80px #a1d15522;border-color:#a1d15566}.orb[data-state="listening"] span,.orb[data-state="speaking"] span{animation:wave .9s ease-in-out infinite alternate}.orb span:nth-child(2){animation-delay:.3s}.orb span:nth-child(3){animation-delay:.15s}.orb span:nth-child(4){animation-delay:.5s}.orb span:nth-child(5){animation-delay:.2s}.orb[data-state="thinking"] .orb-core{animation:pulse 1.6s ease-in-out infinite}.state-label{font-size:16px;margin:0 0 10px}.live-transcript{color:var(--muted);font-size:13px;min-height:38px;line-height:1.7;margin:0 auto 22px;max-width:360px;overflow-wrap:anywhere}.controls{display:flex;justify-content:center;gap:10px}button{border:0;border-radius:8px;transition:background .15s}.primary{background:var(--accent);color:#25311c;padding:14px 24px;display:flex;align-items:center;gap:8px;font-weight:600}.primary:hover{background:#e4f7bf}.primary svg{width:17px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.secondary{padding:14px 19px;background:#2a3029;color:var(--ink);border:1px solid var(--line)}.helper{color:var(--muted);font-size:11px;margin-top:16px}.notice{font-size:12px;line-height:1.8;color:var(--error);border:1px solid #ffc1aa33;background:#ffc1aa07;padding:12px;border-radius:8px;text-align:left}.conversation{display:flex;flex-direction:column;margin-top:64px;min-width:0;min-height:560px}.section-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 17px}.section-heading h2{font-size:14px;font-weight:500;margin:0}.text-button{padding:4px 0;background:none;color:var(--muted);font-size:12px}.messages{height:390px;overflow:auto;scrollbar-width:thin;padding:24px 0;display:flex;flex-direction:column;gap:20px}.empty-state{font-size:15px;color:var(--muted);margin:auto;text-align:center;line-height:2}.empty-state span{display:block;font-size:12px;margin-top:5px;color:#768271}.message{max-width:95%;line-height:1.8;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}.message .speaker{font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:7px}.message.user{align-self:flex-end;border-radius:12px 12px 0 12px;padding:12px 16px;background:#2d352a}.message.assistant{align-self:flex-start}.message.assistant .speaker{color:var(--accent)}.message.failed{color:var(--error)}.composer{background:var(--panel);display:flex;align-items:flex-end;border:1px solid var(--line);border-radius:10px;padding:11px;gap:10px}.composer textarea{flex:1;min-width:0;resize:none;max-height:110px;line-height:1.6;padding:4px 2px;color:var(--ink);border:0;background:none;outline:none}.composer textarea::placeholder{color:#818b7c}.composer button{background:var(--accent);color:#25311c;font-size:22px;min-width:35px;height:35px}.settings{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:var(--muted);margin-top:15px}.settings label{display:flex;align-items:center;gap:6px}.settings input{accent-color:var(--accent)}select{max-width:165px;color:var(--muted);background:var(--bg);border:0;font-size:11px;padding:5px}footer{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:21px 0 30px;color:#7f897a;font-size:10px;gap:16px}.login-panel{max-width:560px;padding:90px 0;margin:auto}.login-panel p{font-size:14px;color:var(--muted);line-height:1.8}.login-panel form{margin-top:32px}.login-panel label{font-size:12px;display:block;margin-bottom:12px;color:var(--muted)}.input-row{display:flex;gap:8px}.input-row input{width:100%;min-width:0;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--ink)}.input-row button{padding:0 22px;background:var(--accent);color:#25311c;white-space:nowrap}.login-panel .error{color:var(--error)}.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}@keyframes wave{to{transform:scaleY(.45);opacity:.5}}@keyframes pulse{50%{opacity:.3}}@media(max-width:800px){.shell{padding:0 22px}header{height:76px}.brand-sub{display:none}#workspace{grid-template-columns:1fr;gap:0}.hero{padding:38px 0 24px}h1{font-size:32px}.orb{width:168px;height:168px;margin:22px auto}.conversation{margin:15px 0 26px;min-height:360px}.messages{height:260px}.settings{flex-wrap:wrap}footer{flex-direction:column;gap:8px}.login-panel{padding:62px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.enable-audio{margin-top:14px}.orb[data-state="connecting"] .orb-core{animation:pulse 1.6s ease-in-out infinite}.settings>span{text-align:right;line-height:1.6}

.call-duration{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:3px;color:var(--accent);margin:0 0 16px;min-height:30px}.controls{flex-wrap:wrap}.controls #mute-call{min-width:92px}.controls #mute-call[aria-pressed="true"]{background:#3e4932;border-color:#788c56;color:var(--accent)}#talk[data-state="active"],#talk[data-state="ending"]{background:#efa395;color:#46221b}#talk[data-state="active"]:hover{background:#ffc0b4}#talk[data-state="active"] svg,#talk[data-state="ending"] svg{transform:rotate(135deg)}