.initial-loading { min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 32px 20px; background:#000; color:#fff; letter-spacing:0; font-family:Arial,Helvetica,sans-serif; }
    .ci-loading { display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; }
    .ci-loading-mark { width: 102px; height: 102px; display: block; animation: ci-turn 3s linear infinite; transform-origin: center; }
    .ci-loading p { margin: 0; color: #c5c9cd; font-size: 15px; font-weight: 400; line-height: 1.6; letter-spacing: .15px; }
    @keyframes ci-turn { to { transform: rotate(360deg); } }
    @media (max-width: 560px) {
      .ci-loading { gap: 24px; }
      .ci-loading-mark { width: 88px; height: 88px; }
      .ci-loading p { font-size: 14px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .ci-loading-mark { animation: none; }
    }