.embedded-control-tray{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.embedded-actions-nav{--tray-button-size:39px;--tray-padding-y:6px;--tray-padding-x:12px;--tray-gap:10px;justify-content:space-evenly;align-items:center;gap:var(--tray-gap);min-width:0;padding:var(--tray-padding-y) var(--tray-padding-x);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#222222e6,#141418eb);border:1px solid #ffffff12;border-radius:999px;flex:1;display:flex;position:relative;box-shadow:0 20px 50px #00000061,inset 0 1px #ffffff08}.embedded-action-button{width:var(--tray-button-size);height:var(--tray-button-size);color:#ffffffb8;background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s,opacity .16s;display:inline-flex;position:relative}.embedded-action-button svg{width:21px;height:21px;display:block}.embedded-action-button:hover:not(:disabled){color:var(--text-primary);background:#a373f81a;border-color:#a373f85c;transform:translateY(-1px);box-shadow:0 8px 20px #0003}.embedded-action-button:focus-visible{outline-offset:3px;outline:2px solid #a373f8b8}.embedded-action-button:disabled,.embedded-action-button.disabled-button{opacity:.38;cursor:not-allowed;box-shadow:none}.embedded-action-button.active{color:var(--brand-primary);background:#a373f81f;border-color:#a373f866}.embedded-mic-indicator{pointer-events:none;color:#ffffff57}.embedded-mic-indicator svg{width:19px;height:19px}.embedded-mic-indicator:before{content:"";inset:calc(-1 * var(--mic-level,4px));border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;background:radial-gradient(circle,#a373f847,#a373f800);transition:opacity .18s,transform .18s;position:absolute;transform:scale(.9)}.embedded-mic-indicator.connected{color:#ffffff75;border-color:#ffffff1a}.embedded-mic-indicator.active{color:#a373f8eb;background:#a373f814;border-color:#a373f852}.embedded-mic-indicator.active:before{opacity:1;transform:scale(1)}.embedded-voice-indicator{pointer-events:none;color:#ffffff57;gap:5px}.embedded-voice-indicator:before{content:"";inset:calc(-1 * var(--voice-level,4px));border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;background:radial-gradient(circle,#a373f842,#a373f800);transition:opacity .18s,transform .18s;position:absolute;transform:scale(.9)}.embedded-voice-indicator.connected{color:#ffffff75;border-color:#ffffff1a}.embedded-voice-indicator.active{color:#a373f8eb;background:#a373f814;border-color:#a373f847}.embedded-voice-indicator.active:before{opacity:1;transform:scale(1)}.embedded-voice-dot{opacity:.34;background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite embedded-voice-bounce;transform:translateY(0)}.embedded-voice-dot:nth-child(2){animation-delay:.12s}.embedded-voice-dot:nth-child(3){animation-delay:.24s}.embedded-voice-indicator:not(.active) .embedded-voice-dot{opacity:.28;animation-play-state:paused}.embedded-upload-button{overflow:hidden}.embedded-upload-progress-bar{background:#ffffff1f;border-radius:999px;height:4px;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.embedded-upload-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#a373f8b8,#be9afff5);height:100%;transition:width .12s;display:block;box-shadow:0 0 10px #a373f859}.embedded-file-input{pointer-events:none;opacity:0;position:absolute}.embedded-connection-container{flex:none;align-items:center;display:flex}.embedded-connect-toggle{color:#fff;background:linear-gradient(#b98cff,#9460f5);border-color:#d0b5ff66;width:54px;height:54px;box-shadow:0 0 0 1px #ffffff0d,0 0 32px #a373f861,0 18px 40px #5727a059}.embedded-connect-toggle svg{width:24px;height:24px}.embedded-connect-toggle:hover:not(:disabled){color:#fff;background:linear-gradient(#c79bff,#9e68ff);border-color:#e4d6ff8c;box-shadow:0 0 0 1px #ffffff0f,0 0 36px #a373f875,0 18px 40px #5727a06b}.embedded-connect-toggle.connected{color:#ff7c98;background:#ffffff0a;border-color:#ff7c9866;box-shadow:0 0 0 1px #ffffff0a,0 0 24px #ff7c9824}.embedded-connect-toggle.connecting{color:#ffffffbd;box-shadow:none;background:#ffffff14;border-color:#ffffff24}.spinning{animation:1s linear infinite embedded-spin}@keyframes embedded-voice-bounce{0%,80%,to{opacity:.24;transform:translateY(0)scale(.9)}40%{opacity:1;transform:translateY(-2px)scale(1.05)}}@keyframes embedded-spin{to{transform:rotate(360deg)}}@media (width<=420px){.embedded-control-tray{gap:6px}.embedded-actions-nav{--tray-gap:8px;--tray-padding-x:10px}.embedded-upload-progress{bottom:3px;right:3px}}@media (width<=360px){.embedded-control-tray{align-items:center}.embedded-actions-nav{--tray-button-size:36px;--tray-gap:6px;--tray-padding-y:5px;--tray-padding-x:10px}.embedded-connect-toggle{width:50px;height:50px}}:root{--brand-primary:#a373f8;--brand-primary-dark:#5628a1;--brand-secondary:#6c4eb3;--bg-deep:#111;--bg-surface:#222;--bg-surface-glass:#222c;--bg-gradient-main:linear-gradient(180deg, #222 0%, #111 100%);--text-primary:#fff;--text-secondary:#bbbdc5;--text-tertiary:#6b7280;--border-subtle:#ffffff14;--border-highlight:#a373f84d;--status-error:#ff6b6b;--status-success:#10b981;--status-warning:#f59e0b;--glass-blur:16px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0006;--shadow-glow:0 0 32px #a373f826;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--font-sans:"Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:"Panchang", "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:var(--font-sans);color:var(--text-primary);background:0 0}button,input,textarea{font:inherit}.app-shell{justify-content:flex-end;align-items:flex-end;width:100%;min-height:100vh;padding:16px;display:flex}.app-shell.embedded{min-height:100vh;padding:0}.app-shell.popup{min-height:100vh}.widget-panel{background:linear-gradient(180deg, #242428fa, #111111fa), var(--bg-gradient-main);width:min(100%,440px);height:min(100vh - 32px,664px);max-height:calc(100vh - 32px);box-shadow:0 22px 80px #0000008f, 0 0 0 1px #ffffff0d, var(--shadow-glow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #a373f838;border-radius:28px;grid-template-rows:auto auto 1fr auto auto auto;gap:6px;padding:14px;transition:width .25s;display:grid;position:relative;overflow:hidden}.widget-panel.drag-over{box-shadow:0 22px 80px #0000008f, 0 0 0 1px #ffffff0d, var(--shadow-glow), inset 0 0 40px #a373f81f;border-color:#a373f8b3}.drop-overlay{z-index:100;pointer-events:none;background:#111111d9;border:2px dashed #a373f899;border-radius:28px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-overlay span{color:#a373f8e6;letter-spacing:.02em;font-size:15px;font-weight:600}.widget-panel.expanded{width:min(100%,880px);transition:width .25s}.embedded .widget-panel{border-radius:28px;width:100%;height:100vh;max-height:100vh}.widget-header,.widget-identity,.widget-status,.control-row,.meta-strip,.levels,.composer-row{display:flex}.widget-header{justify-content:space-between;align-items:center;gap:10px}.widget-identity{align-items:center;gap:10px}.widget-identity h1{margin:0 0 2px;font-size:.95rem;line-height:1.1}.widget-identity p{color:var(--text-secondary);margin:0;font-size:.74rem;line-height:1.3}.avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.launcher-avatar{object-fit:cover;object-position:center center;filter:brightness(1.18)saturate(1.25);border:2px solid #c49cffe6;border-radius:50%;width:64px;height:64px;animation:2s ease-in-out infinite avatar-pulse;box-shadow:0 0 12px #c49cffb3,0 0 28px #a373f873}@keyframes avatar-pulse{0%,to{box-shadow:0 0 10px #c49cff8c,0 0 24px #a373f84d}50%{box-shadow:0 0 22px #dcb4fff2,0 0 50px #a373f8b3,0 0 90px #a373f866}}.widget-status{align-items:center;gap:8px}.status-pill{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;background:#ffffff0d;border-radius:999px;padding:4px 10px;font-size:.7rem}.status-pill.live{color:#7ff0c0;background:#10b98129}.meta-strip{flex-wrap:wrap;gap:8px}.meta-strip span{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff08;border-radius:999px;padding:3px 8px;font-size:.7rem}.transcript{flex-direction:column;gap:8px;min-height:0;padding:4px 2px 4px 0;display:flex;overflow-y:auto}.empty-state{color:var(--text-secondary);text-align:center;border:1px dashed #ffffff24;border-radius:18px;margin:auto 0;padding:16px;line-height:1.5}.transcript-entry{max-width:88%;box-shadow:var(--shadow-sm);border:1px solid #0000;border-radius:18px;padding:10px 12px}.transcript-entry .entry-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px;font-size:.68rem;display:block}.transcript-entry p{white-space:pre-wrap;margin:0;font-size:.85rem;line-height:1.48}.transcript-entry .message-markdown{font-size:.85rem;line-height:1.48}.transcript-entry .message-markdown p{margin:0 0 .4em}.transcript-entry .message-markdown p:last-child{margin-bottom:0}.transcript-entry .message-markdown strong{font-weight:600}.transcript-entry .message-markdown ul,.transcript-entry .message-markdown ol{margin:.3em 0;padding-left:1.4em}.transcript-entry .message-markdown li{margin-bottom:.15em}.transcript-entry .message-markdown code{background:#ffffff14;border-radius:3px;padding:.1em .3em;font-size:.9em}.transcript-entry .message-markdown h1,.transcript-entry .message-markdown h2,.transcript-entry .message-markdown h3,.transcript-entry .message-markdown h4,.transcript-entry .message-markdown h5,.transcript-entry .message-markdown h6{margin:.5em 0 .25em;font-size:.88rem;font-weight:600}.transcript-entry.user{background:linear-gradient(#a373f833,#6c4eb338);border-color:#a373f847;align-self:flex-end}.transcript-entry.assistant{background:#ffffff0b;border-color:#ffffff12;align-self:flex-start}.transcript-entry.system{background:#f59e0b17;border-color:#f59e0b33;align-self:center;max-width:100%}.transcript-entry.analysis{border-style:dashed}.transcript-entry.pending{opacity:.82}.typing-dots{align-items:center;gap:5px;padding:4px 0;display:flex}.typing-dot{background:#ffffff73;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}@keyframes typing-bounce{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1.1)}}.control-row{gap:6px}.primary-button,.icon-button,.upload-button,.send-button,.launcher-button{cursor:pointer;border:0;border-radius:28px;transition:transform .16s,box-shadow .16s,background .16s}.primary-button,.send-button{color:#fff;box-shadow:var(--shadow-glow);background:linear-gradient(#a373f8,#6c4eb3)}.primary-button{flex:1;min-height:32px;padding:0 12px;font-size:.78rem;font-weight:700}.primary-button.active{background:linear-gradient(#db4e78,#9e214c)}.icon-button,.upload-button{min-height:32px;color:var(--text-primary);border:1px solid var(--border-subtle);background:#ffffff0f;padding:0 10px;font-size:.76rem}.icon-button.active{background:#a373f824;border-color:#a373f86b}.upload-button{justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-button.busy{pointer-events:none}.levels{gap:12px}.levels>div{flex:1}.levels span{color:var(--text-secondary);margin-bottom:2px;font-size:.68rem;display:block}.level-bar{background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}.level-bar span{border-radius:inherit;background:linear-gradient(90deg,#a373f8,#f472b6);height:100%;margin:0;display:block}.composer-row{align-items:flex-end;gap:10px;min-height:0}.composer-row textarea{resize:none;border:1px solid var(--border-subtle);min-height:54px;max-height:120px;color:var(--text-primary);background:#ffffff0b;border-radius:27px;outline:none;flex:1;padding:14px 18px;font-size:.88rem;line-height:1.4;overflow-y:auto}.composer-row textarea:focus{border-color:#a373f861}.send-button{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;padding:0;display:flex;box-shadow:0 0 0 1px #ffffff0d,0 0 24px #a373f847,0 12px 30px #5727a040}.launcher-bubble{z-index:2;color:#fff;white-space:nowrap;pointer-events:none;background:linear-gradient(#a373f8f2,#6c4eb3f2);border-radius:14px 14px 4px;padding:8px 12px;font-size:.78rem;font-weight:600;position:absolute;bottom:calc(100% + 6px);right:calc(100% - 24px);box-shadow:0 8px 20px #00000059,0 0 18px #a373f859}.launcher-button{width:72px;height:72px;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.primary-button:hover,.icon-button:hover,.upload-button:hover,.send-button:hover,.launcher-button:hover{transform:translateY(-1px)}.primary-button:disabled,.icon-button:disabled,.send-button:disabled{opacity:.5;cursor:default;transform:none}@media (width<=640px){.app-shell{padding:0}.widget-panel{border-radius:28px;width:100%;height:100vh;max-height:100vh;padding:16px}.control-row,.levels{flex-direction:column}.send-button{width:54px;height:54px}}@media (width<=360px){.composer-row textarea{border-radius:25px;min-height:50px;padding:12px 14px;font-size:.84rem}.send-button{width:50px;height:50px}}
