                #splash {
                    position: fixed;
                    inset: 0;
                    display: flex;
                    flex-direction: column;
                    background: #fff;
                }


               .splash-center {
                    flex: 1;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .splash-bottom {
                    padding-bottom: env(safe-area-inset-bottom, 16px);
                    padding-top: 12px;
                    padding-bottom: 28px;

                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: 10px;
                }

                @media (prefers-color-scheme: dark) {
                    #splash {
                        background: #0b0b0b;
                    }

                    .splash-text {
                        color: rgba(255, 255, 255, 0.72);
                    }
                }

                .splash-logo-img {
                    transform: translateY(48px);
                    width: 220px;
                    height: auto;
                }

                .splash-spinner {
                    width: 34px;
                    height: 34px;
                    border-radius: 50%;
                    border: 3px solid rgba(0, 0, 0, 0.12);
                    border-top-color: rgba(0, 0, 0, 0.55);
                    animation: spin 0.85s linear infinite;
                }

                @media (prefers-color-scheme: dark) {
                    .splash-spinner {
                        border-color: rgba(255, 255, 255, 0.18);
                        border-top-color: rgba(255, 255, 255, 0.65);
                    }
                }

                @keyframes spin {
                    to {
                        transform: rotate(360deg);
                    }
                }

                @media (prefers-reduced-motion: reduce) {
                    .splash-spinner {
                        animation: none;
                    }
                }

                .splash-text {
                    font: 14px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
                    color: rgba(0, 0, 0, 0.55);
                }
