.offline-indicator{z-index:9999;animation:.3s ease-out slideDown;position:fixed;top:0;left:0;right:0}.offline-indicator.offline{color:#742a2a;background-color:#fed7d7;border-bottom:2px solid #fc8181}.offline-indicator.online{color:#22543d;background-color:#c6f6d5;border-bottom:2px solid #68d391}.offline-indicator-content{justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.offline-indicator-icon{font-size:1rem;animation:1.5s infinite pulse}.offline-indicator-hint{opacity:.8;margin-left:.5rem;font-size:.75rem}.offline-toast{opacity:0;z-index:9998;background:#fff;border-radius:.5rem;transition:all .3s ease-out;position:fixed;bottom:2rem;right:2rem;transform:translateY(100px);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.offline-toast.show{opacity:1;transform:translateY(0)}.offline-toast.offline{border-left:4px solid #f56565}.offline-toast.online{border-left:4px solid #48bb78}.offline-toast-content{align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.offline-toast-icon{font-size:1.25rem}.offline-toast-message{color:#2d3748;font-size:.875rem;font-weight:500}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.offline-toast{bottom:1rem;left:1rem;right:1rem}.offline-indicator-content{font-size:.75rem}.offline-indicator-hint{display:none}}
.cookieConsentBanner{z-index:2147483600;pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.cookieConsentCard{pointer-events:auto;color:#1f2933;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:20px;width:100%;max-width:880px;padding:20px 22px;animation:.35s ease-out cookieConsentSlideUp;display:flex;box-shadow:0 12px 40px #0f172a2e}@keyframes cookieConsentSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cookieConsentText{flex:360px;min-width:260px;font-size:14px;line-height:1.5}.cookieConsentText strong{color:#0f172a;margin-bottom:4px;font-size:15px;display:block}.cookieConsentText a{color:#2563eb;text-decoration:underline}.cookieConsentActions{flex-wrap:wrap;flex:none;gap:10px;display:flex}.cookieConsentBtn{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.cookieConsentBtn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.cookieConsentAccept{color:#fff;background:#2563eb}.cookieConsentAccept:hover{background:#1d4ed8}.cookieConsentReject{color:#334155;background:#f1f5f9;border-color:#e2e8f0}.cookieConsentReject:hover{background:#e2e8f0}@media (prefers-color-scheme:dark){.cookieConsentCard{color:#e2e8f0;background:#1e293b;border-color:#334155;box-shadow:0 12px 40px #00000073}.cookieConsentText strong{color:#f8fafc}.cookieConsentText a{color:#93c5fd}.cookieConsentReject{color:#e2e8f0;background:#334155;border-color:#475569}.cookieConsentReject:hover{background:#475569}}@media (max-width:600px){.cookieConsentCard{flex-direction:column;align-items:stretch;gap:14px;padding:18px}.cookieConsentActions{justify-content:stretch}.cookieConsentBtn{text-align:center;flex:1 1 0}}