div.error-message{background:var(--error-bg,color-mix(in srgb, var(--color-error) 8%, transparent));border:1px solid var(--error-border,color-mix(in srgb, var(--color-error) 25%, transparent));border-left:4px solid var(--error-accent,var(--color-error));border-radius:var(--radius-lg);padding:var(--space-lg);animation:errorCardSlideIn var(--animation-entrance)}@keyframes errorCardSlideIn{0%{opacity:0;transform:translateY(calc(-1 * var(--space-sm)))}to{opacity:1;transform:translateY(0)}}div.error-message .error-header{align-items:flex-start;gap:var(--space-md);display:flex}div.error-message .error-icon{background:var(--error-icon-bg,color-mix(in srgb, var(--color-error) 12%, transparent));border-radius:var(--radius-md);width:40px;height:40px;color:var(--error-accent-ink,var(--color-error-ink));flex-shrink:0;justify-content:center;align-items:center;display:flex}div.error-message .error-content{flex:1;min-width:0}div.error-message .error-title{margin:0 0 var(--space-xs) 0;font-size:var(--text-body-lg);line-height:var(--leading-subtitle2);font-weight:var(--font-weight-semibold);color:var(--error-text,var(--color-text-primary))}div.error-message .error-message-text{font-size:var(--text-body-sm);color:var(--error-text-secondary,var(--color-text-secondary));line-height:var(--leading-body1);margin:0}div.error-message .error-dismiss{color:var(--error-text-secondary,var(--color-text-secondary));cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0}div.error-message .error-dismiss:hover{background:var(--error-icon-bg,color-mix(in srgb, var(--color-error) 12%, transparent));color:var(--error-text,var(--color-text-primary))}div.error-message .error-details{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--error-border,color-mix(in srgb, var(--color-error) 25%, transparent))}div.error-message .error-details summary{cursor:pointer;font-size:var(--text-body-sm);line-height:var(--leading-body1);font-weight:var(--font-weight-semibold);color:var(--error-text-secondary,var(--color-text-secondary));user-select:none;align-items:center;gap:var(--space-xs);list-style:none;display:flex}div.error-message .error-details summary::-webkit-details-marker{display:none}div.error-message .error-details summary:before{content:"▶";font-size:var(--text-caption);line-height:var(--leading-caption1);transition:transform var(--transition-fast)}div.error-message .error-details[open] summary:before{transform:rotate(90deg)}div.error-message .error-details-content{margin:var(--space-md) 0 0 0;padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--error-border,color-mix(in srgb, var(--color-error) 25%, transparent));border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption1);color:var(--error-text-secondary,var(--color-text-secondary));white-space:pre-wrap;word-break:break-all;overflow-x:auto}div.error-message .error-actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}div.error-message.error-network,div.error-message.error-server,div.error-message.error-auth{--error-bg:color-mix(in srgb, var(--color-error) 8%, transparent);--error-border:color-mix(in srgb, var(--color-error) 20%, transparent);--error-accent:var(--color-error);--error-accent-ink:var(--color-error-ink);--error-icon-bg:color-mix(in srgb, var(--color-error) 15%, transparent);--error-text:var(--color-text-primary);--error-text-secondary:var(--color-text-secondary)}div.error-message.error-validation{--error-bg:color-mix(in srgb, var(--color-warning) 8%, transparent);--error-border:color-mix(in srgb, var(--color-warning) 20%, transparent);--error-accent:var(--color-warning);--error-accent-ink:var(--color-warning-ink);--error-icon-bg:color-mix(in srgb, var(--color-warning) 15%, transparent);--error-text:var(--color-text-primary);--error-text-secondary:var(--color-text-secondary)}div.error-message.error-not-found{--error-bg:color-mix(in srgb, var(--color-info) 8%, transparent);--error-border:color-mix(in srgb, var(--color-info) 20%, transparent);--error-accent:var(--color-info);--error-accent-ink:var(--color-info-ink);--error-icon-bg:color-mix(in srgb, var(--color-info) 15%, transparent);--error-text:var(--color-text-primary);--error-text-secondary:var(--color-text-secondary)}div.error-message.error-rate-limit{--error-bg:color-mix(in srgb, var(--color-tertiary) 8%, transparent);--error-border:color-mix(in srgb, var(--color-tertiary) 20%, transparent);--error-accent:var(--color-tertiary);--error-accent-ink:var(--cat-3-ink);--error-icon-bg:color-mix(in srgb, var(--color-tertiary) 15%, transparent);--error-text:var(--color-text-primary);--error-text-secondary:var(--color-text-secondary)}div.error-message.error-unknown{--error-bg:color-mix(in srgb, var(--color-text-muted) 8%, transparent);--error-border:color-mix(in srgb, var(--color-text-muted) 20%, transparent);--error-accent:var(--color-text-muted);--error-accent-ink:var(--color-text-muted);--error-icon-bg:color-mix(in srgb, var(--color-text-muted) 15%, transparent);--error-text:var(--color-text-secondary);--error-text-secondary:var(--color-text-secondary)}@media (prefers-reduced-motion:reduce){div.error-message{opacity:1;animation:none;transform:none}}