/* 777like r12 (07.10): общий язык движения — сайт и кабинет.
   Токены: короткие отклики 150–220 мс, появления 500–700 мс, одна кривая.
   Всё «движущееся» — только при prefers-reduced-motion: no-preference; без JS всё видно. */
:root{
  --lk-dur-1:150ms; --lk-dur-2:220ms; --lk-dur-3:560ms;
  --lk-ease-out:cubic-bezier(.16,1,.3,1);
  --lk-ease-spring:cubic-bezier(.34,1.56,.64,1);
}

/* Кнопки: пружинное нажатие, стрелка «подаётся» вперёд, блик по основной кнопке */
.lk-btn .lk-i{transition:transform var(--lk-dur-2) var(--lk-ease-out)}
@media (prefers-reduced-motion:no-preference){
  .lk-btn{transition:background var(--lk-dur-1) var(--lk-ease),border-color var(--lk-dur-1) var(--lk-ease),color var(--lk-dur-1),transform .32s var(--lk-ease-spring),box-shadow var(--lk-dur-2) var(--lk-ease)}
  .lk-btn:active{transform:scale(.965);transition-duration:var(--lk-dur-1),var(--lk-dur-1),var(--lk-dur-1),80ms,var(--lk-dur-1)}
  @media (hover:hover) and (pointer:fine){
    .lk-btn:hover > .lk-i:last-child:not(:first-child){transform:translateX(3px)}
    .lk-btn--primary{position:relative;overflow:hidden;isolation:isolate}
    .lk-btn--primary::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
      background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 66%);transform:translateX(-120%)}
    .lk-btn--primary:hover::after{transform:translateX(120%);transition:transform .75s var(--lk-ease-out)}
    .lk-btn--primary:hover{box-shadow:0 14px 34px -14px rgba(224,34,76,.75),0 8px 22px -12px rgba(109,75,255,.75)}
  }
}
/* «магнит» у крупных основных кнопок (lk-motion.js ставит --mx/--my) */
.lk-btn.is-magnet{translate:var(--mx,0) var(--my,0);transition-property:background,border-color,color,transform,box-shadow,translate}
.lk-btn.is-magnet:not(.is-pull){transition:translate .45s var(--lk-ease-spring),background var(--lk-dur-1),box-shadow var(--lk-dur-2),transform .32s var(--lk-ease-spring)}

/* Фокус с клавиатуры — заметное кольцо везде одинаково */
.lk-btn:focus-visible,.lk-chip:focus-visible,.lk a:focus-visible{outline:none;box-shadow:var(--lk-focus)}

/* Карточки-ссылки: мягкий подъём (только мышь) */
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .lk-card--link,.lk-post,.lk-blog__card{transition:transform var(--lk-dur-2) var(--lk-ease-out),box-shadow var(--lk-dur-2) var(--lk-ease),border-color var(--lk-dur-1)}
  .lk-card--link:hover,.lk-post:hover,.lk-blog__card:hover{transform:translateY(-3px);box-shadow:var(--lk-shadow)}
}

/* Уведомления (jquery-toast): въезд снизу с лёгким масштабом */
@media (prefers-reduced-motion:no-preference){
  .jq-toast-single{animation:lk-toast-in .32s var(--lk-ease-out) both}
  @keyframes lk-toast-in{from{opacity:0;transform:translateY(14px) scale(.97)}}
}