body{background-color:var(--surface);background-image:radial-gradient(38% 34% at 50% 118%,color-mix(in srgb,var(--surface-alt) 90%,transparent),transparent 72%)}body:before{content:"";position:fixed;inset:-12vmax;z-index:-1;pointer-events:none;background:radial-gradient(30vmax 30vmax at 14% 12%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 62%),radial-gradient(34vmax 34vmax at 88% 20%,color-mix(in srgb,var(--primary) 20%,transparent),transparent 62%),radial-gradient(30vmax 30vmax at 62% 104%,color-mix(in srgb,var(--bridge) 24%,transparent),transparent 62%);filter:blur(60px) saturate(1.15);animation:orb-drift 26s ease-in-out infinite alternate}@keyframes orb-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.08)}}@media (prefers-reduced-motion:reduce){body:before{animation:none}}.hero-title em{display:inline-block;background:linear-gradient(96deg,var(--accent),var(--bridge) 68%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 16px color-mix(in srgb,var(--accent) 26%,transparent))}.btn-primary{border-radius:14px;box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 24%,transparent)}.btn-primary:hover{box-shadow:0 12px 36px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-ghost{border-radius:14px}.mock.cb{position:relative;max-width:360px;border-radius:22px;border-color:transparent;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-alt) 82%,transparent),color-mix(in srgb,var(--surface) 90%,transparent));backdrop-filter:blur(44px) saturate(1.9) brightness(1.06);-webkit-backdrop-filter:blur(44px) saturate(1.9) brightness(1.06);box-shadow:0 24px 60px color-mix(in srgb,var(--accent) 16%,#000)}.mock.cb:before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;background:linear-gradient(142deg,var(--accent),var(--bridge) 50%,var(--primary));opacity:.7;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.cb-head{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid var(--border)}.cb-ava{flex:0 0 auto;width:42px}.cb-ava .slot{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 55%,transparent);border-radius:50%}.cb-id{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.cb-name{font-family:var(--font-head);font-weight:700;font-size:.95rem;line-height:1.1}.cb-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.72rem;color:var(--primary)}.cb-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);animation:cb-pulse 2s ease-in-out infinite}.cb-badge{flex:0 0 auto;font-family:var(--font-body);font-size:.64rem;font-weight:600;letter-spacing:.06em;color:var(--bridge);border:1px solid color-mix(in srgb,var(--bridge) 45%,var(--border));border-radius:4px;padding:3px 6px}.cb-thread{display:flex;flex-direction:column;gap:9px;padding:16px 16px 6px}.cb-bubble{margin:0;max-width:82%;padding:10px 14px;border-radius:18px;font-family:var(--font-body);font-size:.86rem;line-height:1.4}.cb-bot{align-self:flex-start;color:var(--ink);background:color-mix(in srgb,var(--primary) 15%,var(--surface-alt));border:1px solid color-mix(in srgb,var(--primary) 32%,transparent);border-bottom-left-radius:6px}.cb-you{align-self:flex-end;color:var(--surface);font-weight:500;background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--bridge)));border-bottom-right-radius:6px}.cb-typing{align-self:flex-start;display:inline-flex;gap:4px;padding:10px 13px;border-radius:18px;border-bottom-left-radius:6px;background:color-mix(in srgb,var(--primary) 12%,var(--surface-alt));border:1px solid color-mix(in srgb,var(--primary) 26%,transparent)}.cb-typing span{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:cb-bounce 1.2s ease-in-out infinite}.cb-typing span:nth-child(2){animation-delay:.15s}.cb-typing span:nth-child(3){animation-delay:.3s}.cb-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px 0}.cb-chip{font-family:var(--font-body);font-size:.74rem;color:var(--ink);background:color-mix(in srgb,var(--bridge) 14%,transparent);border:1px solid color-mix(in srgb,var(--bridge) 38%,var(--border));border-radius:999px;padding:7px 13px;white-space:nowrap}.cb-composer{display:flex;align-items:center;gap:10px;margin:12px 16px 16px;padding:8px 8px 8px 16px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,transparent)}.cb-input{flex:1 1 auto;min-width:0;font-family:var(--font-body);font-size:.82rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-send{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:4px;color:var(--surface);background:var(--accent);box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 45%,transparent),0 8px 26px color-mix(in srgb,var(--accent) 24%,transparent)}.cb-send svg{transform:rotate(-90deg)}@keyframes cb-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes cb-bounce{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-4px);opacity:1}}@media (prefers-reduced-motion:reduce){.cb-dot,.cb-typing span{animation:none}}