.header.scroll{z-index:2147483647;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background-color:#212121bf}.header{transition:background-color .4s}@media (max-width:767px){.header{flex-direction:row;justify-content:start}.header .app-logo{flex:1}}.main-header-actions .header-link{color:#fff}.main-header-actions .user-info:hover .hide-username{display:none!important}.main-header-mobile-menu{cursor:pointer;max-width:40px;margin-left:0;display:flex}.main-header-mobile-menu .header-icon-link{margin-left:0}.main-header-mobile-menu .header-icon-link svg{width:32px;height:32px}@media (max-width:767px){.main-header-mobile-menu .header-icon-link svg{width:27px;height:27px}}@media (min-width:767px){.main-header-mobile-menu{display:none}}.mobile-drawer{-webkit-backdrop-filter:blur(10px);z-index:1000;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border-right:1px solid #ffffff1a;width:300px;height:100vh;transition:left .3s ease-in-out;position:fixed;top:0;left:-300px}.mobile-drawer.open{left:0}.mobile-drawer .drawer-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem;display:flex}.mobile-drawer .drawer-header .close-button{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem}.mobile-drawer .drawer-header .close-button:hover{opacity:.8}.mobile-drawer .drawer-content{padding:1rem}.mobile-drawer .drawer-content .drawer-nav{flex-direction:column;gap:.5rem;display:flex}.mobile-drawer .drawer-content .drawer-nav .drawer-link{color:#fff;border-radius:8px;align-items:center;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s;display:flex}.mobile-drawer .drawer-content .drawer-nav .drawer-link:hover{background:#ffffff1a}.mobile-drawer .drawer-content .drawer-nav .drawer-link .drawer-icon{width:20px;height:20px;margin-right:1rem}.mobile-drawer .drawer-content .drawer-auth{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.mobile-drawer .drawer-content .drawer-auth .auth-button{text-align:center;border-radius:8px;padding:.75rem;font-weight:500;text-decoration:none;transition:opacity .2s}.mobile-drawer .drawer-content .drawer-auth .auth-button:hover{opacity:.9}.mobile-drawer .drawer-content .drawer-auth .auth-button.login{color:#fff;background:#ffffff1a}.mobile-drawer .drawer-content .drawer-auth .auth-button.register{color:#000;background:#fff}.mobile-drawer .drawer-content .drawer-profile{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1rem}.mobile-drawer .drawer-content .drawer-profile .profile-link{color:#fff;align-items:center;margin-bottom:1rem;padding:.75rem;text-decoration:none;display:flex}.mobile-drawer .drawer-content .drawer-profile .profile-link .profile-icon{width:24px;height:24px;margin-right:1rem}.mobile-drawer .drawer-content .drawer-profile .logout-button{color:#f44;cursor:pointer;background:#ff00001a;border:1px solid #f003;border-radius:8px;width:100%;padding:.75rem;transition:background-color .2s}.mobile-drawer .drawer-content .drawer-profile .logout-button:hover{background:#f003}.drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}