@property --orb-turn{syntax:"<angle>";inherits:false;initial-value:0deg}.tone-orb{--orb-1:#b883eb;--orb-2:#9576eb;--orb-3:#7a54c9;--orb-warm:#ffc9b0;--orb-size:120px;isolation:isolate;clip-path:circle(50%);background:#f4effc;border-radius:50%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff9,inset 0 -12px 28px -14px #49288c4d}.tone-orb:before{content:"";z-index:-1;background:radial-gradient(36% 36% at 32% 28%, #fff 0, #fff0 72%), conic-gradient(from var(--orb-turn) at 58% 58%, var(--orb-1), var(--orb-warm), #fff 32%, var(--orb-2), var(--orb-3) 72%, var(--orb-1));filter:blur(calc(var(--orb-size) * .11)) saturate(1.15);animation:18s linear infinite tone-orb-turn;position:absolute;inset:-25%}.tone-orb:after{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");background-size:140px;position:absolute;inset:0}@keyframes tone-orb-turn{to{--orb-turn:360deg}}@media (prefers-reduced-motion:reduce){.tone-orb:before{animation:none}}#launcher{color:#faf9f6;background:#343434;border-color:#494949;gap:10px;padding:6px 18px 6px 6px;transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1);animation:none}#launcher:hover{background:#444;border-color:#595959}#launcher .tone-orb{--orb-size:34px;flex:none;width:34px;height:34px}body.agent-bar-open #launcher{opacity:0;visibility:hidden;pointer-events:none}#tone-agent-bar .tab{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;opacity:0;visibility:hidden;width:min(440px,100vw - 24px);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .25s,visibility 0s linear .5s;position:fixed;transform:translate(-50%,28px)}#tone-agent-bar .tab[data-open]{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)}#tone-agent-bar .tab-bar{color:#faf9f6;background:#343434;border:1px solid #494949;border-radius:30px;align-items:center;gap:12px;height:60px;padding:0 8px 0 12px;display:flex;box-shadow:0 18px 50px -18px #211c1759}#tone-agent-bar .tab-avatar{flex:none;width:36px;height:36px;position:relative}#tone-agent-bar .tab-avatar .tone-orb{--orb-size:36px;width:100%;height:100%;transition:opacity .3s}#tone-agent-bar .tab[data-state=connecting] .tab-avatar .tone-orb{opacity:.3}#tone-agent-bar .tab-thinking{margin:auto;position:absolute;inset:0}#tone-agent-bar .tab-who{flex-direction:column;flex:1;gap:2px;min-width:0;line-height:1.2;display:flex}#tone-agent-bar .tab-who strong{font-size:15px;font-weight:600}#tone-agent-bar .tab-status{color:#d0d0d0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}#tone-agent-bar .tab-btn{color:#f5f5f5;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:background .15s,color .15s;display:grid}#tone-agent-bar .tab-btn:hover:not(:disabled){color:#fff;background:#4b4b4b}#tone-agent-bar .tab-btn[aria-pressed=true]{color:#292929;background:#ededeb}#tone-agent-bar .tab-btn:disabled{opacity:.45;cursor:default}#tone-agent-bar .tab-btn:focus-visible{outline-offset:2px;outline:2px solid #7a54c9}#tone-agent-bar .tab-btn svg{width:20px;height:20px}#tone-agent-bar .tab-caption{color:#faf9f6;-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#343434;border:1px solid #494949;border-radius:16px;margin:0;padding:10px 14px;font-size:14px;line-height:1.45;transition:opacity .3s,transform .3s;position:absolute;bottom:calc(100% + 10px);left:0;right:0;transform:translateY(6px);box-shadow:0 10px 30px -14px #211c174d}#tone-agent-bar .tab-caption[data-show]{opacity:1;transform:none}#tone-agent-bar .tab-caption:empty{display:none}@media (max-width:560px){#tone-agent-bar .tab{bottom:calc(12px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){#tone-agent-bar .tab,#tone-agent-bar .tab-caption,#launcher{transition:none}}#tone-agent-bar .tab-bar>*{z-index:5;position:relative}
html.marketing-shell,.marketing-shell body{height:100%;overflow:hidden}.tone-page-frame{background:#f8f5ef;border:0;width:100%;height:100%;position:fixed;inset:0}#tone-agent-bar{font-family:Inter,system-ui,sans-serif}