:root{--accent:#FF6A3D;--ink:#111;--ink-2:#4a4a4a;--ok:#1f9d55;--bad:#e5484d}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}html.clear,html.clear body{background:transparent}.stage{min-height:100%;display:grid;place-items:center;padding:20px 12px}.phone{position:relative;width:min(340px,86vw);aspect-ratio:9/19.5;border-radius:58px;padding:11px;background:linear-gradient(145deg,#d9d6d1,#a9a6a0 18%,#ecebe8,#9c9993 62%,#d3d0ca 82%,#8f8c86);box-shadow:0 40px 80px -30px #14100c73,0 12px 30px -12px #14100c59,inset 0 0 0 1.5px #ffffff8c}.side{position:absolute;width:4px;border-radius:2px;background:linear-gradient(90deg,#8d8a84,#c9c6c0)}.side-l1{left:-3px;top:17%;height:5%}.side-l2{left:-3px;top:25%;height:9%}.side-l3{left:-3px;top:36%;height:9%}.side-r{right:-3px;top:28%;height:13%}.screen{position:relative;height:100%;border-radius:48px;overflow:hidden;background:linear-gradient(180deg,#fff7f2,#fff 38%,#fff);box-shadow:inset 0 0 0 1.5px #0b0b0b;display:flex;flex-direction:column}.island{position:absolute;top:11px;left:50%;transform:translate(-50%);width:33%;height:30px;background:#000;border-radius:20px;z-index:3;display:flex;align-items:center;justify-content:flex-end;padding-right:10px}.island .cam{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2b3a55,#05070c 70%)}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:16px 30px 0 34px;height:44px;font-weight:600;font-size:15px;color:var(--ink)}.icons{display:flex;gap:5px;align-items:center}.icons i{display:inline-block;background:var(--ink);border-radius:2px}.sig{width:16px;height:10px;clip-path:polygon(0 100%,25% 100%,25% 70%,50% 70%,50% 45%,75% 45%,75% 20%,100% 20%,100% 100%,0 100%)}.wifi{width:15px;height:11px;clip-path:polygon(50% 100%,0 30%,15% 15%,50% 0,85% 15%,100% 30%)}.bat{width:24px;height:11px;border-radius:3px!important;box-shadow:inset 0 0 0 1.5px var(--ink);background:linear-gradient(90deg,var(--ink) 75%,transparent 75%)!important}.call{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:18px 22px 10px;text-align:center}.lang{display:inline-flex;border:1.5px solid #e6e2dc;border-radius:999px;overflow:hidden;background:#fff;margin-bottom:18px}.lang button{border:0;background:transparent;font:inherit;font-weight:700;font-size:13px;padding:6px 14px;color:#6b6b6b;cursor:pointer}.lang button[aria-pressed=true]{background:var(--ink);color:#fff}.avatar{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff8a63,var(--accent));color:#fff;font:700 40px Bricolage Grotesque,sans-serif;box-shadow:0 14px 30px -12px #ff6a3db3}.rings{position:absolute;top:0;right:0;bottom:0;left:0}.rings i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,106,61,.45);opacity:0}body[data-state=speaking] .rings i,body[data-state=connecting] .rings i{animation:ring 1.8s ease-out infinite}.rings i:nth-child(2){animation-delay:.6s!important}.rings i:nth-child(3){animation-delay:1.2s!important}@keyframes ring{0%{transform:scale(1);opacity:.9}to{transform:scale(1.8);opacity:0}}h1{margin:16px 0 2px;font:650 26px Bricolage Grotesque,sans-serif;letter-spacing:-.01em;color:var(--ink)}.who{margin:0;color:var(--ink-2);font-size:14px}.state{margin:10px 0 0;font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;min-height:20px}body[data-state=listening] .state{color:var(--ok)}.wave{display:flex;gap:4px;align-items:center;height:26px;margin:10px 0 4px;opacity:0;transition:opacity .2s}body[data-state=speaking] .wave,body[data-state=listening] .wave{opacity:1}.wave i{width:4px;height:6px;border-radius:2px;background:var(--accent)}body[data-state=speaking] .wave i{animation:wave .9s ease-in-out infinite}body[data-state=listening] .wave i{background:#cfcac3}.wave i:nth-child(2){animation-delay:.1s}.wave i:nth-child(3){animation-delay:.2s}.wave i:nth-child(4){animation-delay:.3s}.wave i:nth-child(5){animation-delay:.2s}.wave i:nth-child(6){animation-delay:.1s}@keyframes wave{0%,to{height:6px}50%{height:24px}}.captions{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;overflow:hidden;margin:6px 0 10px;min-height:0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 28px);mask-image:linear-gradient(180deg,transparent 0,#000 28px)}.captions p{margin:0;font-size:13.5px;line-height:1.35;text-align:left;padding:8px 11px;border-radius:14px;max-width:92%;animation:pop .25s ease-out}.captions p b{display:none}.captions .ai{background:#f3f1ed;color:var(--ink);align-self:flex-start;border-bottom-left-radius:4px}.captions .you{background:var(--accent);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.buttons{flex:none;display:flex;justify-content:center;margin-bottom:8px}.dial,.hang{width:72px;height:72px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;transition:transform .15s}.dial{background:var(--ok);box-shadow:0 12px 26px -10px #1f9d55cc}.dial:hover,.hang:hover{transform:scale(1.05)}.hang{background:var(--bad);box-shadow:0 12px 26px -10px #e5484dcc}.dial svg,.hang svg{width:32px;height:32px;fill:#fff}body[data-state=idle] .dial,body[data-state=ended] .dial{animation:nudge 2.4s ease-in-out infinite}@keyframes nudge{0%,80%,to{transform:scale(1)}88%{transform:scale(1.08)}}.hint{margin:4px 0 0;font-size:12.5px;color:#7a7a7a;min-height:34px}body[data-state=speaking] .hint,body[data-state=listening] .hint{visibility:hidden}.homebar{width:36%;height:5px;border-radius:3px;background:#111;margin:0 auto 9px;opacity:.85}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.avatar svg{width:44px;height:44px}