/* Small, independent startup screen: visible before the application bundle loads. */
#entrance { position:fixed; inset:0; z-index:10000; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0; padding:24px; box-sizing:border-box; background:var(--canvas,#f5f7fa); color:var(--ink,#243246); font-family:Golos,"Segoe UI",sans-serif; text-align:center; opacity:1; transition:opacity .2s ease,visibility .2s ease; }
html[data-theme="noir"] #entrance { background:var(--canvas,#142034); color:var(--ink,#e4ebf5); }
#entrance[hidden] { display:none; }
#entrance.is-ready { opacity:0; visibility:hidden; pointer-events:none; }
.gatehouse-loader-mark { position:relative; display:grid; place-items:center; width:76px; height:76px; margin-bottom:24px; border-radius:20px; background:var(--accent-soft,#edf3fe); }
.gatehouse-loader-mark img { display:block; width:56px; height:56px; }
.gatehouse-loader-mark::after { content:""; position:absolute; inset:-8px; border:1px solid var(--accent,#2563eb); border-radius:25px; animation:gatehouse-pulse 1.8s ease-out infinite; }
#entrance .entrance-word { color:inherit; font-size:29px; font-weight:650; line-height:1.2; letter-spacing:-.8px; margin:0; }
#entrance > p { color:var(--muted,#65758b); font-size:14px; line-height:1.5; margin:14px 0 24px; max-width:320px; }
#entrance .boot-track { width:144px; height:3px; border-radius:4px; overflow:hidden; background:var(--line,#e2e7ee); }
#entrance .boot-track::after { content:""; display:block; width:45%; height:100%; border-radius:inherit; background:var(--accent,#2563eb); animation:gatehouse-travel 1.4s ease-in-out infinite; }
#entrance #reload-app { margin-top:24px; }
@keyframes gatehouse-pulse { from { transform:scale(.85); opacity:.65; } to { transform:scale(1.15); opacity:0; } }
@keyframes gatehouse-travel { 0% { transform:translateX(-110%); } 100% { transform:translateX(330%); } }
@media(prefers-reduced-motion:reduce) { .gatehouse-loader-mark::after,#entrance .boot-track::after { animation:none; } .gatehouse-loader-mark::after { opacity:.25; } #entrance .boot-track::after { width:100%; opacity:.65; } #entrance { transition:none; } }