.cdemo{--cd-bg:oklch(20% 0 0);--cd-side:oklch(17% 0 0);--cd-line:oklch(100% 0 0/.09);--cd-fg:oklch(95% 0 0);--cd-dim:oklch(68% 0 0);--cd-box:oklch(25% 0 0);--cd-accent:oklch(62% .17 265);--cd-star:oklch(70% .14 45);background:var(--cd-bg);min-height:440px;color:var(--cd-fg);border:1px solid var(--cd-line);border-radius:18px;grid-template-columns:170px 1fr;font-size:13px;animation:7s ease-in-out infinite cdemo-float;display:grid;position:relative;box-shadow:0 30px 80px -30px oklch(0% 0 0/.8)}@keyframes cdemo-float{50%{transform:translateY(-8px)}}.cdemo-chip{z-index:2;color:oklch(85% .05 295);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklab(17% .0102606 -.0281908/.88);border:1px solid oklch(62% .19 295/.35);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:flex;position:absolute;box-shadow:0 8px 24px oklch(62% .19 295/.15)}.cdemo-chip b,.cdemo-chip svg{color:var(--hv-purple-2,oklch(78% .12 300))}.cdemo-chip.tl{top:-18px;left:-22px}.cdemo-chip.br{bottom:40px;right:-24px}.cdemo-side{background:var(--cd-side);border-right:1px solid var(--cd-line);border-radius:18px 0 0 18px;flex-direction:column;gap:4px;padding:16px 10px;display:flex}.cdemo-seg{background:var(--cd-box);border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:8px;padding:3px;display:grid}.cdemo-seg span{color:var(--cd-dim);border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:6px;display:flex}.cdemo-seg .on{color:var(--cd-fg);background:oklch(33% 0 0)}.cdemo-item{color:var(--cd-dim);border-radius:9px;align-items:center;gap:8px;padding:8px 10px;display:flex}.cdemo-item.on{color:var(--cd-fg);background:oklch(27% 0 0)}.cdemo-label{color:var(--cd-dim);justify-content:space-between;padding:14px 8px 0;font-size:11.5px;display:flex}.cdemo-user{border-top:1px solid var(--cd-line);align-items:center;gap:7px;margin-top:auto;padding-top:12px;font-size:11.5px;display:flex}.cdemo-user i{background:var(--cd-accent);border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;font-weight:700;display:grid}.cdemo-user small{color:var(--cd-dim);margin-left:auto}.cdemo-main{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px 22px;display:flex}.cdemo-plan{color:var(--cd-dim);background:oklch(24% 0 0);border-radius:8px;padding:5px 12px;font-size:11.5px;position:absolute;top:14px}.cdemo-plan b{color:var(--cd-accent);font-weight:500}.cdemo-hello{text-align:left;gap:12px;max-width:330px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:400;line-height:1.3;display:flex}.cdemo-star{color:var(--cd-star);height:fit-content;font-size:30px;animation:6s linear infinite cdemo-spin;display:inline-block}@keyframes cdemo-spin{to{transform:rotate(360deg)}}.cdemo-box{background:var(--cd-box);border:1px solid var(--cd-line);border-radius:16px;width:100%;padding:14px}.cdemo-text{min-height:40px;font-size:13.5px}.cdemo-caret{background:var(--cd-fg);vertical-align:-2px;width:1.5px;height:1.05em;margin-left:1px;animation:1s step-end infinite cdemo-blink;display:inline-block}@keyframes cdemo-blink{50%{opacity:0}}.cdemo-row{color:var(--cd-dim);align-items:center;gap:10px;display:flex}.cdemo-model{color:var(--cd-fg);align-items:center;gap:4px;margin-left:auto;display:flex}.cdemo-model em{color:var(--cd-dim);font-style:normal}.cdemo-send{background:var(--cd-accent);width:28px;height:28px;color:var(--cd-fg);border-radius:8px;place-items:center;transition:transform .2s;display:grid}.cdemo-send.pulse{transform:scale(1.12)}.cdemo-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cdemo-pills span{border:1px solid var(--cd-line);color:var(--cd-dim);border-radius:9px;align-items:center;gap:6px;padding:7px 11px;display:flex}@media (width<=640px){.cdemo{grid-template-columns:1fr}.cdemo-side,.cdemo-chip{display:none}}@media (prefers-reduced-motion:reduce){.cdemo,.cdemo-star{animation:none}}