.msg-overlay{z-index:6;padding:var(--space-sm);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}@media (min-width:640px){.msg-overlay{align-items:center}}.msg-overlay__bg{-webkit-backdrop-filter:blur(4px);cursor:default;background:var(--lightningcss-light,#0006)var(--lightningcss-dark,#000000a6);border:none;width:100%;height:100%;position:absolute;inset:0}.msg-panel{z-index:1;background:var(--card);border:var(--border-width) solid var(--card-border);border-radius:var(--border-radius-lg);width:100%;max-width:30rem;max-height:min(45rem,80dvh);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.msg-panel[data-state=thread]{height:min(45rem,80dvh)}.msg-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-bottom:var(--border-width) solid var(--card-border);flex-shrink:0;display:flex}.msg-header__text{flex-direction:column;gap:.25rem;display:flex}.msg-eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);letter-spacing:var(--letter-spacing-loose);text-transform:uppercase}.msg-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--foreground);line-height:var(--line-height-tight)}.msg-description{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-base);margin-top:.125rem}.msg-close{border:var(--border-width) solid transparent;border-radius:var(--border-radius-md);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.msg-close:hover{background:var(--hover);color:var(--foreground);border-color:var(--card-border)}.msg-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.msg-thread{gap:var(--space-sm);min-height:8rem;padding:var(--space-md);overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;flex:1;display:flex;overflow-y:auto}.msg-state{font-size:var(--font-size-xs);color:var(--text-secondary);padding:var(--space-md);flex:1;justify-content:center;align-items:center;display:flex}.msg-error{margin:0 var(--space-md);padding:var(--padding-sm) var(--padding-md);background:color-mix(in oklch, var(--color-error) 10%, transparent);border:var(--border-width) solid color-mix(in oklch, var(--color-error) 30%, transparent);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);color:var(--color-error)}.msg-form{gap:var(--space-sm);padding:var(--space-md);border-top:var(--border-width) solid var(--card-border);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.msg-form .msg-textarea{resize:none;min-height:4rem;max-height:8rem}