@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Space+Mono:wght@400;700&display=swap");*{box-sizing:border-box}body,html{margin:0;padding:0}.spin{animation:sp .9s linear infinite}@keyframes sp{to{transform:rotate(1turn)}}input::placeholder,textarea::placeholder{color:#8c867a;opacity:.55}::selection{background:#c34be8;color:#fff}.app-header{padding:20px 28px}.app-bar{padding:14px 28px}.app-grid{display:grid;grid-template-columns:minmax(300px,380px) 1fr;align-items:start}.app-left{border-right:1px solid #2c2438}.app-left,.app-right{padding:24px 28px}.app-logo-text{font-size:24px}@media (max-width:760px){.app-header{padding:14px 16px;flex-wrap:wrap;gap:10px!important}.app-bar{padding:12px 16px}.app-grid{grid-template-columns:1fr}.app-left{border-right:none;border-bottom:1px solid #2c2438}.app-left,.app-right{padding:18px 16px}.app-logo-text{font-size:20px}.app-header .app-spacer{display:none}.grid-2{grid-template-columns:1fr!important}}.loadbar{position:relative;width:100%;height:6px;border-radius:4px;background:#2c2438;overflow:hidden}.loadbar>span{position:absolute;left:0;top:0;height:100%;width:40%;border-radius:4px;background:linear-gradient(95deg,#7b5cff,#c34be8,#ff5fa2,#ff9d4d);animation:loadslide 1.1s ease-in-out infinite}@keyframes loadslide{0%{left:-40%}to{left:100%}}.progbar{width:100%;height:6px;border-radius:4px;background:#2c2438;overflow:hidden}.progbar>span{display:block;height:100%;border-radius:4px;background:linear-gradient(95deg,#7b5cff,#c34be8,#ff5fa2,#ff9d4d);transition:width .3s ease}