html, body { margin: 0; }
    #boot:not([hidden]) {
      position: fixed; inset: 0; z-index: 100; box-sizing: border-box;
      min-height: 100vh; min-height: 100dvh; padding: 24px;
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      gap: 16px; text-align: center; background: #f6faf5; color: #17694f;
      font: 600 18px/1.5 "Segoe UI", "Microsoft YaHei", sans-serif;
    }
    #boot:not([hidden])::before {
      content: ""; width: 34px; height: 34px; border-radius: 50%;
      border: 3px solid #d6ebdc; border-top-color: #197d63;
      animation: boot-spin 1s linear infinite;
    }
    #boot span { max-width: 280px; font-size: 12px; font-weight: 400; color: #6d8676; }
    #boot[hidden] { display: none !important; }
    @keyframes boot-spin { to { transform: rotate(360deg); } }
    @media (prefers-reduced-motion: reduce) { #boot:not([hidden])::before { animation: none; } }

html[data-theme="dark"]{background:#101913;color-scheme:dark}html[data-theme="dark"] #boot:not([hidden]){background:#101913;color:#c6e1cb}html[data-theme="dark"] #boot:not([hidden])::before{border-color:#314c39;border-top-color:#a7d6b2}