.connection-error-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#c62828,#e53935);padding:1rem;z-index:999;animation:slideDown .3s ease-out;box-shadow:0 .25rem .75rem rgba(0,0,0,.3)}.error-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1rem}.error-icon{width:1.5rem;height:1.5rem;flex-shrink:0;fill:#fff;animation:pulse .5s ease-in-out infinite}.error-text{flex:1 1;min-width:0}.error-title{font-size:.9rem;font-weight:700;color:#fff;letter-spacing:.3px;margin-bottom:.125rem}.error-message{font-size:.75rem;color:rgba(255,255,255,.9);letter-spacing:.2px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}body:has(.connection-error-banner){padding-top:3.5rem}@media (max-width:768px){.connection-error-banner{padding:.75rem}.error-content{gap:.75rem}.error-icon{width:1.25rem;height:1.25rem}.error-title{font-size:.8rem}.error-message{font-size:.7rem}body:has(.connection-error-banner){padding-top:3rem}}