.auth-tabs button,.auth-methods button{font-weight:700;transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.auth-tabs button:hover,.auth-methods button:hover{color:#e7ffff}
.auth-tabs button:focus-visible,.auth-methods button:focus-visible,#auth-submit:focus-visible,#phone-auth-submit:focus-visible,#wechat-auth-submit:focus-visible{outline:2px solid #9feaf0;outline-offset:2px}
.auth-methods{margin-top:12px;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(8,12,14,.64)}
.auth-methods button{min-height:38px;border-radius:9px}
.auth-methods button.selected{background:rgba(90,190,196,.12);box-shadow:inset 0 0 0 1px rgba(140,233,239,.22)}
#auth-submit:hover,#phone-auth-submit:hover,#wechat-auth-submit:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(99,219,227,.22)}
html[data-theme="light"] .auth-methods{background:#edf4f1;border-color:rgba(35,75,68,.12)}
html[data-theme="light"] .auth-tabs button:hover,html[data-theme="light"] .auth-methods button:hover{color:#173b3d}

@media(min-width:721px){
  .parameter-dock:has(.parameter-popover.visible){padding-bottom:285px}
  .parameter-popover{top:48px!important;bottom:auto!important;transform:none!important;transform-origin:top left!important;animation:popover-down .15s ease-out}
  .parameter-popover.visible{transform:none!important}
  .ratio-popover{max-width:min(390px,calc(100vw - 72px))}
  @keyframes popover-down{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}
}
