.live-launch{border:1px solid var(--ink-300);background:transparent;color:var(--ink-800);gap:10px}.live-launch:hover{border-color:var(--teal-600);background:var(--teal-50)}
.live-panel{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:28px;border:1px solid var(--rule);border-radius:24px;background:var(--paper);color:var(--ink-900);box-shadow:var(--shadow-pop);overflow-y:auto;font:400 14px/1.6 var(--font-sans)}
.live-panel::backdrop{background:color-mix(in srgb,var(--ink-950) 55%,transparent);backdrop-filter:blur(6px)}
.live-topline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:16px}.live-topline .sec-label{margin:0;gap:10px}.live-topline .sec-label .txt{font-size:10px;letter-spacing:.12em}.live-close{width:36px;height:36px;font-size:26px;color:var(--text-muted);border-radius:50%}.live-close:hover{background:var(--paper-3)}
.live-heading{display:flex;align-items:center;gap:12px;margin-top:24px}.live-heading h2{font:400 32px/1.2 var(--font-display);letter-spacing:-.03em}.live-beta{border:1px solid var(--teal-300);border-radius:20px;padding:2px 9px;color:var(--teal-800);font-size:10px;letter-spacing:.06em}
.live-presence{text-align:center;padding:28px 0 24px}.live-orb{display:flex;align-items:center;justify-content:center;gap:5px;width:100px;height:100px;margin:0 auto 14px;border:1px solid var(--teal-300);border-radius:50%;background:var(--teal-50);box-shadow:0 0 0 10px color-mix(in srgb,var(--teal-100) 40%,transparent)}.live-orb i{display:block;width:4px;height:16px;border-radius:8px;background:var(--teal-600);animation:live-breathe 3s ease-in-out infinite}.live-orb i:nth-child(2),.live-orb i:nth-child(4){height:28px;animation-delay:.2s}.live-orb i:nth-child(3){height:40px;animation-delay:.4s}
.live-presence[data-state=connecting] .live-orb{animation:live-breathe 1s ease-in-out infinite}.live-presence[data-state=listening] .live-orb i{animation:live-wave 1.2s ease-in-out infinite}.live-presence[data-state=speaking] .live-orb i{background:var(--ink-800);animation:live-wave .6s ease-in-out infinite}.live-presence[data-state=ended] .live-orb i,.live-presence[data-state=error] .live-orb i{animation:none}
#live-status{display:block;color:var(--teal-800);font-size:12px}#live-notice{color:var(--text-muted);font-size:12px;line-height:1.7;margin:0}#live-privacy{display:inline-block;margin-top:10px;text-decoration:underline;text-underline-offset:4px;font-size:12px}
.live-consent{display:flex;align-items:start;gap:12px;margin:24px 0;padding-top:20px;border-top:1px solid var(--rule);font-size:12px;cursor:pointer}.live-consent input{appearance:none;flex:none;width:20px;height:20px;margin:1px 0 0;border:1px solid var(--ink-300);border-radius:5px;background:var(--white);display:grid;place-content:center;cursor:pointer}.live-consent input:checked{background:var(--ink-800);border-color:var(--ink-800)}.live-consent input:checked::after{content:'';width:9px;height:5px;border:solid var(--white);border-width:0 0 2px 2px;transform:rotate(-45deg)}.live-panel :focus-visible{outline:2px solid var(--teal-600);outline-offset:4px}.live-actions{display:flex;gap:12px}.live-actions .btn{flex:1;min-height:44px}.live-panel button:disabled{opacity:.45;cursor:not-allowed}
#live-transcript{max-height:180px;overflow-y:auto;border-top:1px solid var(--rule);margin-top:24px;padding-top:16px}#live-transcript p{width:fit-content;max-width:90%;padding:12px 16px;margin:0 0 12px;border-radius:18px;font-size:13px;overflow-wrap:anywhere}.live-assistant{background:var(--white);border:1px solid var(--rule);border-end-start-radius:4px}.live-user{margin-inline-start:auto!important;background:var(--ink-800);color:var(--white);border-end-end-radius:4px}
@keyframes live-breathe{50%{transform:scale(.94)}}@keyframes live-wave{50%{transform:scaleY(.45)}}
@media(max-width:600px){.live-panel{width:100%;max-width:none;max-height:90dvh;margin:auto 0 0;padding:24px 24px max(24px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0;border-bottom:0}.live-panel::before{content:'';display:block;width:36px;height:3px;margin:-10px auto 14px;background:var(--ink-300);border-radius:3px}}
@media(prefers-reduced-motion:reduce){.live-panel *{animation:none!important;transition:none!important}}