html,
      body,
      #root {
        margin: 0;
        height: 100%;
        overflow: hidden;
        background-color: #1c1c22;
        color: #f4f4f5;
      }
      /* Standalone: 100% часто = короткий viewport; форсируем 100vh до загрузки CSS */
      html.pwa-standalone,
      html.pwa-standalone body,
      html.pwa-standalone #root {
        height: 100vh;
        min-height: 100vh;
      }

      .boot-splash {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 21px;
        min-height: 100%;
        min-height: 100dvh;
        padding: 32px 16px;
        text-align: center;
        background: #1c1c22;
      }
      /* PWA standalone: жёсткий центр экрана — без padding safe-area (он появляется с задержкой и дёргает layout) */
      html.pwa-standalone .boot-splash {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100%;
        min-height: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 21px;
        box-sizing: border-box;
      }
      /* Без вертикального «парения» — иначе кажется, что экран скачет */
      html.pwa-standalone .boot-splash__stage {
        animation: none;
      }
      html.pwa-standalone .boot-splash__aura {
        animation: boot-aura 2.6s ease-in-out infinite;
      }
      .boot-splash__stage,
      .boot-splash__wordmark,
      .boot-splash__bar {
        opacity: 0.72;
        filter: saturate(0.78) brightness(0.92);
      }
      .boot-splash__stage {
        position: relative;
        display: grid;
        place-items: center;
        width: 96px;
        height: 96px;
        animation: boot-float 3.2s ease-in-out infinite;
      }
      .boot-splash__aura {
        position: absolute;
        inset: -18%;
        border-radius: 50%;
        background: radial-gradient(circle at 50% 45%, rgba(125, 211, 252, 0.42), transparent 58%);
        filter: blur(6px);
        animation: boot-aura 2.6s ease-in-out infinite;
      }
      .boot-splash__mark {
        position: relative;
        z-index: 1;
        display: block;
        width: 78px;
        height: 78px;
        object-fit: contain;
        filter: drop-shadow(0 0 16px rgba(56, 189, 248, 0.28));
      }
      .boot-splash__wordmark {
        margin: 2px 0 0;
        font-family: system-ui, -apple-system, sans-serif;
        font-size: 1.875rem;
        font-weight: 700;
        letter-spacing: -0.03em;
        color: #f4f4f5;
      }
      .boot-splash__wordmark span {
        background: linear-gradient(110deg, #7dd3fc, #38bdf8, #0ea5e9);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
      .boot-splash__bar {
        position: relative;
        width: 180px;
        height: 3px;
        margin-top: 4px;
        border-radius: 999px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.08);
      }
      .boot-splash__bar-shine {
        position: absolute;
        inset: 0 auto 0 0;
        width: 42%;
        border-radius: inherit;
        background: linear-gradient(90deg, transparent, #7dd3fc, #38bdf8, transparent);
        animation: boot-bar 1.35s ease-in-out infinite;
      }
      .boot-splash .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }
      @keyframes boot-float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-5px); }
      }
      @keyframes boot-aura {
        0%, 100% { opacity: 0.55; transform: scale(0.92); }
        50% { opacity: 1; transform: scale(1.08); }
      }
      @keyframes boot-bar {
        0% { transform: translateX(-120%); }
        100% { transform: translateX(280%); }
      }
      @media (prefers-reduced-motion: reduce) {
        .boot-splash__stage,
        .boot-splash__aura,
        .boot-splash__bar-shine { animation: none; }
        .boot-splash__bar-shine { width: 100%; opacity: 0.55; }
      }