.dj-bio-offline-bar{position:fixed;top:0;left:0;right:0;z-index:9999;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;background:#0f172a9e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:600;color:#ffffffe0;letter-spacing:.01em;animation:dj-bio-bar-in .35s cubic-bezier(.22,1,.36,1)}.dj-bio-offline-bar--online{color:#4ade80;animation:dj-bio-bar-in .35s cubic-bezier(.22,1,.36,1),dj-bio-bar-out 2s ease-in .3s forwards}.dj-bio-offline-bar-icon{width:14px;height:14px;flex-shrink:0}@keyframes dj-bio-bar-in{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dj-bio-bar-out{0%{opacity:1;transform:translateY(0)}80%{opacity:.7}to{opacity:0;transform:translateY(-40px)}}.dj-bio-skeleton{display:flex;flex-direction:column;align-items:center;gap:16px;padding:64px 24px 40px;min-height:100vh}.dj-bio-skeleton-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(90deg,#ffffff14 25%,#ffffff29,#ffffff14 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.dj-bio-skeleton-line{height:14px;border-radius:7px;background:linear-gradient(90deg,#ffffff14 25%,#ffffff29,#ffffff14 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.dj-bio-skeleton-card{width:100%;max-width:340px;height:64px;border-radius:12px;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f,#ffffff0f 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.dj-bio-offline-click-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:9998;display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;background:#ef4444e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none;animation:dj-bio-bar-in .25s ease-out}@keyframes dj-bio-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.dj-bio-link-shake{animation:dj-bio-shake .5s ease-in-out}@keyframes dj-bio-retry-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}