.cs-ask{--acc:#7fb2ff;isolation:isolate;width:100%;font-family:var(--sans);position:relative}.cs-ask>*{z-index:1;position:relative}.cs-ask:before,.cs-ask:after{content:"";z-index:0;pointer-events:none;border-radius:18px;position:absolute}.cs-ask:before{inset:10px 12px 4px;box-shadow:0 6px 8px #0c161c24,0 14px 22px #0c161c1f}.cs-ask:after{inset:30px 48px 12px;box-shadow:0 38px 60px #0c161c33,0 70px 110px -8px #0c28382e}.cs-ask .metal{background:var(--metal-bg);border-radius:18px;width:100%;position:relative;box-shadow:0 60px 110px -28px #08101480,0 24px 60px -14px #0810144d,0 3px 12px #08101424}.cs-ask .metal:before{content:"";border-radius:inherit;pointer-events:none;z-index:10;-webkit-mask-composite:xor;background:linear-gradient(150deg,#ffffff9e,#ffffff24 22%,#ffffff0a 44%,#ffffff1a 62%,#ffffff80 88%,#ffffff38);padding:1.6px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cs-ask .metal:after{content:"";border-radius:inherit;pointer-events:none;z-index:11;background:conic-gradient(from var(--sheen,0deg), transparent 0 70%, #c8d2e199 78%, #fffc 80%, #c8d2e199 83%, transparent 90%);-webkit-mask-composite:xor;opacity:.35;padding:1.6px;animation:14s linear infinite csSheen;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --sheen{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes csSheen{to{--sheen:360deg}}.cs-ask .main{color:#f1f3f4;flex-direction:column;gap:10px;padding:22px 24px;display:flex;position:relative}.cs-ask .field{display:flex;position:relative}.cs-ask textarea{z-index:1;resize:none;letter-spacing:-.02em;color:#f1f3f4;background:0 0;border:0;outline:none;width:100%;min-height:60px;font-size:19px;line-height:1.5;position:relative}.cs-ask textarea::placeholder{color:#ffffff4d}.cs-ask .ghost{z-index:0;pointer-events:none;letter-spacing:-.02em;color:#ffffff52;font-size:19px;line-height:1.5;animation:3.6s cubic-bezier(.16,1,.3,1) both csGhost;position:absolute;inset:0 0 auto}.cs-ask .ghost kbd{font:500 11px var(--sans);color:#ffffff73;vertical-align:3px;border:1px solid #ffffff29;border-radius:6px;margin-left:12px;padding:3px 7px}.cs-ask .field:has(textarea:not(:placeholder-shown)) .ghost{display:none}.cs-ask .filled{animation:.5s cubic-bezier(.34,1.56,.64,1) both csFilled}@keyframes csGhost{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}12%,86%{opacity:1;filter:none;transform:none}to{opacity:0;filter:blur(4px);transform:translateY(-12px)}}@keyframes csFilled{0%{opacity:.35;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.cs-ask .bar{border-top:1px solid #ffffff12;align-items:center;gap:12px;padding-top:16px;display:flex;position:relative}.cs-ask .bar:before{content:"";pointer-events:none;filter:blur(12px);background:linear-gradient(#0000 22%,#cee0ff0b 62%,#cee0ff1f);height:74px;animation:4.2s ease-in-out infinite csGlow;position:absolute;bottom:100%;left:-10px;right:-10px}@keyframes csGlow{0%,to{opacity:.45}50%{opacity:1}}.cs-ask .grow{flex:1}.cs-ask .capsule{background:#14171a;border:1px solid #ffffff17;border-radius:16px;flex:none;align-items:center;gap:3px;min-width:0;height:46px;padding:0 5px;display:inline-flex}.cs-ask .mode{color:#e6ecee;white-space:nowrap;border-radius:14px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13.5px;animation:.32s cubic-bezier(.16,1,.3,1) both csMode;display:inline-flex}.cs-ask .mode svg{width:15px;height:15px;color:var(--acc);flex:none}.cs-ask .mode .tab{font:500 10.5px var(--sans);color:#fff;background:#ffffff1a;border-radius:7px;margin-left:2px;padding:3px 7px}@keyframes csMode{0%{opacity:0;filter:blur(3px);transform:translate(-6px)}}.cs-ask .routes button{color:#ffffff73;border-radius:14px;place-items:center;width:36px;height:36px;transition:background .18s,color .18s;display:grid}.cs-ask .routes button:hover{color:#ffffffe6;background:#ffffff0f}.cs-ask .routes button.on{color:#fff;background:#ffffff1f}.cs-ask .routes svg{width:16px;height:16px}.cs-ask .go{background:#050606;border-radius:16px;align-items:center;height:46px;padding:0 4px;display:inline-flex}.cs-ask .go button{color:#e8edef;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:42px;height:38px;transition:background .18s,color .18s;display:inline-flex}.cs-ask .go button:hover{background:#ffffff17}.cs-ask .go .send{padding:0 14px 0 16px;font-size:13.5px;font-weight:500}.cs-ask .go .rec{color:#f87171;background:#f8717129}.cs-ask .go-div{background:#ffffff24;width:1px;height:20px}.cs-ask .orbit{pointer-events:none;z-index:2;position:absolute;inset:0}.cs-ask .slot{pointer-events:none;animation:csFloat var(--dur,10s) cubic-bezier(.45,.05,.55,.95) var(--delay,0s) infinite;position:absolute;transform:translate(-50%,-50%)}.cs-ask .slot.speaking{z-index:3}.cs-ask .slot-bot{pointer-events:auto;cursor:pointer;opacity:.9;place-items:center;gap:4px;transition:opacity .25s,filter .25s;display:grid}.cs-ask .slot-bot:hover{opacity:1;filter:drop-shadow(0 6px 14px #17171740)}.cs-ask .slot-name{color:#0e0f1173;opacity:0;white-space:nowrap;font-size:10.5px;transition:opacity .2s,transform .2s;transform:translateY(-2px)}.cs-ask .slot-bot:hover .slot-name{opacity:1;transform:none}.cs-ask .slot.speaking .slot-name{opacity:0!important}.cs-ask .say{-webkit-backdrop-filter:blur(18px)saturate(1.4);text-align:left;pointer-events:auto;cursor:pointer;background:#ffffffc7;border-radius:16px;align-items:flex-end;gap:10px;width:max-content;max-width:min(250px,24vw);padding:10px 10px 10px 14px;transition:background .2s,box-shadow .2s;animation:.42s cubic-bezier(.16,1,.3,1) both csSay;display:flex;position:absolute;top:50%;box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #0e0f110d,0 16px 36px -18px #0e1e4659}.cs-ask .say:hover{background:#fffffff2}.cs-ask .say-go{background:var(--ink);color:#fff;width:24px;height:24px;transition:transform .25s var(--ease), background .2s;border-radius:50%;flex:none;place-items:center;display:grid}.cs-ask .say-go svg{width:12px;height:12px}.cs-ask .say:hover .say-go{background:var(--blue);transform:translate(2px)}.cs-ask .say.left{right:calc(100% + 12px)}.cs-ask .say.right{left:calc(100% + 12px)}.cs-ask .say.up{animation-name:csSayUp;inset:auto auto calc(100% + 10px) 50%;transform:translate(-50%)}@keyframes csSayUp{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.92)}to{opacity:1;transform:translate(-50%)}}.cs-ask .say-who{font:600 9px var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-3);margin-bottom:2px;display:block}.cs-ask .say-text{letter-spacing:-.01em;color:var(--ink);text-wrap:pretty;font-size:13px;line-height:1.4;display:block}@keyframes csSay{0%{opacity:0;transform:translateY(-50%)scale(.9)}to{opacity:1;transform:translateY(-50%)}}@keyframes csFloat{0%,to{transform:translate(calc(-50% - var(--dx)), calc(-50% - var(--dy)))}25%{transform:translate(calc(-50% + var(--dx) * .6), calc(-50% - var(--dy) * .2))}50%{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy)))}75%{transform:translate(calc(-50% - var(--dx) * .6), calc(-50% + var(--dy) * .2))}}@media (max-width:1080px){.cs-ask .orbit{display:none}}@media (max-width:640px){.cs-ask .main{padding:18px 16px 16px}.cs-ask textarea,.cs-ask .ghost{font-size:17px}.cs-ask .ghost kbd,.cs-ask .mode .tab,.cs-ask .go .send span{display:none}.cs-ask .mode{padding:0 10px}.cs-ask .routes{display:none}}.mode-toggle{background:#ffffff0f;border-radius:14px;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.mode-toggle button{color:#9aa3b2;height:32px;transition:background .25s var(--ease), color .25s;white-space:nowrap;border-radius:11px;align-items:center;gap:7px;padding:0 12px;font-size:13px;display:inline-flex}.mode-toggle button:hover{color:#e6eaf0}.mode-toggle button.on{color:#fff;background:#ffffff24;box-shadow:inset 0 1px #ffffff1f,0 4px 10px -6px #0009}.mode-toggle button.on svg{color:#8fb8ff}@media (max-width:480px){.mode-toggle button{padding:0 9px;font-size:12px}.mode-toggle svg{display:none}.cs-ask .bar{flex-wrap:wrap;gap:12px}.cs-ask .go{margin-left:0}.cs-ask .go .send span{font-size:12px;display:inline}.cs-ask .go .send{padding:0 12px}.cs-ask .mode-toggle{width:100%}.cs-ask .mode-toggle button{flex:1;justify-content:center;height:36px}.cs-ask .go{justify-content:center;width:100%}.cs-ask .main{gap:12px}}