@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.01)}}@keyframes pulse-glow{0%,to{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003,0 0 40px #ef44441a}50%{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003,0 0 50px #ef444433}}@keyframes icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.database-error__container{z-index:50;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:hidden}.database-error__background{position:absolute;inset:0}.database-error__background:after{content:"";-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000a6;position:absolute;inset:0}.database-error__card{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#00000080;border:1px solid #ef444466;border-radius:1rem;width:100%;max-width:28rem;padding:1.5rem 2rem;transition:opacity .7s ease-out,transform .7s ease-out;animation:6s ease-in-out infinite float,4s ease-in-out infinite pulse-glow;position:relative;transform:scale(.95)translateY(1rem);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003,0 0 40px #ef44441a}.database-error__card--visible{opacity:1;transform:scale(1)translateY(0)}.database-error__content{text-align:center;z-index:10;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.database-error__icon-container{opacity:0;background:#ef444433;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;transition:opacity .5s ease-out .2s,transform .5s ease-out .2s;animation:3s ease-in-out infinite icon-pulse;display:flex;transform:scale(.75)rotate(12deg)}.database-error__icon-container--visible{opacity:1;transform:scale(1)rotate(0)}.database-error__icon{color:red;filter:drop-shadow(0 4px 6px #0000001a);width:2rem;height:2rem}.database-error__title{color:hsl(var(--foreground));opacity:0;font-size:1.5rem;font-weight:600;transition:opacity .5s ease-out .3s,transform .5s ease-out .3s;transform:translateY(.5rem)}.database-error__title--visible{opacity:1;transform:translateY(0)}.database-error__message{color:hsl(var(--muted-foreground));opacity:0;font-size:.875rem;line-height:1.6;transition:opacity .5s ease-out .4s,transform .5s ease-out .4s;transform:translateY(.5rem)}.database-error__message--visible{opacity:1;transform:translateY(0)}.database-error__button{color:#fff;cursor:pointer;opacity:0;background:#ef4444;border:none;border-radius:.5rem;outline:none;align-items:center;gap:.5rem;margin-top:.6rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1;transition:all .3s ease-out .5s,transform .2s ease-out,box-shadow .2s ease-out;display:inline-flex;transform:translateY(.5rem)}.database-error__button--visible{opacity:1;transform:translateY(0)}.database-error__button svg{transition:transform .5s ease-out}.database-error__button:hover svg{transform:rotate(180deg)}.database-error__button:hover{background:#ef4444e6;transform:scale(1.01)translateY(-2px);box-shadow:0 8px 20px #ef44444d}.database-error__button:focus{outline-offset:2px;outline:2px solid #ef4444}.database-error__button:hover:before{content:"";background-size:200% 100%;border-radius:.5rem;animation:1.5s infinite shimmer;position:absolute;inset:0}