.error-message{padding:var(--spacing-md);background:color-mix(in srgb,var(--destructive) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--destructive) 30%,transparent);border-radius:var(--radius);margin-bottom:var(--spacing-lg);color:var(--destructive);animation:slideInDown var(--duration-3) var(--ease-emphasized);width:100%;max-width:100%;box-sizing:border-box}@media(min-width:640px){.error-message{padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}}.error-message-content{display:flex;align-items:flex-start;gap:var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box}.error-message-icon{flex-shrink:0;margin-top:var(--spacing-xs);color:var(--destructive);font-size:var(--font-size-lg)}@media(min-width:640px){.error-message-icon{font-size:var(--font-size-xl)}}.error-message-text{flex:1;min-width:0;word-wrap:break-word}.error-message-title{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--destructive);margin-bottom:var(--spacing-xs);word-wrap:break-word}@media(min-width:640px){.error-message-title{font-size:var(--font-size-sm)}}.error-message-details{margin:var(--spacing-sm) 0 0 0;font-size:var(--font-size-xs);color:var(--muted-foreground);line-height:var(--line-height-relaxed);word-wrap:break-word}@media(min-width:640px){.error-message-details{font-size:var(--font-size-sm)}}.error-message-details code{background:color-mix(in srgb,var(--destructive) 15%,var(--surface));padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875em;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;word-break:break-all}.error-message-dismiss{flex-shrink:0;background:transparent;border:none;color:var(--destructive);cursor:pointer;padding:var(--spacing-xs);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:var(--transition-base);font-size:var(--font-size-xl);line-height:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(hover:hover)and (pointer:fine){.error-message-dismiss:hover{background:color-mix(in srgb,var(--destructive) 20%,transparent)}}.error-message-dismiss:active{transform:scale(.95)}.error-message-dismiss:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset);box-shadow:0 0 0 calc(var(--ring-width) + var(--ring-offset)) color-mix(in srgb,var(--ring) 20%,transparent)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}