/* First paint, before the app's own script and styles load: the animated OrderBridge logo (same as LogoLoader). */
.boot{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#F5F7FA;color:#6B7A90;font:13px/1.4 "IBM Plex Sans",system-ui,sans-serif}
[data-theme="dark"] .boot{background:#0B1524;color:#8FA0B8}
.boot b{font-size:15px;font-weight:600;color:#1F4E8C;letter-spacing:.01em}[data-theme="dark"] .boot b{color:#C9D8EE}
.boot .ll-b{fill:#4E8CFF;transform-box:fill-box;transform-origin:50% 100%;animation:bootbar 1.6s ease-in-out infinite}
.boot .ll-b1{opacity:.35}.boot .ll-b2{opacity:.65;animation-delay:.15s}.boot .ll-b3{animation-delay:.3s}
.boot .ll-a{stroke:#3FD38D;stroke-dasharray:40;stroke-dashoffset:40;animation:bootarrow 1.6s ease-in-out infinite;animation-delay:.45s}
@keyframes bootbar{0%,100%{transform:scaleY(.25)}35%,70%{transform:scaleY(1)}}
@keyframes bootarrow{0%{stroke-dashoffset:40}40%,75%{stroke-dashoffset:0}100%{stroke-dashoffset:-40}}
@media (prefers-reduced-motion:reduce){.boot .ll-b,.boot .ll-a{animation:none;stroke-dashoffset:0}}