.account-navbar,.navbar{display:flex;align-items:center;justify-content:space-between;margin:0;background-color:none;color:white;position:fixed;top:1em;left:1em;right:1em;width:calc(100% - 2em);z-index:9999;padding:0;font-family:sans-serif}.account-navbar{gap:.6em;font-size:.8rem;justify-content:flex-end;top:5em}.hide{display:none}.navbar-logo{font-size:2rem;font-weight:700;text-decoration:none;color:white;letter-spacing:1px;border:none}.navbar-links.desktop{display:flex;align-items:center;gap:24px}.user{background-color:rgba(0,0,0,.5);border-radius:.5em;padding:.5em 1em .5em .5em;font-size:12px}.mobile-button{display:none}.menu-toggle{background:none;border:none;cursor:pointer;color:white}.icon{width:24px;height:24px}.nav-link{text-decoration:none;color:white;transition:color .2s ease}.nav-link:hover{color:#6366f1}.navbar-links.mobile{display:flex;flex-direction:column;padding:12px 0;gap:12px;background-color:#1a1a1a}.mobile-link{display:block;padding:8px 12px}.name,.nav-btn{border:none}.name{outline:none;margin-left:8px;color:#0af;font-size:18px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center}.modal{position:relative;background:#000220;color:#fff;padding:2rem;border-radius:12px;max-width:600px;width:90%;max-height:80vh;box-shadow:0 8px 20px rgba(0,0,0,.25);animation:fadeIn .2s ease-in-out;display:flex;flex-direction:column}.closeBtn{position:absolute;top:12px;right:12px;border:none;background:transparent;font-size:1.5rem;cursor:pointer;color:#666;transition:color .2s ease}.closeBtn:hover{color:#fff}.modal-content{height:calc(100vh - 4em);flex:1 1 auto;overflow-y:auto;min-height:0;margin-top:2rem;-ms-overflow-style:none;scrollbar-width:none}.modal-content::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.panel{padding:1rem;background:#222;color:#fff;border-radius:8px;width:50%;font-family:sans-serif}.label{display:flex;flex-direction:column;width:calc(100% - 4em);gap:.5rem}input[type=range]{width:100%;accent-color:#4cafef;cursor:pointer}