.homepage-auth-status{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(4,8,13,.58);
  color:rgba(255,255,255,.72);
  box-shadow:0 10px 30px rgba(0,0,0,.2);
  text-decoration:none;
  font:650 10px/1.1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.035em;
  white-space:nowrap;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:border-color .25s ease,background .25s ease,color .25s ease,transform .25s ease;
}
.homepage-auth-status:hover{
  transform:translateY(-1px);
  border-color:rgba(217,185,122,.48);
  background:rgba(35,29,20,.72);
  color:#f1d7a0;
}
.auth-status-avatar{
  position:relative;
  display:grid;
  flex:0 0 26px;
  width:26px;
  height:26px;
  place-items:center;
  overflow:visible;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  background:linear-gradient(145deg,rgba(217,185,122,.22),rgba(5,10,17,.92));
  color:#ead29f;
  font:700 9px/1 Cinzel,Georgia,serif;
}
.auth-status-avatar img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border-radius:inherit;
  object-fit:cover;
}
.auth-status-avatar::after{
  content:"";
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:7px;
  height:7px;
  border:2px solid #080b0d;
  border-radius:50%;
  background:#9aa4aa;
}
.homepage-auth-status[data-auth-state="authenticated"]{
  border-color:rgba(119,217,145,.3);
  color:#9be8ad;
  background:rgba(21,63,34,.25);
}
.homepage-auth-status[data-auth-state="authenticated"] .auth-status-avatar::after{
  background:#77d991;
  box-shadow:0 0 10px rgba(119,217,145,.7);
}
.homepage-auth-status[data-auth-state="guest"]{
  border-color:rgba(217,185,122,.3);
  color:#e7cf9b;
}
.homepage-auth-status[data-auth-state="guest"] .auth-status-avatar::after{
  background:#d9b97a;
  box-shadow:0 0 8px rgba(217,185,122,.5);
}
.homepage-auth-status[data-auth-state="unavailable"]{
  color:rgba(255,255,255,.52);
}
.navbar > .homepage-auth-status{margin-left:18px}
.navbar .nav-links{margin-left:auto}
.site-header .homepage-auth-status{margin-left:auto}
[data-auth-guest-only][hidden]{display:none!important}
@media(max-width:1180px){
  .homepage-auth-status [data-auth-user]{display:none}
  .navbar .nav-links{gap:18px}
}
@media(max-width:900px){
  .navbar > .homepage-auth-status{margin-left:auto}
}
@media(max-width:600px){
  .homepage-auth-status{min-height:36px;padding:5px 9px;font-size:9px}
  .auth-status-avatar{flex-basis:25px;width:25px;height:25px}
  .site-header .homepage-auth-status{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){
  .homepage-auth-status{transition:none}
}