:root{--primary:#03a7b7;--primary-deep:#028796;--primary-subtle:#03a7b71a;--bg:#f5f8f9;--panel:#fff;--border:#0632381a;--text:#10272b;--text-dim:#5e7478;font-family:Geist,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0}body{background:radial-gradient(ellipse 75% 60% at 50% 36%,#03a7b71a,transparent 70%),var(--bg);color:var(--text);overflow:hidden;min-height:100dvh}.stage{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:.9rem;min-height:100dvh;padding:2rem 1rem}.orb-zone{aspect-ratio:1;display:grid;place-items: center;width:min(400px,80vw)}.orb{width:100%;height:100%}.identity{text-align:center}.agent-name{letter-spacing:.01em;font-size:1.15rem;font-weight:650}.agent-status{color:var(--text-dim);margin-top:.2rem;transition:color .3s;font-size:.88rem}.agent-status.live{color:var(--primary)}.captions{display:flex;flex-direction:column;justify-content:flex-end;align-items: center;gap:.4rem;width:min(620px,92vw);min-height:6.4rem}.caption{text-align:center;animation:caption-in .35s ease-out;max-width:100%;transition:opacity .45s,transform .45s;font-size:.95rem;line-height:1.5}.caption-agent{color:var(--text);font-weight:500}.caption-user{color:var(--text-dim)}.caption-tool{color:var(--primary-deep);background:var(--primary-subtle);border-radius:999px;padding:.2rem .75rem;font-size:.8rem}.caption.past{opacity:.38;transform:scale(.97)}.caption.leaving{opacity:0;transform:translateY(-6px)scale(.95)}@keyframes caption-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.call-button{display:inline-flex;background:var(--primary);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:999px;align-items: center;gap:.55rem;padding:.8rem 1.7rem;transition:background .2s,transform .1s;font-size:.95rem;font-weight:600;box-shadow:0 6px 18px #03a7b740}.call-button:hover{background:var(--primary-deep)}.call-button:active{transform:scale(.98)}.call-button[data-state=connecting]{opacity:.65;pointer-events:none}.call-button[data-state=live]{background:#dc2626;box-shadow:0 6px 18px #dc262638}.call-button[data-state=live]:hover{background:#b91c1c}.call-button[data-state=live] #icon-call{transform:rotate(135deg)}#icon-call{transition:transform .25s}.hint{color:var(--text-dim);text-align:center;font-size:.75rem}.top-right{position:fixed;z-index:5;display:flex;align-items: center;gap:.6rem;top:1.2rem;right:1.2rem}.lang-switch{display:inline-flex;background:var(--panel);border:1px solid var(--border);border-radius:999px;gap:.15rem;padding:.2rem}.lang-switch a{text-decoration:none;color:var(--text-dim);border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.lang-switch a[data-active=true]{background:var(--primary);color:#fff}.user-chip{display:inline-flex;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items: center;gap:.5rem;padding:.3rem .9rem .3rem .35rem;font-size:.8rem}.user-avatar{background:var(--primary);color:#fff;display:grid;border-radius:50%;place-items: center;width:24px;height:24px;font-size:.68rem;font-weight:650}.transcript-toggle{background:var(--panel);border:1px solid var(--border);color:var(--text-dim);font:inherit;cursor:pointer;border-radius:999px;padding:.4rem .9rem;transition:color .2s,border-color .2s;font-size:.8rem}.transcript-toggle:hover{color:var(--text);border-color:var(--primary)}.features-toggle{position:fixed;z-index:5;background:var(--panel);border:1px solid var(--border);color:var(--text-dim);font:inherit;cursor:pointer;border-radius:999px;padding:.4rem .9rem;transition:color .2s,border-color .2s;font-size:.8rem;top:1.2rem;left:1.2rem}.features-toggle:hover{color:var(--text);border-color:var(--primary)}.features-panel{position:fixed;background:var(--panel);border-right:1px solid var(--border);display:flex;z-index:10;flex-direction:column;width:min(420px,92vw);transition:transform .28s;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:12px 0 32px #06323814}.features-panel[data-open=true]{transform:translate(0)}.features-list{overflow-y:auto;display:flex;flex-direction:column;flex:1;gap:.7rem;padding:1.1rem}.feature-card{border:1px solid var(--border);animation:rise .18s ease-out;border-radius:12px;padding:.8rem 1rem}.feature-title{font-size:.9rem;font-weight:600}.feature-description{color:var(--text-dim);margin-top:.15rem;font-size:.82rem;line-height:1.45}.catalog-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-top:.9rem;font-size:.75rem}.catalog-item{color:var(--text);border-bottom:1px solid var(--border);padding:.3rem 0;font-size:.82rem}.feature-example{display:inline-block;color:var(--primary-deep);background:var(--primary-subtle);border-radius:999px;margin-top:.45rem;padding:.2rem .7rem;font-size:.78rem}.voice-picker{display:inline-flex;background:var(--panel);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-items: center;gap:.5rem;margin-top:.3rem;padding:.35rem .9rem;font-size:.8rem}.voice-picker select{font:inherit;color:var(--text);cursor:pointer;outline:none;background:0 0;border:none;max-width:200px}.voice-picker[data-locked=true]{opacity:.55}.voice-picker[data-locked=true] select{pointer-events:none}.transcript-panel{position:fixed;background:var(--panel);border-left:1px solid var(--border);display:flex;z-index:10;flex-direction:column;width:min(400px,92vw);transition:transform .28s;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 32px #06323814}.transcript-panel[data-open=true]{transform:translate(0)}.transcript-header{display:flex;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);justify-content:space-between;align-items: center;padding:1rem 1.25rem;font-size:.8rem}.transcript-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:.9rem}.transcript-close:hover{color:var(--text)}.messages{overflow-y:auto;display:flex;flex-direction:column;flex:1;gap:.6rem;padding:1.1rem}.message{display:flex}.message-user{justify-content:flex-end}.bubble{animation:rise .18s ease-out;border-radius:12px;max-width:85%;padding:.5rem .9rem;font-size:.88rem;line-height:1.5}.bubble-agent{background:var(--bg);border:1px solid var(--border)}.bubble-user{background:var(--primary);color:#fff}.latency-chip{color:var(--text-dim);background:var(--primary-subtle);border-radius:999px;align-self: center;padding:.15rem .6rem;font-size:.7rem}.setup-overlay[hidden]{display:none}.setup-overlay{position:fixed;z-index:50;backdrop-filter:blur(6px);display:grid;background:#06323859;place-items: center;padding:1rem;inset:0}.setup-card{background:var(--panel);border:1px solid var(--border);display:flex;animation:rise .25s ease-out;border-radius:18px;flex-direction:column;gap:.9rem;width:min(420px,100%);padding:1.8rem;box-shadow:0 18px 50px #0632382e}.setup-card h1{font-size:1.25rem;font-weight:650}.setup-subtitle{color:var(--text-dim);margin-top:-.4rem;font-size:.85rem;line-height:1.5}.setup-card label{display:flex;color:var(--text-dim);flex-direction:column;gap:.3rem;font-size:.82rem}.setup-card input,.setup-card select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);outline:none;border-radius:10px;padding:.6rem .8rem;transition:border-color .2s}.setup-card input:focus,.setup-card select:focus{border-color:var(--primary)}.person-choices{display:flex;gap:.8rem}.person{display:flex;font:inherit;background:var(--bg);border:2px solid var(--border);cursor:pointer;border-radius:14px;flex-direction:column;flex:1;align-items: center;gap:.5rem;padding:1rem .5rem;transition:border-color .15s,background .15s}.person:hover{border-color:var(--primary)}.person[data-active=true]{border-color:var(--primary);background:var(--primary-subtle)}.person-avatar{background:var(--primary);color:#fff;display:grid;border-radius:50%;place-items: center;width:44px;height:44px;font-weight:650}.person-name{font-weight:600}.user-chip{cursor:pointer}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}