/* Welle 82/89: kritisches Ladebildschirm-CSS als eigene Datei - die CSP der App erlaubt kein Inline-CSS. */
#app{visibility:hidden;opacity:0}
    html.aiona-boot-done #app{visibility:visible;opacity:1;transition:opacity .35s ease}
    #bootScreen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
      background:#0e0a08;background-image:radial-gradient(60% 55% at 50% 34%,rgba(255,164,92,.22),transparent 72%);
      color:#fbf5ee;font-family:'Schibsted Grotesk',system-ui,-apple-system,"Segoe UI",sans-serif;
      transition:opacity .35s ease}
    html.aiona-boot-done #bootScreen{opacity:0;pointer-events:none}
    #bootScreen[hidden]{display:none}
    .boot-screen-inner{width:min(1060px,calc(100vw - 32px));max-height:calc(100svh - 24px);overflow:auto;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:16px;border-radius:24px;border:1px solid rgba(217,179,106,.22);background:rgba(14,10,8,.95);box-shadow:0 24px 100px #0008;box-sizing:border-box}
    .boot-media{position:relative;flex:none;display:grid;place-items:center;width:100%;aspect-ratio:16/9;max-height:calc(100svh - 265px);min-height:130px;overflow:hidden;border-radius:14px;background:#090807}
    .boot-media video,.boot-media>img:not(.boot-logo){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .22s ease}
    .boot-media video.is-ready,.boot-media>img.is-ready:not(.boot-logo){opacity:1}
    .boot-media [hidden]{display:none}
    .boot-media-caption{margin:2px 0;color:#ffc795;font-size:clamp(13px,2vw,17px);font-weight:600;line-height:1.4}
    .boot-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
    .boot-controls button{appearance:none;border:1px solid #7e5230;background:#1b140f;color:#fbf5ee;border-radius:999px;padding:7px 14px;font:inherit;font-size:12px;cursor:pointer}
    .boot-controls button:hover{background:#352316;border-color:#d9b36a}
    .boot-controls button:focus-visible,.boot-details summary:focus-visible{outline:2px solid #ffa45c;outline-offset:3px}
    .boot-details{font-size:11px;color:#c9b8a8;width:100%}.boot-details summary{cursor:pointer}.boot-details p{margin:8px 0 0}
    .boot-logo{width:min(220px,45vw);max-height:80%;object-fit:contain;height:auto;animation:boot-logo-in .7s ease both}
    .boot-progress{width:100%;display:flex;align-items:center;gap:10px}
    .boot-bar{flex:1;height:10px;border-radius:999px;background:rgba(255,236,214,.16);box-shadow:inset 0 0 0 1px rgba(255,236,214,.1);overflow:hidden;cursor:pointer}
    .boot-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#ffa45c,#d9b36a);position:relative;overflow:hidden}
    .boot-fill::after{content:'';position:absolute;inset:0;width:60%;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:boot-shimmer 1.4s ease-in-out infinite}
    .boot-percent{font-size:12px;color:#c9b8a8;min-width:2.6em;text-align:right;font-variant-numeric:tabular-nums}
    .boot-time{margin:-8px 0 0;font-size:12px;color:#c9b8a8;min-height:1.3em;font-variant-numeric:tabular-nums}
    .boot-status{margin:0;font-size:14px;color:#fbf5ee;min-height:1.4em}
    .boot-tagline{margin:0;font-size:12.5px;color:#c9b8a8;min-height:1.4em}
    .boot-fail{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:4px}
    .boot-fail[hidden]{display:none}
    #bootFailText{margin:0;font-size:13px;color:#ffab9e}
    #bootRetry{appearance:none;border:1px solid rgba(255,164,92,.45);background:rgba(255,164,92,.14);color:#ffd2a8;border-radius:999px;padding:8px 18px;font:inherit;font-size:13px;cursor:pointer}
    #bootRetry:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px #ffa45c}
    @keyframes boot-logo-in{from{opacity:0;transform:scale(.92) translateY(6px)}to{opacity:1;transform:none}}
    @keyframes boot-shimmer{0%{transform:translateX(-120%)}100%{transform:translateX(220%)}}
    @media (prefers-reduced-motion: reduce){
      .boot-media video,.boot-media>img:not(.boot-logo){transition:none}
      .boot-logo{animation:none}
      .boot-fill::after{display:none}
      #bootScreen{transition:none}
      html.aiona-boot-done #app{transition:none}
    }
.boot-fill[data-percent="0"]{width:0}.boot-fill[data-percent="17"]{width:17%}.boot-fill[data-percent="33"]{width:33%}.boot-fill[data-percent="50"]{width:50%}.boot-fill[data-percent="67"]{width:67%}.boot-fill[data-percent="83"]{width:83%}.boot-fill[data-percent="99"]{width:99%}.boot-fill[data-percent="100"]{width:100%}