@layer components{.x-home{gap:calc(var(--space) * 2);align-content:start;justify-items:center;min-height:100dvh;padding:min(10vh,5em) 1em 3em;display:grid}.x-header{text-align:center;flex-direction:column;gap:2em;width:32em;max-width:100%;margin:0 auto;padding:1em;display:flex}.x-header h1 strong{text-shadow:0 0 .5em #fff8;font-size:2em;font-weight:400}.x-header h1 em{color:#777;font-size:1.2em}.x-header blockquote{color:#777;font-style:italic}.x-header blockquote strong{font-weight:700}.x-header nav{justify-content:center;gap:1em;display:flex}.x-header nav span{color:#777}.x-header .version{color:#777}.x-stage{inline-size:min(100%,32rem)}.x-stage .x-login{min-height:auto;padding:0}}