[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:5px;background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s;z-index:10001}[data-tooltip]:hover:after{opacity:1;visibility:visible}.tooltip-wrapper{display:inline-block;line-height:1}:root{--hub-size: 50px;--hub-icon-size: 24px;--hub-color-top: #7a3dae;--hub-color-bottom: #522274;--hub-color-top-hover: #9168ff;--hub-color-bottom-hover: #6732e6;--hub-menu-radius: 100px;--profile-menu-radius: 90px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.interactive-hub{position:fixed;top:.5rem;right:.5rem;z-index:10000}.hub-main-button,.hub-menu-item,.profile-item{cursor:pointer;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;background:linear-gradient(to bottom,var(--hub-color-top),var(--hub-color-bottom));border:1px solid rgba(0,0,0,.4);border-top-color:#ffffff4d;text-shadow:0 -1px 0 rgba(0,0,0,.4);box-shadow:0 4px 6px #0000004d,inset 0 1px 1px #fff3;transition:all .15s ease-out}.hub-main-button:hover,.hub-menu-item:hover,.profile-item:hover{background:linear-gradient(to bottom,var(--hub-color-top-hover),var(--hub-color-bottom-hover))}.hub-main-button:hover{transform:scale(1.1)}.hub-menu-item:hover{transform:scale(1.2)}.hub-main-button.open+.hub-menu .hub-menu-item:nth-child(1):hover{transform:translate(calc(var(--hub-menu-radius) * -1)) scale(1.2)}.hub-main-button.open+.hub-menu .hub-menu-item:nth-child(2):hover{transform:translate(calc(var(--hub-menu-radius) * -.707),calc(var(--hub-menu-radius) * .707)) scale(1.2)}.hub-main-button.open+.hub-menu .hub-menu-item:nth-child(3):hover{transform:translateY(var(--hub-menu-radius)) scale(1.2)}.hub-menu-item.auth-open>.profile-menu>.profile-item:nth-child(1):hover{transform:translate(-50%,-50%) translateY(var(--profile-menu-radius)) scale(1.2)}.hub-menu-item.auth-open>.profile-menu>.profile-item:nth-child(2):hover{transform:translate(-50%,-50%) translate(calc(var(--profile-menu-radius) * -.383),calc(var(--profile-menu-radius) * .924)) scale(1.2)}.hub-menu-item.auth-open>.profile-menu>.profile-item:nth-child(3):hover{transform:translate(-50%,-50%) translate(calc(var(--profile-menu-radius) * -.707),calc(var(--profile-menu-radius) * .707)) scale(1.2)}.hub-menu-item.auth-open>.profile-menu>.profile-item:nth-child(4):hover{transform:translate(-50%,-50%) translate(calc(var(--profile-menu-radius) * -.924),calc(var(--profile-menu-radius) * .383)) scale(1.2)}.hub-menu-item.auth-open>.profile-menu>.profile-item:nth-child(5):hover{transform:translate(-50%,-50%) translate(calc(var(--profile-menu-radius) * -1)) scale(1.2)}.hub-main-button:active,.hub-menu-item:active,.profile-item:active{filter:brightness(.9);box-shadow:0 1px 2px #00000080,inset 0 2px 4px #0006}.hub-main-button{width:var(--hub-size);height:var(--hub-size)}.hub-main-button:active{transform:scale(.95)}.hub-main-button svg{width:var(--hub-icon-size);height:var(--hub-icon-size);transition:transform .3s ease}.hub-main-button.open svg{transform:rotate(45deg)}.hub-menu{position:absolute;top:0;right:0;width:var(--hub-size);height:var(--hub-size);pointer-events:none;transition:transform .3s ease}.hub-main-button.open+.hub-menu .hub-menu-item{pointer-events:auto}.hub-menu-item{position:absolute;left:50%;top:50%;margin-left:calc(var(--hub-icon-size) / -2);margin-top:calc(var(--hub-icon-size) / -2);width:var(--hub-icon-size);height:var(--hub-icon-size);transform:translate(0)}.hub-menu-item:active{transform:translate(0) scale(.9)}.hub-menu-item svg{width:100%;height:100%}.icon-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.hub-main-button.open+.hub-menu .hub-menu-item:nth-child(1){transform:translate(calc(var(--hub-menu-radius) * -1))}.hub-main-button.open+.hub-menu .hub-menu-item:nth-child(2){transform:translate(calc(var(--hub-menu-radius) * -.707),calc(var(--hub-menu-radius) * .707))}.hub-main-button.open+.hub-menu .hub-menu-item:nth-child(3){transform:translateY(var(--hub-menu-radius))}.hub-main-button.open+.hub-menu .hub-menu-item:nth-child(1):active{transform:translate(calc(var(--hub-menu-radius) * -1)) scale(.9)}.hub-main-button.open+.hub-menu .hub-menu-item:nth-child(2):active{transform:translate(calc(var(--hub-menu-radius) * -.707),calc(var(--hub-menu-radius) * .707)) scale(.9)}.hub-main-button.open+.hub-menu .hub-menu-item:nth-child(3):active{transform:translateY(var(--hub-menu-radius)) scale(.9)}.profile-menu{position:absolute;inset:0;pointer-events:none}.profile-item{position:absolute;top:50%;left:50%;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s,filter .15s ease-out,box-shadow .15s ease-out;opacity:0;transform:translate(-50%,-50%) scale(.5);pointer-events:none}#profile-avatar{width:40px;height:40px}#profile-username{width:120px;height:30px;border-radius:15px}#profile-color,#profile-status,#profile-action{width:30px;height:30px}#profile-username input{width:100%;height:100%;border:none;background-color:#fff3;border-radius:15px;text-align:center;color:#fff;font-family:inherit;font-size:14px}#profile-username input:focus{outline:2px solid var(--hub-color-top)}.hub-menu-item.auth-open>.profile-menu>.profile-item{opacity:1;pointer-events:auto}.hub-menu-item.auth-open>.profile-menu>.profile-item:nth-child(1){transform:translate(-50%,-50%) translateY(var(--profile-menu-radius))}.hub-menu-item.auth-open>.profile-menu>.profile-item:nth-child(2){transform:translate(-50%,-50%) translate(calc(var(--profile-menu-radius) * -.383),calc(var(--profile-menu-radius) * .924))}.hub-menu-item.auth-open>.profile-menu>.profile-item:nth-child(3){transform:translate(-50%,-50%) translate(calc(var(--profile-menu-radius) * -.707),calc(var(--profile-menu-radius) * .707))}.hub-menu-item.auth-open>.profile-menu>.profile-item:nth-child(4){transform:translate(-50%,-50%) translate(calc(var(--profile-menu-radius) * -.924),calc(var(--profile-menu-radius) * .383))}.hub-menu-item.auth-open>.profile-menu>.profile-item:nth-child(5){transform:translate(-50%,-50%) translate(calc(var(--profile-menu-radius) * -1))}.hub-menu-item.auth-open>.profile-menu>.profile-item:active{filter:brightness(.9);box-shadow:0 1px 2px #00000080,inset 0 2px 4px #0006}.hub-top-nav{position:fixed;top:-100px;left:0;width:100%;background-color:#000c;padding:.5rem 0;display:flex;justify-content:center;gap:0rem;z-index:9998;transition:top .5s cubic-bezier(.25,.46,.45,.94)}.hub-top-nav.open{top:0}.hub-top-nav a{text-decoration:none;padding:.3rem .6rem;border-radius:5px;transition:background-color .2s ease-out;display:flex;align-items:center;gap:.25rem}.hub-top-nav a .nav-icon{width:20px;height:20px;flex-shrink:0}.hub-top-nav a:hover{background-color:var(--hub-color-bottom)}.hub-top-nav a:hover .shiny-effect{background-image:none;-webkit-text-fill-color:white}.hub-top-nav a:hover .nav-icon{color:#fff}.shiny-effect{background:linear-gradient(to right,#ff79c6,#ffb86c,#50fa7b,#8be9fd,#bd93f9,#ff79c6);background-size:400% auto;color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 20s ease-in-out infinite alternate}.nav-icon.shiny-effect svg{fill:currentColor}.theme-menu{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.theme-select-button{opacity:0;pointer-events:none;transform:scale(.5);transition:all .3s ease;background:var(--hub-color-bottom);color:#fff;border:1px solid rgba(0,0,0,.4);border-radius:15px;padding:5px 15px;margin-bottom:10px;cursor:pointer;width:100px}.theme-select-button:hover{background:var(--hub-color-bottom-hover)}.hub-menu-item.options-open .theme-select-button{opacity:1;pointer-events:auto}.hub-main-button.open+.hub-menu .hub-menu-item.auth-open:hover{transform:translate(calc(var(--hub-menu-radius) * -.707),calc(var(--hub-menu-radius) * .707))}.hub-main-button.open+.hub-menu .hub-menu-item.options-open:hover{transform:translateY(var(--hub-menu-radius))}.hub-menu-item.options-open .theme-select-button:nth-child(1){transform:translateY(120px);transition-delay:0s}.hub-menu-item.options-open .theme-select-button:nth-child(2){transform:translateY(120px);transition-delay:.1s}.hub-menu-item.options-open .theme-select-button:nth-child(3){transform:translateY(120px);transition-delay:.2s}.hub-menu-item.options-open .theme-select-button:nth-child(4){transform:translateY(120px);transition-delay:.3s}@media (max-width: 512px){.hub-top-nav{justify-content:space-around;padding:.5rem 1rem}.hub-top-nav a{flex-shrink:1;gap:0}.hub-top-nav a .nav-text{display:none}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes nebula-animation{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.theme-select-button[data-theme=plain-light]{background:#f0f0f0;color:#333;border-color:#333}.theme-select-button[data-theme=plain-dark]{background:#121212;color:#e0e0e0;border-color:#e0e0e0}.theme-select-button[data-theme=funky]{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;color:#000;border-color:#fff;animation:gradient 15s ease infinite;animation-play-state:paused}.theme-select-button[data-theme=cosmic]{background:#121212 radial-gradient(ellipse at 70% 30%,rgba(120,80,160,.4) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(80,120,160,.4) 0%,transparent 50%);background-size:200% 200%;color:#e0e0e0;border-color:#bb86fc;animation:nebula-animation 20s ease-in-out infinite;animation-play-state:paused}.hub-menu-item.options-open .theme-select-button[data-theme=funky],.hub-menu-item.options-open .theme-select-button[data-theme=cosmic]{animation-play-state:running}.theme-select-button[data-theme=plain-light]:hover{background:#333!important;color:#f0f0f0}.theme-select-button[data-theme=plain-dark]:hover{background:#343a40!important}.theme-select-button[data-theme=funky]:hover{opacity:.8}.theme-select-button[data-theme=cosmic]:hover{border-color:#fff}#global-chat-trigger{position:fixed;bottom:20px;right:20px;z-index:999;cursor:pointer;background-color:#bb86fc;border-radius:50%;width:60px;height:60px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px_8px #0003;transition:transform .2s ease}
