html.brfc-web-app body { padding-bottom: calc(68px + env(safe-area-inset-bottom)) !important; }
#brfc-web-app-navigation { position: fixed; z-index: 99999; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; gap: 16px; padding: 6px 16px calc(6px + env(safe-area-inset-bottom)); background: #092750; border-top: 1px solid #ffffff30; box-shadow: 0 -2px 10px #09275020; }
#brfc-web-app-navigation :is(a, button) { display: flex; align-items: center; justify-content: center; flex: 1; max-width: 260px; min-height: 48px; margin: 0; padding: 8px 12px; border: 0; border-radius: 4px; background: transparent; color: white; font: 600 16px/1.4 system-ui, sans-serif; text-decoration: none; cursor: pointer; touch-action: manipulation; }
#brfc-web-app-navigation :is(a, button):focus-visible { outline: 2px solid white; outline-offset: -2px; }
#brfc-web-app-navigation :is(a, button):hover { background: #ffffff15; }
#brfc-web-app-navigation button:disabled { opacity: .55; cursor: progress; }
#brfc-web-app-loading[hidden], #brfc-web-app-notice[hidden] { display: none !important; }
@font-face { font-family: 'BRFC Archive Loading'; src: url('../app/brand/fonts/barlow-condensed-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
#brfc-web-app-loading { position: fixed; z-index: 100001; inset: 0; display: grid; place-items: center; padding: 20px; background: #f5f8fc; cursor: progress; touch-action: none; }
#brfc-web-app-loading > div { text-align: center; }
#brfc-web-app-loading img { display: block; width: 64px; height: 64px; object-fit: contain; margin: 0 auto; animation: brfc-web-app-pulse 1.2s ease-in-out infinite; }
#brfc-web-app-loading p { margin: 18px 0 0; color: #092750; font: 700 25px/1.2 'BRFC Archive Loading', sans-serif; }
#brfc-web-app-notice { position: fixed; z-index: 100002; bottom: calc(76px + env(safe-area-inset-bottom)); left: 16px; right: 16px; max-width: 420px; margin: 0 auto; padding: 14px 18px; border: 1px solid #dfe7f0; border-radius: 8px; background: white; color: #092750; font: 14px/1.5 system-ui, sans-serif; box-shadow: 0 4px 20px #09275020; }
@keyframes brfc-web-app-pulse { 50% { opacity: .45; } }
@media (prefers-reduced-motion: reduce) { #brfc-web-app-loading img { animation: none; } }