*{margin:0;padding:0;box-sizing:border-box}body{background:#0a101c;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow:hidden}.zoe-voice-app{display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto;position:relative}.zoe-voice-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.zoe-voice-brand{font-size:15px;font-weight:600;color:#e2e8f0;letter-spacing:-.01em}.zoe-voice-header-badge{font-size:11px;font-weight:500;color:#3b82f6;background:#3b82f61a;padding:4px 10px;border-radius:20px;border:1px solid rgba(59,130,246,.2);letter-spacing:.04em;text-transform:uppercase}.zoe-voice-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 20px 0;overflow:hidden}.zoe-voice-orb-container{width:160px;height:160px;margin:24px 0 16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.zoe-voice-orb-container:hover{transform:scale(1.05)}.zoe-voice-orb{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(59,130,246,.2))}.zoe-voice-orb-idle .zoe-voice-orb-core{animation:zoe-breathe 3s ease-in-out infinite}.zoe-voice-orb-idle .zoe-voice-orb-ring{animation:zoe-ring-breathe 3s ease-in-out infinite}.zoe-voice-orb-active .zoe-voice-orb-core{animation:zoe-pulse-connect 1.2s ease-in-out infinite}.zoe-voice-orb-listening .zoe-voice-orb-core{animation:zoe-pulse-listen 2s ease-in-out infinite}.zoe-voice-orb-listening .zoe-voice-orb-ring{animation:zoe-ring-listen 2s ease-in-out infinite}.zoe-voice-orb-speaking .zoe-voice-orb-core{animation:zoe-pulse-speak .6s ease-in-out infinite}.zoe-voice-orb-speaking .zoe-voice-orb{filter:drop-shadow(0 0 40px rgba(59,130,246,.4))}@keyframes zoe-breathe{0%,to{r:48;opacity:.85}50%{r:52;opacity:1}}@keyframes zoe-ring-breathe{0%,to{r:68;stroke-opacity:.1}50%{r:72;stroke-opacity:.2}}@keyframes zoe-pulse-connect{0%,to{r:46;opacity:.7}50%{r:54;opacity:1}}@keyframes zoe-pulse-listen{0%,to{r:48;opacity:.85}50%{r:53;opacity:1}}@keyframes zoe-ring-listen{0%,to{r:68;stroke-opacity:.15}50%{r:75;stroke-opacity:.3}}@keyframes zoe-pulse-speak{0%,to{r:47;opacity:.9}50%{r:55;opacity:1}}.zoe-voice-status{font-size:14px;color:#94a3b8;text-align:center;margin-bottom:20px;min-height:20px;transition:color .3s}.zoe-voice-transcript{flex:1;width:100%;overflow-y:auto;padding:0 4px 16px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth;min-height:0}.zoe-voice-transcript::-webkit-scrollbar{width:4px}.zoe-voice-transcript::-webkit-scrollbar-track{background:transparent}.zoe-voice-transcript::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:2px}.zoe-voice-bubble{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:14px;max-width:90%;font-size:13px;line-height:1.5;animation:zoe-bubble-in .2s ease-out}@keyframes zoe-bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.zoe-voice-bubble-assistant{align-self:flex-start;background:#1e293bcc;border:1px solid rgba(255,255,255,.06);color:#e2e8f0}.zoe-voice-bubble-user{align-self:flex-end;background:#3b82f61f;border:1px solid rgba(59,130,246,.15);color:#dbeafe;flex-direction:row-reverse}.zoe-voice-partial{opacity:.6}.zoe-voice-partial .zoe-voice-bubble-text{font-style:italic}.zoe-voice-bubble-badge{font-size:11px;flex-shrink:0;margin-top:1px}.zoe-voice-bubble-text{flex:1;word-break:break-word}.zoe-voice-controls{padding:16px 20px 24px;border-top:1px solid rgba(255,255,255,.06);background:#0a101cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zoe-voice-controls-idle{display:flex;justify-content:center}.zoe-voice-controls-active{display:flex;align-items:center;justify-content:center;gap:24px}.zoe-voice-start-btn{width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 20px #3b82f64d}.zoe-voice-start-btn:hover{transform:scale(1.08);box-shadow:0 6px 28px #3b82f666}.zoe-voice-start-btn:active{transform:scale(.95)}.zoe-voice-mute-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#1e293bcc;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.zoe-voice-mute-btn:hover{border-color:#fff3;color:#e2e8f0}.zoe-voice-muted{color:#ef4444!important;border-color:#ef44444d!important;background:#ef44441a!important}.zoe-voice-timer{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;color:#94a3b8;min-width:60px;text-align:center}.zoe-voice-end-btn{width:48px;height:48px;border-radius:50%;border:none;background:#ef4444;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.zoe-voice-end-btn:hover{background:#dc2626;transform:scale(1.05)}@media(max-width:480px){.zoe-voice-app{max-width:100%}.zoe-voice-orb-container{width:140px;height:140px}}@media(min-height:800px){.zoe-voice-orb-container{width:180px;height:180px;margin:40px 0 24px}}.zoe-voice-embed .zoe-voice-main{padding-top:16px}.zoe-voice-embed .zoe-voice-orb-container{margin-top:16px}