#gpt-demo{--ember:#c4714a;--brick:#a8503f;--g-bg:#eef0f3;--g-line:#cdd2da;--g-head:#b3bac6;--g-ink:#6b7280;--g-deep:#454c59;position:relative;width:100%;max-width:600px}#gpt-demo,#gpt-demo .win{margin:0 auto;text-align:left}#gpt-demo .win{background:var(--g-bg);border:1px solid #dce0e6;border-radius:16px;overflow:hidden;box-shadow:0 30px 70px -34px rgba(46,44,66,.4);filter:saturate(.72);transition:opacity .55s ease}#gpt-demo.is-resetting .win{opacity:.32}#gpt-demo .wbar{display:flex;align-items:center;gap:9px;padding:13px 18px;background:#e4e7ec;border-bottom:1px solid #d4d9e0;font-weight:600;font-size:.92rem;color:var(--g-deep)}#gpt-demo .wbar .dot{width:17px;height:17px;border-radius:50%;background:#9aa1ad}#gpt-demo .wbar .ttl{font-weight:600}#gpt-demo .wbar .fat{margin-left:auto;display:flex;align-items:center;gap:8px}#gpt-demo .wbar .fat .flab{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g-ink)}#gpt-demo .wbar .fat .fbar{width:78px;height:6px;border-radius:99px;background:#d4d9e0;overflow:hidden}#gpt-demo .wbar .fat .ffill{height:100%;width:8%;border-radius:99px;background:linear-gradient(90deg,#9aa1ad,var(--ember),var(--brick));transition:width .5s ease}#gpt-demo .wbody{padding:16px 18px;height:312px;overflow:hidden;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}#gpt-demo .wbody::-webkit-scrollbar{width:8px}#gpt-demo .wbody::-webkit-scrollbar-thumb{background:#cdd2da;border-radius:9px}#gpt-demo .umsg{align-self:flex-end;max-width:78%;background:#dde1e7;color:var(--g-deep);font-size:.9rem;font-weight:500;padding:9px 13px;border-radius:13px 13px 3px 13px}#gpt-demo .gwrap{align-self:flex-start;max-width:90%;gap:5px}#gpt-demo .gmsg,#gpt-demo .gwrap{display:flex;flex-direction:column}#gpt-demo .gmsg{background:#fff;border:1px solid #e3e7ec;border-radius:13px 13px 13px 3px;padding:12px 14px;gap:7px}#gpt-demo .glabel{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#aab0ba}#gpt-demo .ghead{height:11px;border-radius:5px;background:var(--g-head);width:0;animation:gpt-grow .45s ease forwards}#gpt-demo .gline{height:9px;border-radius:5px;background:var(--g-line);width:0;animation:gpt-grow .5s ease forwards}@keyframes gpt-grow{to{width:var(--w)}}#gpt-demo .gnote{font-size:.86rem;color:var(--brick);font-style:italic;margin-top:3px;opacity:0;animation:gpt-fade .4s ease forwards}@keyframes gpt-fade{to{opacity:1}}#gpt-demo .ganno{display:flex;align-items:flex-start;gap:7px;font-size:.82rem;color:var(--g-ink);padding-left:2px;opacity:0;animation:gpt-fade .4s ease forwards}#gpt-demo .ganno i{width:7px;height:7px;border-radius:50%;background:var(--ember);margin-top:5px;flex:none}#gpt-demo .typing{align-self:flex-start;background:#fff;border:1px solid #e3e7ec;border-radius:13px;padding:11px 14px;display:flex;gap:5px}#gpt-demo .typing span{width:7px;height:7px;border-radius:50%;background:#b3bac6;animation:gpt-bob 1s infinite}#gpt-demo .typing span:nth-child(2){animation-delay:.15s}#gpt-demo .typing span:nth-child(3){animation-delay:.3s}@keyframes gpt-bob{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}#gpt-demo .winput{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#e4e7ec;border-top:1px solid #d4d9e0}#gpt-demo .winput .field{flex:1;background:#fff;border:1px solid #d4d9e0;border-radius:11px;padding:10px 13px;font-size:.9rem;color:var(--g-deep);min-height:40px}#gpt-demo .winput .field .ph{color:#9aa1ad}#gpt-demo .winput .ic{display:inline-block;width:2px;height:1em;background:var(--g-ink);vertical-align:-2px;animation:gpt-blink 1s steps(1) infinite}@keyframes gpt-blink{50%{opacity:0}}#gpt-demo .winput .send{width:40px;height:40px;border-radius:11px;background:#aab0ba;border:0;color:#fff;display:grid;place-items:center;cursor:default;flex:none;transition:background .2s}#gpt-demo .winput .send.live{background:var(--g-deep)}#gpt-demo .summary{margin:16px 18px;background:#e4e7ec;border-radius:11px;padding:14px 16px;font-size:.92rem;color:var(--g-deep);font-weight:500;line-height:1.5;opacity:0;transition:opacity .4s}#gpt-demo .summary.show{opacity:1}#gpt-demo .summary b{color:var(--brick)}#gpt-demo .loop-note{position:absolute;left:0;right:0;top:calc(100% + 10px);display:flex;align-items:center;justify-content:center;gap:8px;height:20px;color:rgba(46,44,66,.5);font-size:.84rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .4s ease}#gpt-demo .loop-note.show{opacity:1}#gpt-demo .loop-note .spin{display:inline-block;animation:gpt-spin 1s linear infinite;font-size:.95rem}@keyframes gpt-spin{to{transform:rotate(1turn)}}