.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff0;z-index:9999;visibility:hidden;opacity:0;transition:opacity 0.4s cubic-bezier(.4,0,.2,1),visibility 0.4s cubic-bezier(.4,0,.2,1),background 0.4s cubic-bezier(.4,0,.2,1)}.mobile-menu-overlay.active{visibility:visible;opacity:1}.mobile-menu-content{position:absolute;top:0;right:0;width:320px;height:calc(100% - 0px);background:var(--color-primary-violet)!important;padding:20px;overflow-y:auto;transform:translateX(100%);opacity:0;transition:transform 0.5s cubic-bezier(.4,0,.2,1),opacity 0.5s cubic-bezier(.4,0,.2,1)}.mobile-menu-overlay.active .mobile-menu-content{transform:translateX(0);opacity:1}.melodica-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;display:none}.melodica-menu-header .menu-title{color:#fff;font-size:20px;font-weight:700;margin:0}.melodica-menu-close{background:none;border:none;color:#fff;cursor:pointer;padding:5px;transition:all 0.3s ease;display:none}.melodica-menu-close:hover{color:#6A00FF}.melodica-menu-nav{margin-bottom:30px}.melodica-main-menu{list-style:none;margin:0;padding:0}.melodica-main-menu .melodica-menu-item{margin-bottom:8px}.melodica-main-menu .melodica-menu-link{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#fff;text-decoration:none;border-radius:25px;transition:all 0.3s ease;position:relative}.melodica-main-menu .melodica-menu-item.melodica-active .melodica-menu-link{background:#6A00FF;color:#fff;box-shadow:0 4px 15px var(--shadow-purple-30)}.melodica-main-menu .melodica-menu-link:hover{background:rgb(255 255 255 / .1);transform:translateX(-2px)}.melodica-menu-text{font-size:16px;font-weight:500}.melodica-menu-icon{display:flex;align-items:center}.melodica-menu-arrow{display:flex;align-items:center}.mobile-menu-content .melodica-search-form{margin-bottom:30px}.mobile-menu-content .melodica-search-form form{position:relative;display:flex;align-items:center;background:var(--color-primary-deep);border-radius:50px;border:none!important;overflow:hidden}.mobile-menu-content .melodica-search-icon{position:absolute;left:15px;color:rgb(255 255 255 / .8);z-index:2;display:flex;align-items:center}.mobile-menu-content .melodica-search-icon::after{content:'';position:absolute;left:35px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:rgb(255 255 255 / .2)}.mobile-menu-content .melodica-search-field{width:100%;padding:15px 20px 15px 70px;background:#fff0;border:none;color:#fff;font-size:14px;transition:all 0.3s ease}.mobile-menu-content .melodica-search-field:focus{outline:none;border-color:#6A00FF;box-shadow:0 0 0 3px var(--overlay-purple-10)}.mobile-menu-content .melodica-search-field::placeholder{color:rgb(255 255 255 / .6)}.melodica-user-sections{display:flex;flex-direction:column;gap:20px}.melodica-subscription-section{background:RGB(30 8 36 / .8);background:linear-gradient(0deg,#1e0824 0%,#fff0 100%);border:1px solid var(--color-purple);border-radius:15px;padding:20px;position:relative;backdrop-filter:blur(10px)}.melodica-subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.melodica-subscription-title{color:#fff;font-size:18px;font-weight:700;margin:0}.melodica-subscription-badge{background:rgb(255 255 255 / 8%);color:var(--color-gray-500);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.melodica-subscription-text{color:rgb(255 255 255 / .8);font-size:14px;margin:0 0 15px 0}.melodica-subscription-details{color:var(--color-purple);text-decoration:underline;font-size:14px;margin-bottom:15px;display:block;transition:all 0.3s ease}.melodica-subscription-details:hover{color:#8B5CF6;text-decoration:none}.melodica-renew-btn{width:100%;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1);border-radius:10px;padding:12px;color:#6A00FF;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.melodica-renew-btn:hover{background:var(--overlay-purple-10);border-color:#6A00FF}.melodica-user-profile-section{background:var(--color-secondary-deep);border:1px solid var(--color-purple);border-radius:15px;padding:20px;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(10px);flex-direction:row-reverse}.melodica-profile-back-btn{background:var(--color-purple);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all 0.3s ease;text-decoration:none}.melodica-profile-back-btn:hover{background:#5A00E0;transform:scale(1.05);color:#fff}.melodica-user-info{flex:1;margin:0 15px}.melodica-user-name{color:#fff;font-size:16px;font-weight:600}.melodica-user-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;border:3px solid var(--color-primary-deep)}.melodica-user-avatar img{width:100%;height:100%;object-fit:cover}.melodica-auth-buttons{display:flex;flex-direction:column;gap:15px;height:240px;justify-content:flex-end;background:radial-gradient(circle at center,rgb(30 8 36 / .8) 0%,rgb(30 8 36 / .4) 35%,rgb(30 8 36 / .1) 60%,transparent 85%);align-items:stretch;align-content:center;flex-wrap:nowrap}.melodica-buy-subscription-btn{width:100%;background:rgb(255 255 255 / .05);border:1px solid var(--overlay-purple-50);border-radius:12px;padding:15px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}.melodica-buy-subscription-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,var(--overlay-purple-10),var(--overlay-purple-10));opacity:0;transition:opacity 0.3s ease}.melodica-buy-subscription-btn:hover::before{opacity:1}.melodica-buy-subscription-btn:hover{border-color:var(--color-purple);box-shadow:0 4px 15px var(--shadow-purple-30)}.melodica-login-register-btn{width:100%;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1);border-radius:12px;padding:15px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.melodica-login-register-btn:hover{background:rgb(255 255 255 / .1);border-color:rgb(255 255 255 / .2)}@media (max-width:480px){.mobile-menu-content{width:85%;padding:15px}.melodica-menu-header .menu-title{font-size:18px}.melodica-main-menu .melodica-menu-link{padding:10px 12px}.melodica-menu-text{font-size:14px}.melodica-subscription-section,.melodica-user-profile-section{padding:15px}.melodica-subscription-title{font-size:16px}.melodica-user-name{font-size:14px}}