html { visibility: hidden; opacity: 0; background: #f8fafc; }
html.dark { background: #0f172a; }
html.css-ready { visibility: visible; opacity: 1; transition: opacity .15s ease-in; }
.onnix-boot-spinner {
    position: fixed; inset: 0; display: flex; align-items: center; justify-content: center;
    background: #f8fafc; z-index: 99999;
}
html.dark .onnix-boot-spinner { background: #0f172a; }
.onnix-boot-spinner::after {
    content: ''; width: 36px; height: 36px;
    border: 3px solid rgba(37, 99, 235, 0.18);
    border-top-color: #2563eb; border-radius: 50%;
    animation: onnix-spin .8s linear infinite;
}
html.dark .onnix-boot-spinner::after {
    border-color: rgba(96, 165, 250, 0.18); border-top-color: #60a5fa;
}
@keyframes onnix-spin { to { transform: rotate(360deg); } }
html.css-ready .onnix-boot-spinner { display: none; }