@layer components{.ans-a{display:flex;flex-direction:column;gap:1rem}.ans-text{font-size:var(--text-answer);line-height:1.35;letter-spacing:-.012em;font-weight:600;text-wrap:pretty}@media(min-width:768px){.ans-text{font-size:var(--text-h3)}}@media(min-width:1200px){.ans-text{font-size:clamp(1.375rem,-.125rem + 2vw,1.625rem);line-height:1.3;letter-spacing:-.016em}.ans-a{gap:1.375rem}}.chat{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--color-sheet);border:1px solid var(--color-line);border-radius:var(--radius-panel);box-shadow:var(--shadow-window);color:var(--color-ink);text-align:left}.chat-bar{flex:none;display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;border-bottom:1px solid var(--color-line);font-size:var(--text-caption);font-weight:600}.chat-bar:before{content:"";width:.5625rem;height:.5625rem;margin-right:1.75rem;border-radius:50%;background:var(--color-line-2);box-shadow:.875rem 0 0 var(--color-line-2),1.75rem 0 0 var(--color-line-2)}.chat .ans-view{flex:1;min-height:0;gap:.875rem;padding:1rem 1rem .5rem}.chat .ans-a{gap:.875rem}.chat .ans-q,.chat .ans-follow{align-self:flex-end;max-width:88%;border-radius:var(--radius-panel) var(--radius-panel) var(--radius-inner) var(--radius-panel)}.trail{border-radius:var(--radius-control);box-shadow:inset 0 0 0 1px var(--color-line);overflow:hidden}.trail-h{display:flex;align-items:center;gap:.5rem;padding:.4375rem .75rem;background:var(--color-tint);color:var(--color-ink-2);font-size:var(--text-ui);line-height:1.3}.trail-logo{flex:none;width:auto;height:.75rem}.trail-steps{display:grid;gap:.375rem;margin:0;padding:.5rem .75rem .625rem;list-style:none;font-size:var(--text-caption);line-height:1.35}.trail-steps li{display:flex;align-items:center;gap:.5rem}.trail-steps .ico{flex:none;width:.875rem;height:.875rem;color:var(--color-brand);stroke-width:2}.chat-input{flex:none;display:flex;align-items:flex-end;gap:.5rem;margin:.5rem .75rem .75rem;padding:.5rem .5rem .5rem .875rem;border-radius:var(--radius-panel);box-shadow:inset 0 0 0 1px var(--color-line-2)}.chat-field{flex:1;min-width:0;display:grid;min-height:2.6em;align-items:center;font-size:var(--text-small);line-height:1.3}.chat-field>*{grid-area:1 / 1}.chat-ph{color:var(--color-ink-2)}.chat-typed{visibility:hidden}.chat-send{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-control);background:var(--color-ink);color:var(--color-sheet)}.chat-send .ico{width:.875rem;height:.875rem;stroke-width:2}}@layer components{.ans-view,.ans-flow{display:flex;flex-direction:column;gap:inherit}.ans-flow{position:relative}.ans-more{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:inherit;padding-top:1rem}.ans-follow{align-self:flex-start}.ans-reply{font-size:var(--text-answer);line-height:1.35;letter-spacing:-.012em;font-weight:600}:where(.motion) .loop .ans-view{overflow:clip}:where(.motion) .loop .ans-more{display:flex}:where(.motion) .loop .ans-flow{transition:transform var(--duration-move) var(--ease-out)}:where(.motion) .loop [data-type] .ch{visibility:hidden}:where(.motion) .loop [data-type] .ch.on{visibility:visible}:where(.motion) .loop :is(.ans-text,.ans-reply){opacity:0;transform:translateY(6px);transition:opacity var(--duration-state) linear,transform .45s var(--ease-out)}:where(.motion) .loop .chat-typed{visibility:visible;opacity:0}:where(.motion) .loop.is-q .chat-ph{opacity:0}:where(.motion) .loop.is-q .chat-field>:nth-child(2){opacity:1}:where(.motion) .loop.is-qs .chat-ph{opacity:1}:where(.motion) .loop.is-qs .chat-field>:nth-child(2){opacity:0}:where(.motion) .loop.is-f .chat-ph{opacity:0}:where(.motion) .loop.is-f .chat-field>:nth-child(3){opacity:1}:where(.motion) .loop.is-fs .chat-ph{opacity:1}:where(.motion) .loop.is-fs .chat-field>:nth-child(3){opacity:0}:where(.motion) .loop :is(.ans-flow>.ans-q,.ans-follow){opacity:0;transform:translateY(6px);transition:opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}:where(.motion) .loop.is-qs .ans-flow>.ans-q{opacity:1;transform:none}:where(.motion) .loop.is-fs .ans-follow{opacity:1;transform:none}:where(.motion) .loop :is(.trail,.trail-steps li){opacity:0;transform:translateY(6px);transition:opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}:where(.motion) .loop.is-t [data-trail=read],:where(.motion) .loop.is-t1 [data-trail=read] li:nth-child(1),:where(.motion) .loop.is-t2 [data-trail=read] li:nth-child(2),:where(.motion) .loop.is-t3 [data-trail=read] li:nth-child(3),:where(.motion) .loop.is-b1 [data-trail=build],:where(.motion) .loop.is-b1 [data-trail=build] li:nth-child(1),:where(.motion) .loop.is-b2 [data-trail=build] li:nth-child(2){opacity:1;transform:none}:where(.motion) .loop.is-a .ans-text{opacity:1;transform:none}:where(.motion) .loop.is-f .ans-flow{transform:translateY(calc(-1 * var(--lift, 0px)))}:where(.motion) .loop.is-r .ans-reply{opacity:1;transform:none}@media(min-width:768px){.ans-reply{font-size:var(--text-h3)}}@media(min-width:1200px){.ans-more{padding-top:1.125rem}}}