#global-loading {
      position: fixed;
      z-index: 99999;
      inset: 0;
      width: 100vw;
      height: 100vh;
      background: #14141c;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: opacity 0.35s;
    }
    .loading-mask {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .loader {
      width: 68px;
      height: 68px;
      border: 7px solid #444;
      border-top: 7px solid #50a6ff;
      border-radius: 50%;
      animation: spin 0.7s linear infinite;
      margin-bottom: 22px;
    }
    @keyframes spin { to { transform: rotate(360deg); } }
    .loading-text {
      color: #50a6ff;
      font-size: 1rem;
      letter-spacing: 2px;
      font-weight: 400;
      text-align: center;
      margin-top: 6px;
      text-shadow: 0 1px 8px #141b54cc;
    }