.ot-container{z-index:var(--z-system);position:fixed;top:56px;left:20px}.ot-orb{cursor:pointer;-webkit-backdrop-filter:blur(24px)saturate(1.4);background:#12161cd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 4px 16px #00000059}.ot-orb:hover{transform:scale(1.08);box-shadow:inset 0 0 0 1px #ffffff1f,0 6px 24px #0006}.ot-orb:active{transform:scale(.95)}.ot-orb-glow{pointer-events:none;background:radial-gradient(circle,#78a0ff26 0%,#78a0ff0d 50%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite ot-breathe;position:absolute;inset:-6px}@keyframes ot-breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.ot-orb-icon{z-index:1;color:#fff9;justify-content:center;align-items:center;transition:color .2s;display:flex;position:relative}.ot-orb:hover .ot-orb-icon{color:#ffffffe6}.ot-orb-label{white-space:nowrap;color:#ffffffb3;-webkit-backdrop-filter:blur(16px);pointer-events:none;opacity:0;letter-spacing:.3px;background:#12161ce6;border:1px solid #ffffff0f;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;transition:opacity .2s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.ot-orb:hover .ot-orb-label{opacity:1}.ot-orb--recording{background:#280f0fe6!important}.ot-orb--recording .ot-orb-glow{background:radial-gradient(circle,#ff505040 0%,#ff505014 50%,#0000 70%);animation:1.5s ease-in-out infinite ot-pulse}.ot-orb--recording .ot-orb-icon{color:#ff6464f2}@keyframes ot-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.ot-panel{-webkit-backdrop-filter:blur(32px)saturate(1.5);transform-origin:20px 20px;background:#0e1116eb;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;width:380px;min-width:320px;max-width:90vw;height:520px;min-height:300px;max-height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff0a,0 16px 56px #00000073,0 4px 16px #0000004d}.ot-panel:after{content:"";opacity:.03;pointer-events:none;z-index:0;mix-blend-mode:overlay;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}.ot-action-btn--close{color:#ffffff4d}.ot-action-btn--close:hover{color:#ff7878cc!important;background:#ff78780f!important}.ot-drag-handle{cursor:grab;border-radius:16px 16px 0 0;flex-shrink:0;justify-content:center;align-items:center;height:16px;display:flex}.ot-drag-handle:active{cursor:grabbing}.ot-drag-dots{background:#ffffff1f;border-radius:2px;width:32px;height:3px;transition:background .15s}.ot-drag-handle:hover .ot-drag-dots{background:#ffffff40}.ot-resize-handle{cursor:nwse-resize;z-index:5;width:20px;height:20px;position:absolute;bottom:0;right:0}.ot-resize-handle:after{content:"";border-bottom:2px solid #ffffff26;border-right:2px solid #ffffff26;width:10px;height:10px;transition:border-color .15s;position:absolute;bottom:4px;right:4px}.ot-resize-handle:hover:after{border-color:#fff6}.ot-panel-body{z-index:1;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.ot-panel-content{scrollbar-width:thin;scrollbar-color:#ffffff0f transparent;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.ot-panel-content::-webkit-scrollbar{width:3px}.ot-panel-content::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.ot-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex}.ot-empty-icon{color:#ffffff1f;width:28px;height:28px;margin-bottom:12px}.ot-empty-text{color:#ffffff40;max-width:240px;margin:0;font-size:13px;line-height:1.5}.ot-message{position:relative}.ot-message--user .ot-message-content{color:#ffffffd9;font-size:13px;line-height:1.55}.ot-message--assistant .ot-message-content{color:#ffffff80;border-left:2px solid #ffffff0f;padding-left:12px;font-size:13px;font-style:italic;line-height:1.55}.ot-message--streaming .ot-message-content:after{content:"▍";color:#ffffff59;animation:.8s infinite ot-blink}@keyframes ot-blink{0%,to{opacity:1}50%{opacity:0}}.ot-audio-player{align-items:center;gap:8px;margin-top:6px;padding:4px 0;display:flex}.ot-audio-play-btn{color:#fff6;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.ot-audio-play-btn:hover{color:#ffffffb3;background:#ffffff1a}.ot-audio-play-btn--playing{color:#78b4ffcc}.ot-audio-track{cursor:pointer;background:#ffffff14;border-radius:2px;flex:1;min-width:60px;height:4px;position:relative}.ot-audio-progress{background:#78b4ff80;border-radius:2px;height:100%;transition:width .1s linear}.ot-audio-time{color:#ffffff40;font-variant-numeric:tabular-nums;text-align:right;min-width:28px;font-size:10px}@keyframes ot-spin{to{transform:rotate(360deg)}}.ot-audio-spinner{animation:1s linear infinite ot-spin}.ot-input-area{z-index:1;border-top:1px solid #ffffff0a;padding:8px 12px 10px;position:relative}.ot-input-area--top{border-top:none;border-bottom:1px solid #ffffff0a;padding:10px 12px 8px}.ot-input-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;padding:8px 10px;transition:border-color .2s}.ot-input-row:focus-within{border-color:#ffffff1a}.ot-input{color:#ffffffd9;resize:none;scrollbar-width:thin;scrollbar-color:#ffffff0f transparent;background:0 0;border:none;outline:none;width:100%;max-height:120px;font-family:inherit;font-size:13px;line-height:1.4;overflow-y:auto}.ot-input::placeholder{color:#ffffff59;font-weight:500}.ot-actions-row{justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.ot-actions-left,.ot-actions-right{align-items:center;gap:2px;display:flex}.ot-action-divider{background:#ffffff0f;width:1px;height:14px;margin:0 4px}.ot-action-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.ot-action-btn:hover{color:#ffffffb3;background:#ffffff0a}.ot-action-btn--active{color:#fffc!important;background:#ffffff0f!important}.ot-action-btn--mic:hover{color:#78b4ffcc}.ot-action-btn--recording{animation:1.5s ease-in-out infinite ot-mic-pulse;color:#ff5050e6!important;background:#ff505014!important}@keyframes ot-mic-pulse{0%,to{box-shadow:0 0 #ff505000}50%{box-shadow:0 0 0 4px #ff50501a}}.ot-action-btn--send{color:#ffffff73;background:#ffffff0f}.ot-action-btn--send:hover:not(:disabled){color:#ffffffe6;background:#ffffff1f}.ot-action-btn--send:disabled{opacity:.2;cursor:default}
