.tsai-card{--logh:280px;--logh-m:300px;--g:#1BF264;--gb:#00FF88;--mut:#C9D4DD;--dim:#7A8A99;--hair:#c9d4dd17;position:relative;width:100%;max-width:672px;margin:0 auto;overflow:hidden;border-radius:16px;border:1px solid #1bf2644d;background:radial-gradient(560px 240px at 88% -10%,#1bf2641c,transparent 68%),linear-gradient(158deg,#04182b 0%,#020c18 52%,#031a2e 100%);box-shadow:0 30px 70px -30px #000000d9,0 0 60px -14px #1bf26433,inset 0 1px 0 #ffffff0a;color:var(--mut);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5;text-align:left}
.tsai-card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent 8%,#1bf264cc 50%,transparent 92%);z-index:3}
.tsai-card *{box-sizing:border-box}
.tsai-top{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--hair);background:#02081080}
.tsai-mark,.tsai-av{display:inline-flex;flex:none;width:22px;height:22px;align-items:center;justify-content:center;border-radius:6px;border:1px solid #1bf26466;background:#1bf26414}
.tsai-mark svg,.tsai-av svg{width:12px;height:12px}
.tsai-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff;white-space:nowrap}
.tsai-title b{font-weight:500;color:var(--g)}.tsai-title b::after{content:"·";color:var(--dim);margin:0 6px}
.tsai-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.tsai-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;border:1px solid var(--hair);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.tsai-pill.tsai-on{border-color:#1bf26466;color:var(--g);background:#1bf2640f}
.tsai-dot{width:6px;height:6px;border-radius:50%;background:var(--gb);animation:tsai-ping 2.2s ease-out infinite}
@keyframes tsai-ping{0%{box-shadow:0 0 0 0 #00ff888c}70%{box-shadow:0 0 0 7px #00ff8800}100%{box-shadow:0 0 0 0 #00ff8800}}
.tsai-body{display:grid;grid-template-columns:168px 1fr}
.tsai-tel{display:flex;flex-direction:column;gap:8px;padding:12px 10px;border-right:1px solid var(--hair);background:#02081047}
.tsai-tile{padding:8px 10px;border-radius:10px;border:1px solid var(--hair);background:#020c189e}
.tsai-k{display:block;font-size:9.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.tsai-v{display:block;font:600 11.5px/1.3 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff;overflow-wrap:anywhere}
.tsai-st{color:var(--g);transition:text-shadow .4s}
.tsai-st span{display:none}
[data-state=ready] .tsai-s1,[data-state=thinking] .tsai-s2,[data-state=streaming] .tsai-s3{display:inline}
[data-state=thinking] .tsai-st,[data-state=streaming] .tsai-st{text-shadow:0 0 12px #00ff8899}
.tsai-tp{flex:1;display:flex;flex-direction:column}
.tsai-meter{display:flex;align-items:flex-end;gap:2px;flex:1;min-height:20px;max-height:72px;margin:auto 0}
.tsai-meter i{flex:1;height:100%;border-radius:1px;background:linear-gradient(180deg,var(--gb),#1bf26440);transform-origin:bottom;transform:scaleY(.3);opacity:.85;will-change:transform}
.tsai-meter i:nth-child(3n){transform:scaleY(.5)}.tsai-meter i:nth-child(4n+1){transform:scaleY(.38)}
.tsai-sub{margin-top:6px;font-size:9.5px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}
.tsai-chat{display:flex;flex-direction:column;min-width:0}
.tsai-log{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;height:var(--logh,262px);overflow:hidden;padding:16px 16px 6px;-webkit-mask-image:linear-gradient(180deg,transparent 2px,#000 30px);mask-image:linear-gradient(180deg,transparent 2px,#000 30px)}
.tsai-turn{display:flex;flex-direction:column;gap:10px;flex:none;transition:opacity .45s}
.tsai-turn.tsai-dim{opacity:.55}
.tsai-msg{display:flex;gap:8px;max-width:88%;animation:tsai-in .38s ease-out both}
.tsai-msg.tsai-q{align-self:flex-end;flex-direction:row-reverse}
.tsai-q .tsai-bub{background:#1bf2641a;border-color:#1bf26452;color:#fff;border-bottom-right-radius:4px}
.tsai-a .tsai-bub{border-bottom-left-radius:4px}
.tsai-av{margin-top:2px}
.tsai-bub{padding:8px 12px;border-radius:12px;border:1px solid var(--hair);background:#ffffff09;font-size:13.5px;line-height:1.5;color:#dbe5ec;overflow-wrap:anywhere}
.tsai-bub p{margin:0}.tsai-bub p+ul{margin-top:6px}
.tsai-bub ul{margin:0;padding:0;list-style:none}
.tsai-bub li{position:relative;padding-left:14px;margin:2px 0}
.tsai-bub li::before{content:"";position:absolute;left:1px;top:.58em;width:5px;height:5px;border-radius:50%;background:var(--g);box-shadow:0 0 6px #1bf26499}
.tsai-call{margin-top:8px!important;padding:6px 10px;border-radius:8px;border:1px solid #1bf26440;border-left:3px solid var(--g);background:#1bf26414;color:#fff;font-weight:600;font-size:13px}
.tsai-pend{display:none}
.tsai-caret{display:inline-block;width:7px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--gb);animation:tsai-blink .9s steps(2) infinite}
.tsai-dots{display:inline-flex;gap:4px;align-items:center;height:20px}
.tsai-dots i{width:5px;height:5px;border-radius:50%;background:var(--g);opacity:.35;animation:tsai-bob 1.1s ease-in-out infinite}
.tsai-dots i:nth-child(2){animation-delay:.18s}.tsai-dots i:nth-child(3){animation-delay:.36s}
@keyframes tsai-bob{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes tsai-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes tsai-blink{to{visibility:hidden}}
.tsai-try{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 14px 0}
.tsai-try .tsai-k{margin:0 4px 0 0}
.tsai-chip{appearance:none;font:500 11px/1 Inter,system-ui,sans-serif;color:var(--mut);cursor:pointer;padding:7px 10px;border-radius:999px;border:1px solid var(--hair);background:#ffffff08;white-space:nowrap;transition:color .3s,border-color .3s,background .3s}
.tsai-chip:hover{border-color:#1bf26480;color:#fff}
.tsai-chip.tsai-on{color:var(--g);border-color:#1bf26480;background:#1bf26414}
.tsai-inwrap{padding:10px 14px 14px}
.tsai-in{display:flex;align-items:center;gap:10px;height:46px;padding:0 6px 0 16px;border-radius:999px;border:1px solid #1bf2644d;background:#020911e6;box-shadow:0 0 0 3px #1bf2640d;transition:border-color .3s,box-shadow .3s}
.tsai-in.tsai-typing{border-color:#1bf264bf;box-shadow:0 0 0 3px #1bf2641f,0 0 22px #1bf26429}
.tsai-field{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px;color:#fff}
.tsai-ph{color:var(--dim)}.tsai-typing .tsai-ph{display:none}.tsai-typing .tsai-field{display:flex;justify-content:flex-end}
.tsai-field::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--gb);animation:tsai-blink 1s steps(2) infinite}
.tsai-send{flex:none;width:34px;height:34px;border-radius:50%;background:var(--g);display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #1bf26459;transition:transform .2s,box-shadow .2s}
.tsai-sent .tsai-send{transform:scale(.86);box-shadow:0 0 28px #1bf264b3}
.tsai-send svg{width:15px;height:15px}
.tsai-note{margin:0;padding:9px 16px 11px;border-top:1px solid var(--hair);font-size:11.5px;color:var(--dim);text-align:center;background:#02081073}
@media (max-width:560px){
.tsai-body{grid-template-columns:1fr}
.tsai-tel{border-right:0;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:1fr 1fr;padding:10px}
.tsai-tile{padding:7px 9px}.tsai-v{font-size:11px}.tsai-meter{max-height:16px;margin:4px 0 0}
.tsai-log{height:var(--logh-m,236px);padding:12px 12px 4px}.tsai-msg{max-width:92%}
.tsai-try{padding:6px 12px 0}.tsai-inwrap{padding:10px 12px 12px}
.tsai-title{letter-spacing:.1em;font-size:11px}
}
@media (min-width:561px) and (max-width:700px){.tsai-card{--logh:300px}}@media (max-width:560px){.tsai-try{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);padding-right:28px}.tsai-try::-webkit-scrollbar{display:none}.tsai-try .tsai-k,.tsai-chip{flex:none}}@media (max-width:400px){.tsai-bub{font-size:13px;padding:7px 10px}.tsai-msg{max-width:95%}}@media (max-width:440px){.tsai-pill:not(.tsai-on){display:none}}
@media (prefers-reduced-motion:reduce){.tsai-card *,.tsai-field::after{animation:none!important;transition:none!important}}