.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.logo.rotate{animation:logo-spin infinite 20s linear}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.offline-status{position:fixed;top:0;left:0;right:0;z-index:9999;padding:.5rem 1rem;font-size:.85rem;font-weight:500;text-align:center;animation:slideDown .3s ease-out;box-shadow:0 2px 4px #00000026;-webkit-user-select:none;user-select:none}.offline-status.offline{background-color:#ff6b6b;color:#fff}.offline-status-content{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:1200px;margin:0 auto}.offline-status-icon{font-size:1rem;font-weight:700;line-height:1}.offline-status-text{flex:1}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}