:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef3f8;background:#080b10;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 12%,#182337 0,#0b1019 35%,#06080c 72%)}button{font:inherit}.shell{min-height:100vh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.card{width:min(100%,460px);text-align:center}.eyebrow{color:#7f91aa;font-size:.72rem;font-weight:750;letter-spacing:.24em}h1{margin:10px 0 8px;font-size:clamp(2.1rem,10vw,3.7rem);letter-spacing:-.055em;line-height:.98}.status{min-height:24px;margin:12px 0 38px;color:#aab7c8}.call{width:224px;height:224px;border:0;border-radius:50%;color:#fff;background:transparent;display:inline-grid;place-items:center;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.call:disabled{opacity:.65;cursor:wait}.orb{position:absolute;inset:20px;border-radius:50%;background:linear-gradient(145deg,#4e8cff,#7555ff 62%,#b24bda);box-shadow:0 0 0 1px #ffffff21 inset,0 24px 80px #594dff55;transition:transform .25s ease,filter .25s ease}.call:hover .orb{transform:scale(1.035);filter:brightness(1.08)}#call-label{z-index:1;width:110px;font-weight:700;line-height:1.25}body[data-state=listening] .orb{animation:breathe 1.8s ease-in-out infinite}body[data-state=speaking] .orb{animation:speak .65s ease-in-out infinite alternate}.secondary{margin:26px auto 0;min-width:110px;padding:11px 18px;display:block;color:#d6e0ed;border:1px solid #344055;border-radius:999px;background:#111824;cursor:pointer}.secondary:disabled{opacity:.35;cursor:default}.transcript{margin-top:28px;max-height:26vh;overflow-y:auto;text-align:left;color:#adbbcc;font-size:.9rem;line-height:1.45;scrollbar-width:thin}.line{margin:0 0 10px}.line.you{color:#d7e5f5}.error{margin:22px auto 0;padding:12px 14px;color:#ffb4b4;background:#4d1f263d;border:1px solid #a84a5660;border-radius:10px;text-align:left}@keyframes breathe{50%{transform:scale(.94);box-shadow:0 0 0 10px #6d64ff12,0 24px 95px #594dff76}}@keyframes speak{0%{transform:scale(.94);filter:hue-rotate(-8deg)}to{transform:scale(1.05);filter:hue-rotate(12deg) brightness(1.12)}}@media(max-height:680px){.status{margin-bottom:16px}.call{width:184px;height:184px}.transcript{max-height:18vh}}