.tracey-live{--tracey-live-cyan: #67d0e2;--tracey-live-ink: #080d11;--tracey-live-muted: rgba(226, 236, 241, .58);position:fixed;right:calc(max(22px,env(safe-area-inset-right)) + var(--tracey-live-visual-right, 0px));bottom:calc(max(22px,env(safe-area-inset-bottom)) + var(--tracey-live-visual-bottom, 0px));z-index:600;font-family:var(--font-sans, "IBM Plex Sans", sans-serif);color:#f8fbfc}.tracey-live__launcher{position:relative;display:grid;width:60px;height:60px;padding:0;place-items:center;color:#fff;background:#080d11;border:1px solid rgba(255,255,255,.24);border-radius:50%;box-shadow:0 16px 42px #00000038,0 0 0 7px #67d0e212;cursor:pointer;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,opacity .18s ease}.tracey-live__launcher:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 20px 52px #00000047,0 0 0 9px #67d0e21c}.tracey-live__launcher:active{transform:scale(.97)}.tracey-live__launcher-ring{position:absolute;inset:-7px;z-index:-1;border:1px solid rgba(103,208,226,.48);border-radius:inherit;animation:tracey-live-pulse 2.6s ease-out infinite}.tracey-live__mark{display:block;flex:0 0 auto;width:28px;height:28px}.tracey-live__launcher-label{position:absolute;right:-1px;bottom:-4px;padding:3px 7px;color:#061013;background:var(--tracey-live-cyan);border:2px solid #080d11;border-radius:999px;font-family:var(--font-mono, monospace);font-size:9px;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}.tracey-live__panel{position:relative;width:min(320px,calc(100vw - 32px));height:min(408px,calc(100dvh - 48px));overflow:hidden;background:radial-gradient(circle at 82% 0%,rgba(103,208,226,.12),transparent 38%),linear-gradient(145deg,#10191fbd,#080d11de 62%,#080d11ed);border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:0 22px 68px #080d113d,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(22px) saturate(115%);backdrop-filter:blur(22px) saturate(115%);transform:translateY(18px) scale(.96);transform-origin:right bottom;opacity:0;transition:height .36s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1),opacity .22s ease}.tracey-live.is-open .tracey-live__launcher{display:none}.tracey-live.is-visible .tracey-live__panel{transform:none;opacity:1}.tracey-live[data-has-transcript=false] .tracey-live__panel{height:88px}.tracey-live__status-group{display:flex;min-width:0;align-items:center;grid-area:1 / 1;gap:8px}.tracey-live__status{min-width:0;color:var(--tracey-live-muted);font-family:var(--font-mono, monospace);font-size:9px;letter-spacing:.07em;line-height:1.18;text-transform:uppercase}.tracey-live__status-dot{flex:0 0 auto;width:9px;height:9px;background:var(--tracey-live-cyan);border-radius:50%;box-shadow:0 0 0 5px #67d0e21a,0 0 18px #67d0e2b3;transition:background .18s ease,box-shadow .18s ease}.tracey-live[data-state=connecting] .tracey-live__status-dot,.tracey-live[data-state=thinking] .tracey-live__status-dot{animation:tracey-live-blink 1.1s ease-in-out infinite}.tracey-live[data-state=speaking] .tracey-live__status-dot{background:#ffbe55;box-shadow:0 0 0 5px #ffbe551a,0 0 18px #ffbe55b3}.tracey-live[data-state=error] .tracey-live__status-dot{background:#e38a94;box-shadow:0 0 0 5px #e38a941a}.tracey-live__close{position:absolute;top:0;right:0;z-index:2;width:44px;height:44px;padding:0;color:#fff;background:transparent;border:0;border-radius:50%;cursor:pointer;transition:transform .16s ease}.tracey-live__close:before{position:absolute;inset:5px;content:"";background:#080d1161;border:1px solid rgba(255,255,255,.14);border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .16s ease}.tracey-live__close:hover{transform:rotate(4deg)}.tracey-live__close:hover:before{background:#ffffff24}.tracey-live__close span{position:absolute;top:21px;left:16px;z-index:1;width:12px;height:1px;background:currentColor;transform:rotate(45deg)}.tracey-live__close span:last-child{transform:rotate(-45deg)}.tracey-live__transcript{position:relative;height:calc(100% - 64px);overflow:hidden auto;padding:20px 20px 42px;scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 86%,transparent);opacity:1;transition:opacity .18s ease .12s}.tracey-live[data-has-transcript=false] .tracey-live__transcript{opacity:0;pointer-events:none;transition-delay:0ms}.tracey-live__transcript::-webkit-scrollbar{display:none}.tracey-live__caption-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.tracey-live__message{max-width:31ch;margin:0 0 18px;color:#f8fbfcfa;font-size:clamp(17px,1.35vw,19px);font-weight:500;letter-spacing:-.018em;line-height:1.42;opacity:1;transform:none;transition:opacity 1.8s ease,filter 1.8s ease,transform 1.8s ease}.tracey-live__caption-token{display:inline-block;opacity:0;filter:blur(2.5px);transform:translateY(.28em);transform-origin:left bottom;animation:tracey-live-caption-token-in .36s cubic-bezier(.16,.78,.24,1) forwards}.tracey-live__message.is-previous{opacity:.48;transform:translateY(-2px)}.tracey-live__message.is-previous:hover{opacity:1;filter:drop-shadow(0 0 10px rgba(248,251,252,.16));transform:none;transition-duration:.18s}.tracey-live__footer{position:absolute;right:0;bottom:0;left:0;display:grid;min-height:64px;padding:10px 16px 12px;align-items:center;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:10px;background:linear-gradient(to top,#080d11e6 54%,#080d1100)}.tracey-live__wave{display:flex;width:56px;height:32px;align-items:center;justify-content:center;grid-area:1 / 2;gap:3px}.tracey-live__wave i{display:block;width:3px;height:calc(5px + var(--tracey-level, .06) * 24px);background:var(--tracey-live-cyan);border-radius:99px;box-shadow:0 0 10px #67d0e252;transition:height 80ms linear,opacity .18s ease}.tracey-live[data-state=speaking] .tracey-live__wave i{background:#ffbe55;opacity:.58}.tracey-live[data-state=thinking] .tracey-live__wave i{animation:tracey-live-thinking .9s ease-in-out infinite alternate}.tracey-live[data-state=thinking] .tracey-live__wave i:nth-child(2n){animation-delay:-.45s}.tracey-live__wordmark{justify-self:end;grid-area:1 / 3;color:#f5f6f8fa;font-family:var(--font-sans, "IBM Plex Sans", sans-serif);font-size:.86rem;font-weight:600;letter-spacing:.01em;line-height:1}.tracey-live__wordmark span:last-child{color:#ffbe55;text-shadow:0 0 16px rgba(255,190,85,.24)}.tracey-live__retry{z-index:1;grid-area:1 / 2;min-height:38px;padding:0 12px;color:#071014;background:var(--tracey-live-cyan);border:0;border-radius:999px;font-size:11px;font-weight:700;cursor:pointer}.tracey-live[data-state=error] .tracey-live__wave{visibility:hidden}.tracey-live__launcher:focus-visible,.tracey-live__close:focus-visible,.tracey-live__retry:focus-visible{outline:2px solid #fff;outline-offset:3px}.tracey-live__close:focus-visible{outline-offset:-3px}@keyframes tracey-live-pulse{0%{opacity:.8;transform:scale(.9)}70%,to{opacity:0;transform:scale(1.22)}}@keyframes tracey-live-blink{50%{opacity:.38;transform:scale(.8)}}@keyframes tracey-live-caption-token-in{to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes tracey-live-thinking{to{height:23px;opacity:.5}}@media(max-width:520px){.tracey-live{right:calc(max(12px,env(safe-area-inset-right)) + var(--tracey-live-visual-right, 0px));bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--tracey-live-visual-bottom, 0px))}.tracey-live__panel{width:min(320px,calc(100vw - 24px));height:min(380px,calc(100dvh - 24px));border-radius:20px}.tracey-live__message{font-size:16px}.tracey-live__wordmark{font-size:.82rem}}@media(prefers-reduced-motion:reduce){.tracey-live *,.tracey-live *:before,.tracey-live *:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.tracey-live__message,.tracey-live__panel,.tracey-live__caption-token{opacity:1;filter:none;transform:none}}