body { padding-bottom: 86px; }
.version-bar { position: fixed; z-index: 1000; left: 50%; bottom: 18px; transform: translateX(-50%); width: min(700px, calc(100% - 32px)); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 22px; border: 1px solid #cbe5d7; border-radius: 14px; background: #f6f7f2; color: #102d28; box-shadow: 0 8px 40px #0003; font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.version-bar strong { display: block; font-weight: 650; }
.version-bar-note { display: block; font-size: 12px; color: #51665d; }
.version-bar a { flex-shrink: 0; background: #102d28; color: white; border-radius: 24px; padding: 11px 18px; text-decoration: none; font-size: 12px; font-weight: 600; }
.version-bar a:hover { background: #215044; }
.version-bar a:focus-visible { outline: 3px solid #159b75; outline-offset: 4px; }
.fab-container { bottom: 108px; }
@media(max-width: 520px) { .version-bar { bottom: 10px; padding: 12px 14px; gap: 10px; } .version-bar strong { font-size: 12px; } .version-bar-note { display: none; } .version-bar a { padding: 10px 12px; font-size: 11px; } }