:root { --welcome-bg: #1d282e; --welcome-ink: #edf1e9; --welcome-muted: #cad2c5; --welcome-line: #48615b; }
:root[data-theme='light'] { --welcome-bg: #f5f7f3; --welcome-ink: #2f3e46; --welcome-muted: #40574f; --welcome-line: #bbc8bb; }
html[data-welcome-fonts='pending'] .welcome-top, html[data-welcome-fonts='pending'] .welcome-center > p,
html[data-welcome-fonts='pending'] .welcome-status { visibility: hidden; }
html[data-welcome-fonts='failed'] .welcome-screen, html[data-welcome-fonts='failed'] .welcome-title,
html[data-welcome-fonts='failed'] .welcome-mark { font-family: Arial, sans-serif; }
.welcome-screen { position: fixed; inset: 0; z-index: 100; display: flex; flex-direction: column; padding: 36px 48px; background: var(--welcome-bg); color: var(--welcome-ink); font-family: 'Outfit Variable', Arial, sans-serif; -webkit-font-smoothing: antialiased; overflow: hidden; }
.welcome-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.welcome-mark { font-family: 'Righteous', sans-serif; font-size: 30px; line-height: 1; }
.welcome-mark span { color: var(--welcome-muted); }
.welcome-owner { font-size: 12px; color: var(--welcome-muted); }
.welcome-center { margin-block: auto; text-align: center; padding-block: 48px; }
.welcome-title { margin: 0; font-family: 'Righteous', sans-serif; font-size: 104px; line-height: 1.12; font-weight: 400; }
.welcome-name { margin: 22px 0 0; font-size: 20px; }
.welcome-role { margin: 9px 0 0; color: var(--welcome-muted); font-size: 13px; line-height: 1.6; }
.welcome-track { width: 180px; height: 2px; margin: 36px auto 0; background: var(--welcome-line); overflow: hidden; }
.welcome-track i { display: block; width: 45%; height: 100%; background: var(--welcome-muted); animation: welcome-trace 1.5s ease-in-out infinite; }
@keyframes welcome-trace { from { transform: translateX(-110%); } to { transform: translateX(330%); } }
.welcome-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 20px; border-top: 1px solid var(--welcome-line); }
.welcome-status { margin: 0; color: var(--welcome-muted); font-size: 11px; }
.welcome-skip { color: var(--welcome-ink); border-color: var(--welcome-line); width: 36px; height: 36px; }
.welcome-skip:focus-visible { outline-color: var(--welcome-ink); }
@media (max-width: 767px) {
  .welcome-screen { padding: 28px 24px; }
  .welcome-title { font-size: 64px; }
  .welcome-name { font-size: 18px; }
  .welcome-role { font-size: 12px; }
}
@media (max-width: 359px) { .welcome-screen { padding-inline: 16px; } .welcome-title { font-size: 52px; } }
@media (prefers-reduced-motion: reduce) { .welcome-track i { animation: none; width: 100%; } }