:root{--brand-font:Parkinsans, sans-serif;--brand-primary:#02266b;--brand-accent:#eee100;--brand-surface:#fff;--brand-surface-muted:#f6f6f6;--brand-border:#e6e6e6;--brand-text:#000;--brand-text-muted:#83878d}
*{box-sizing:border-box}body{font-family:var(--brand-font);color:var(--brand-text);background:var(--brand-surface);margin:0}.shell{flex-direction:column;max-width:48rem;height:100dvh;margin:0 auto;display:flex}.shell__header{color:var(--brand-primary);border-bottom:1px solid var(--brand-border);padding:1rem;font-weight:700}.transcript{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.transcript__status{color:var(--brand-text-muted);font-style:italic}.msg{border-radius:.75rem;max-width:85%;padding:.625rem .875rem}.msg--user{background:var(--brand-primary);color:var(--brand-surface);align-self:flex-end}.msg--assistant{background:var(--brand-surface-muted);align-self:flex-start}.msg__text{white-space:pre-wrap;margin:0}.msg__card-gap{border:1px dashed var(--brand-text-muted);color:var(--brand-text-muted);border-radius:.5rem;margin-top:.5rem;padding:.5rem .625rem;font-size:.8125rem}.composer{border-top:1px solid var(--brand-border);gap:.5rem;padding:1rem;display:flex}.composer textarea{resize:none;font:inherit;border:1px solid var(--brand-border);border-radius:.5rem;flex:1;padding:.625rem}.composer button{font:inherit;background:var(--brand-primary);color:var(--brand-surface);cursor:pointer;border:0;border-radius:.5rem;padding:.625rem 1rem}.composer button:disabled{opacity:.5;cursor:default}.failed{border:1px solid var(--brand-text-muted);color:var(--brand-text-muted);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;display:flex}.failed button{font:inherit;border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text);cursor:pointer;border-radius:.375rem;padding:.25rem .5rem}