.about-note{color:var(--muted-foreground);font-size:var(--type-small);text-wrap:pretty}.about-chat{background:var(--background);min-height:640px;max-height:720px;box-shadow:var(--chat-elevation);border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.dark .about-chat{--chat-ring:0 0 0 1px #ffffff17;--chat-elevation:var(--chat-ring)}.about-chat-header{background:var(--chat-panel);align-items:center;gap:16px;padding:24px 32px;display:flex}.about-chat{--chat-accent:var(--primary);--chat-accent-soft:color-mix(in oklch, var(--chat-accent) 14%, var(--background));--chat-ring:0 0 0 1px color-mix(in oklch, var(--foreground) 8%, transparent);--chat-elevation:var(--chat-ring), 0 1px 3px #0000000d, 0 8px 24px -8px #00000014;--chat-panel:color-mix(in oklch, var(--foreground) 4%, var(--background));--chat-fill:color-mix(in oklch, var(--foreground) 8%, var(--background))}.about-chat-avatar{background:var(--chat-accent-soft);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.about-chat-avatar img{width:20px;height:auto;display:block}.about-chat-name{letter-spacing:var(--tracking-title);font-weight:500;line-height:24px}.about-chat-status{color:var(--muted-foreground);font-size:var(--type-small);line-height:20px}.about-chat-log{overscroll-behavior:contain;align-content:start;gap:48px;padding:32px;display:grid;overflow-y:auto}.about-turn{justify-items:start;gap:8px;display:grid}.about-bubble{text-wrap:pretty;max-width:88%;animation:about-bubble-in .36s var(--expo-out) backwards;border-radius:20px;padding:8px 16px}.about-bubble-you{background:var(--chat-accent);color:var(--primary-foreground);transform-origin:100% 100%;border-bottom-right-radius:4px;justify-self:end;margin-bottom:16px}.about-bubble-me{background:var(--chat-accent-soft);color:var(--foreground);transform-origin:0 100%;border-bottom-left-radius:4px;animation-delay:80ms}.about-bubble-wrap{max-width:88%;position:relative}.about-bubble-wrap>.about-bubble{max-width:none}.about-bubble-wrap[data-reacted=true]{margin-bottom:12px}.about-bubble-link{margin-left:16px}@keyframes about-bubble-in{0%{opacity:0;translate:0 8px;scale:.96}}.about-typing{align-items:center;gap:4px;height:40px;padding-inline:16px;display:flex}.about-typing>span:not(.sr-only){background:var(--chat-accent);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite about-typing}.about-typing>span:nth-child(3){animation-delay:.15s}.about-typing>span:nth-child(4){animation-delay:.3s}@keyframes about-typing{0%,60%,to{opacity:.35;translate:0}30%{opacity:1;translate:0 -4px}}.about-reactions{border:0;gap:4px;min-width:0;margin-top:8px;margin-left:8px;padding:0;display:flex}[data-reaction]{--rc:var(--foreground)}[data-reaction=like]{--rc:color-mix(in oklch, var(--color-blue-500) 75%, var(--foreground))}[data-reaction=love]{--rc:color-mix(in oklch, var(--color-rose-500) 75%, var(--foreground))}[data-reaction=funny]{--rc:color-mix(in oklch, var(--color-amber-500) 75%, var(--foreground))}[data-reaction=fire]{--rc:color-mix(in oklch, var(--color-orange-500) 75%, var(--foreground))}[data-reaction=insight]{--rc:color-mix(in oklch, var(--color-violet-500) 75%, var(--foreground))}.about-reactions button{width:32px;height:32px;color:var(--muted-foreground);outline:var(--focus-width) solid transparent;outline-offset:0;transition:opacity .2s var(--expo-out), color .2s var(--expo-out), background-color .2s var(--expo-out), scale .12s var(--expo-out), var(--focus-transition);border-radius:50%;place-items:center;display:grid;position:relative}.about-reactions button:after{content:"";position:absolute;inset:-8px}.about-reactions button:focus-visible{outline-color:var(--ring)}.about-reactions button:active{scale:.9}.about-reactions button[aria-pressed=true]{background:color-mix(in oklch, var(--rc) 16%, var(--background));color:var(--rc)}@media (hover:hover) and (pointer:fine){.about-reactions button:hover{background:color-mix(in oklch, var(--rc) 12%, var(--background));color:var(--rc)}}.about-reaction-badge{min-width:24px;height:24px;box-shadow:0 0 0 1px color-mix(in oklch, var(--rc) 35%, var(--background));background:color-mix(in oklch, var(--rc) 14%, var(--background));color:var(--rc);animation:about-badge-pop .36s var(--expo-out);border-radius:12px;place-items:center;display:grid;position:absolute;bottom:-12px;right:8px}@keyframes about-badge-pop{0%{opacity:0;scale:.4}}.about-chat-footer{background:var(--chat-panel);gap:24px;padding:24px 32px 32px;display:grid}.about-suggest{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;display:flex}.about-suggest button{background:var(--chat-fill);min-height:48px;font-size:var(--type-small);text-align:left;color:var(--foreground);outline:var(--focus-width) solid transparent;outline-offset:2px;animation:about-bubble-in .3s var(--expo-out) backwards;transition:background-color .24s var(--expo-out), opacity .2s var(--expo-out), scale .12s var(--expo-out), var(--focus-transition);border-radius:24px;padding:8px 16px;line-height:20px}.about-suggest button:nth-child(2){animation-delay:60ms}.about-suggest button:nth-child(3){animation-delay:.12s}.about-suggest button:focus-visible{outline-color:var(--ring)}.about-suggest button:active:not(:disabled){scale:.97}.about-suggest button:disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.about-suggest button:hover:not(:disabled){background:var(--chat-accent-soft)}}.about-composer{gap:8px;display:flex}.about-composer input{background:var(--background);min-width:0;height:48px;box-shadow:var(--chat-ring);color:var(--foreground);font-size:var(--type-body);outline:var(--focus-width) solid transparent;outline-offset:2px;transition:box-shadow .24s var(--expo-out), var(--focus-transition);border-radius:24px;flex:1;padding:0 16px}.about-composer input::placeholder{color:var(--muted-foreground)}.about-composer input:focus-visible{box-shadow:0 0 0 1px var(--chat-accent);outline-color:var(--ring)}.about-composer button{background:var(--chat-accent);height:48px;color:var(--primary-foreground);font-size:var(--type-small);outline:var(--focus-width) solid transparent;outline-offset:2px;transition:opacity .2s var(--expo-out), scale .12s var(--expo-out), var(--focus-transition);border-radius:24px;padding:0 24px;font-weight:500}.about-composer button:focus-visible{outline-color:var(--ring)}.about-composer button:active:not(:disabled){scale:.97}.about-composer button:disabled{opacity:.4}@media (max-width:30rem){.about-chat-header{padding:16px 24px}.about-chat-log{gap:40px;padding:24px}.about-chat-footer{padding:16px 24px 24px}.about-bubble,.about-bubble-wrap{max-width:94%}}@media (prefers-reduced-motion:reduce){.about-bubble,.about-suggest button,.about-reaction-badge,.about-typing>span:not(.sr-only){animation:none}}