header{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fff;border:1px solid #ebebeb;border-radius:9999px;justify-content:space-between;align-items:center;width:calc(100% - 20px);max-width:1200px;height:60px;padding:0 10px;font-size:2rem;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}header .siteTitle{color:#323246;justify-content:start;align-items:center;height:60px;padding:0 12px;font-size:1.5rem;text-decoration:none;display:flex}header .siteTitle span{text-wrap:nowrap}header .siteTitle:hover{text-decoration:none}header.isHome{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(255,255,255,.035);color:#fff!important}header.isHome a{color:#fff!important}@media (max-width:767px){header{border:0;border-bottom:1px solid #ebebeb;border-radius:0;width:100%;top:0;padding:0!important}header .siteTitle span{font-size:1.2rem}}@media (max-width:479px){header,header .siteTitle{height:50px!important}header .siteTitle span{font-size:1rem}}
.LoginPanel{justify-content:center;align-items:center;height:100%;padding:10px;font-size:1rem;display:flex}.LoginPanel a{font-size:1rem}.LoginPanel.isHome{color:#fff}.LoginPanel .status{justify-content:center;align-items:center;height:100%;display:flex}.LoginPanel .status.authenticated,.LoginPanel .status.unauthenticated{align-items:center;padding:0;display:flex}.LoginPanel .status.authenticated .user,.LoginPanel .status.unauthenticated .user{border:1px solid rgba(200,200,200,0);border-radius:8px;transition:all .3s}.LoginPanel .status.authenticated .user:hover,.LoginPanel .status.unauthenticated .user:hover{border:1px solid #ebebeb}.LoginPanel .status.authenticated .user,.LoginPanel .status.unauthenticated .user{align-items:center;padding:4px 8px;display:flex}.LoginPanel .status.authenticated .user .icon,.LoginPanel .status.unauthenticated .user .icon{aspect-ratio:1;border:2px solid #ececec;border-radius:999px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;margin-right:6px;display:flex;overflow:hidden}.LoginPanel .status.authenticated .user .icon img,.LoginPanel .status.unauthenticated .user .icon img{object-fit:cover;width:100%;height:100%;margin:0}.LoginPanel .status.authenticated .user .icon.trustRank.NewUser,.LoginPanel .status.unauthenticated .user .icon.trustRank.NewUser{border-color:#1578fe}.LoginPanel .status.authenticated .user .icon.trustRank.User,.LoginPanel .status.unauthenticated .user .icon.trustRank.User{border-color:#2acf5c}.LoginPanel .status.authenticated .user .icon.trustRank.Known,.LoginPanel .status.unauthenticated .user .icon.trustRank.Known{border-color:#fe7b41}.LoginPanel .status.authenticated .user .icon.trustRank.Trusted,.LoginPanel .status.unauthenticated .user .icon.trustRank.Trusted{border-color:#8143e6}.LoginPanel .status.authenticated .user .userName,.LoginPanel .status.unauthenticated .user .userName{flex-flow:column;display:flex}.LoginPanel .status.authenticated .user .userName .displayName,.LoginPanel .status.unauthenticated .user .userName .displayName{text-wrap:nowrap;margin-top:4px;margin-right:6px;line-height:.9rem}.LoginPanel .status.authenticated .user .userName .customUserId,.LoginPanel .status.unauthenticated .user .userName .customUserId{text-wrap:nowrap;font-size:.7rem}@media (max-width:479px){.LoginPanel .status.authenticated .user,.LoginPanel .status.unauthenticated .user{border:none;padding:0}.LoginPanel .status.authenticated .user .icon,.LoginPanel .status.unauthenticated .user .icon{margin-right:0;transition:all .2s}.LoginPanel .status.authenticated .user .icon.unathenticated,.LoginPanel .status.unauthenticated .user .icon.unathenticated{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important}.LoginPanel .status.authenticated .user .userName,.LoginPanel .status.unauthenticated .user .userName,.LoginPanel .status.authenticated .user .lucide-ellipsis,.LoginPanel .status.unauthenticated .user .lucide-ellipsis{display:none}.LoginPanel .status.authenticated .user:hover,.LoginPanel .status.unauthenticated .user:hover{border:none}.LoginPanel .status.authenticated .user:hover .icon,.LoginPanel .status.unauthenticated .user:hover .icon{transform:scale(1.08)}}
footer{background-color:#fff;border-top:1px solid #ebebeb;border-radius:12px 12px 0 0;flex-flow:column;justify-content:center;align-items:center;height:-moz-fit-content;height:fit-content;padding:20px 12px;display:flex;overflow:hidden}footer .footer-note{margin:6px 0 20px;font-size:1rem;font-weight:700}footer nav{margin:12px 0}footer nav a{color:#2d2c53;margin:0 8px;text-decoration:none}footer nav a:hover{text-decoration:underline}footer .author{gap:10px;margin:6px 0;font-size:.9rem;display:flex}
