:root{--bg: #0e1014;--card: #171a21;--accent: #5b8cff;--accent-2: #34d399;--text: #e6e8ee;--muted: #8b90a0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.screen{max-width:720px;margin:0 auto;min-height:100vh;padding:32px 20px 48px;display:flex;flex-direction:column;align-items:center;gap:24px}h1{font-size:22px;font-weight:600;margin:8px 0}.orb{width:220px;height:220px;border-radius:50%;border:none;cursor:pointer;color:#fff;font-size:18px;font-weight:600;background:radial-gradient(circle at 30% 30%,#2a3550,#11141b);box-shadow:0 0 #5b8cff80;transition:transform .15s ease,box-shadow .3s ease,background .3s ease}.orb:active{transform:scale(.97)}.orb__label{opacity:.95}.orb--idle{background:radial-gradient(circle at 30% 30%,#2a3550,#11141b)}.orb--connecting{background:radial-gradient(circle at 30% 30%,#3a3f52,#11141b)}.orb--listening{background:radial-gradient(circle at 30% 30%,#1f4d3f,#11141b);box-shadow:0 0 60px 6px #34d39959;animation:pulse 1.6s ease-in-out infinite}.orb--thinking{background:radial-gradient(circle at 30% 30%,#3a3450,#11141b);animation:pulse 1s ease-in-out infinite}.orb--speaking{background:radial-gradient(circle at 30% 30%,#243a66,#11141b);box-shadow:0 0 70px 10px #5b8cff73;animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 40px 4px #5b8cff40}50%{box-shadow:0 0 80px 12px #5b8cff8c}}.status{min-height:40px;display:flex;align-items:center}.hint{color:var(--muted);font-size:14px}.hangup{background:#2a1c1c;color:#ff8a8a;border:1px solid #6b2b2b;padding:10px 18px;border-radius:10px;cursor:pointer;font-size:14px}.transcript{width:100%;display:flex;flex-direction:column;gap:10px;background:var(--card);border-radius:14px;padding:16px;min-height:160px}.transcript__empty{color:var(--muted);text-align:center;margin:auto}.bubble{max-width:80%;padding:10px 14px;border-radius:14px;line-height:1.4;font-size:15px;white-space:pre-wrap}.bubble--user{align-self:flex-end;background:#233;color:#cfe}.bubble--bot{align-self:flex-start;background:#1f2330;color:var(--text)}