:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#203d3c;--teal:#079e94;--muted:#748584;--line:#e5ebeb;-webkit-text-size-adjust:100%;background:#f3f4f8;font-family:PingFang SC,Helvetica Neue,-apple-system,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:320px;margin:0}button,input{font:inherit}button{border:1px solid var(--line);color:#215354;cursor:pointer;background:#fff;border-radius:16px;min-height:44px;padding:10px 14px;transition:transform .16s,opacity .14s}button:active:not(:disabled){transform:scale(.96)}button:disabled{cursor:default;opacity:.38}button:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #5cc9c2}button.danger{color:#b34d50;background:#fff2f1}button.ghost{color:var(--muted);background:0 0;border:0;font-size:13px}.shell{width:min(580px,100%);padding:12px 22px max(18px,env(safe-area-inset-bottom));margin:0 auto}h1,h2,p{margin:0}.hero{text-align:center;z-index:1;position:relative}.eyebrow{color:var(--muted);letter-spacing:2px;margin-bottom:5px;font-size:12px}h1{letter-spacing:3px;font-size:27px;font-weight:650}.ai-label{letter-spacing:.3px;color:#7d8e8b;vertical-align:middle;border:1px solid #dbe4e2;border-radius:5px;margin-left:8px;padding:2px 5px;font-size:10px;display:inline-block}.subtitle{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.5}.portrait-stage{place-items:center;width:min(100%,330px);height:clamp(214px,36dvh,330px);margin:2px auto 0;display:grid;position:relative}.portrait-halo{aspect-ratio:1;opacity:.55;background:radial-gradient(#d2e9e3 20%,#e3eeec 60%,#0000 72%);border-radius:50%;width:88%;position:absolute}.portrait{--mouth:0;width:100%;height:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 84%,#0000);mask-image:linear-gradient(#000 84%,#0000)}.portrait img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.portrait{aspect-ratio:1;touch-action:pan-y;transform-origin:50% 80%;width:auto;max-width:100%;transition:transform .12s linear}.portrait-speaking,.portrait-round{clip-path:ellipse(7.6% 4.8% at var(--mouth-x,50.5%) var(--mouth-y,46%));transition:opacity 90ms linear}.portrait-speaking{opacity:var(--open,0)}.portrait-round{opacity:var(--round,0)}.companion-picker{justify-content:center;align-items:center;gap:12px;margin:9px auto 0;display:flex}.companion-picker span{color:#8c9b96;font-size:10px}.companion-picker button{color:#84918c;background:0 0;border-color:#0000;border-radius:22px;min-height:34px;padding:6px 17px;font-size:12px}.companion-picker button[aria-pressed=true]{color:#13746d;background:#dceee8;border-color:#c5e4da}.text-composer{background:#fff;border:1px solid #e1e9e5;border-radius:20px;align-items:flex-end;gap:8px;margin:5px 0 12px;padding:8px;display:flex}.text-composer textarea{resize:vertical;min-width:0;min-height:40px;max-height:140px;font:inherit;color:#203d3c;background:0 0;border:0;outline:0;flex:1;padding:10px 6px;font-size:14px;line-height:1.5}.text-composer button{color:#087c73;background:#e3f1ec;border:0;min-height:40px;font-size:13px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.status-pill{color:#55746d;background:#fffd;border:1px solid #e9eeee;border-radius:30px;align-items:center;gap:6px;max-width:100%;padding:8px 13px;font-size:12px;display:flex;position:absolute;bottom:1px;box-shadow:0 4px 18px #30534c07}.status-dot{background:#a3b8b0;border-radius:50%;flex-shrink:0;width:6px;height:6px}[data-phase=listening] .status-dot{background:var(--teal)}[data-phase=speaking] .status-dot{background:#9e80bb}[data-phase=connecting] .status-dot,[data-phase=thinking] .status-dot{animation:1.5s ease-in-out infinite pulse}[data-phase=error] .status-dot{background:#c6685c}@keyframes pulse{50%{opacity:.35}}.live-caption{text-align:center;min-height:90px;padding:13px 8px 0}.caption-name{color:#82938e;margin-bottom:5px;font-size:11px}#liveCaption{overscroll-behavior:contain;white-space:pre-line;max-height:106px;font-size:16px;line-height:1.65;overflow-y:auto}.controls{z-index:5;background:linear-gradient(#0000,#f3f4f8 14px);padding:15px 4px 10px;position:sticky;bottom:0}.talk-row{justify-content:center;align-items:center;gap:clamp(28px,9vw,52px);display:flex}.round-control{background:#ffffffb8;border:0;border-radius:50%;flex-shrink:0;place-content:center;justify-items:center;gap:4px;width:56px;height:56px;padding:0;display:grid}.round-control svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.round-control span{font-size:10px}.end-call{color:#c06b6a}.talk-button{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(145deg,#16b6aa,#079b91);border:5px solid #f3f4f8;border-radius:50%;flex-shrink:0;place-content:center;justify-items:center;gap:8px;width:100px;height:100px;transition:transform .12s,box-shadow .18s;display:grid;box-shadow:0 0 0 1px #bfded7,0 8px 22px #078f8622}.talk-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:28px;height:28px}.talk-button span{font-size:12px;font-weight:600}.talk-button[data-pressed=true]{transform:scale(.94);box-shadow:0 0 0 8px #0caf9d15,0 0 0 17px #0caf9d07}.control-note{text-align:center;color:var(--muted);margin-top:12px;font-size:11px;line-height:1.5}.active-controls{justify-content:center;gap:20px;height:38px;display:flex}.active-controls button{min-height:36px;padding:5px 12px}details{border-bottom:1px solid var(--line);padding:13px 2px}summary{cursor:pointer;color:#698079;min-height:30px;font-size:13px;line-height:1.8}.transcript{overscroll-behavior:contain;gap:10px;max-height:360px;margin:8px 0;padding:0;list-style:none;display:grid;overflow-y:auto}.transcript li{overflow-wrap:anywhere;background:#fff;border-radius:15px;max-width:94%;padding:12px;font-size:14px;line-height:1.6}.transcript li[data-role=user]{background:#dff0ea;justify-self:end}.transcript .speaker{color:#789087;margin-bottom:4px;font-size:11px;display:block}.transcript .partial{opacity:.6}.empty{color:var(--muted)}.knowledge-badge{color:#699084;margin-left:6px;font-size:10px;font-weight:400}.knowledge-card p,#memoryStatusText,.privacy-note{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.65}.tool-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tool-row button{padding:8px 10px;font-size:12px}.connection-detail{color:var(--muted);overflow-wrap:anywhere;margin-top:8px;font-size:12px;line-height:1.6}.footnote{color:#8a9692;text-align:center;margin:15px 4px 0;font-size:10px;line-height:1.6}.setup-card{background:#fff;border-radius:18px;gap:12px;padding:18px;display:grid}label>span:first-child{margin-bottom:6px;font-size:13px;display:block}input[type=text],input[type=password]{border:1px solid var(--line);border-radius:12px;width:100%;min-height:44px;padding:0 12px}.consent-row{gap:8px;font-size:12px;display:flex}.consent-row input{accent-color:var(--teal)}.toast{left:50%;bottom:max(20px,env(safe-area-inset-bottom));z-index:10;color:#fff;opacity:0;pointer-events:none;background:#234441f5;border-radius:16px;width:max-content;max-width:calc(100vw - 32px);padding:12px 16px;font-size:13px;line-height:1.5;transition:all .18s;position:fixed;transform:translate(-50%,15px)}.toast.visible{opacity:1;transform:translate(-50%)}@media (max-height:620px){.shell{padding-top:4px}.eyebrow{display:none}.portrait-stage{height:190px}.live-caption{min-height:70px}#liveCaption{max-height:78px;font-size:14px}.talk-button{width:86px;height:86px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}