/* Эффект «жидкого стекла»: матовое стекло с размытием, светящейся кромкой и бликом, который следует за курсором.
   Подключается последним и перекрывает прежние фоны. Тема задаётся атрибутом data-theme на <html>. */
:root{--lg-fill-a:#ffffff1f;--lg-fill-b:#ffffff08;--lg-rim:#ffffff3d;--lg-hi:#ffffff59;--lg-spec:#ffffff3a;--lg-shadow:#0006;--lg-blur:22px}
[data-theme="light"]{--lg-fill-a:#ffffff8a;--lg-fill-b:#ffffff38;--lg-rim:#ffffffd9;--lg-hi:#fffffff2;--lg-spec:#ffffffb8;--lg-shadow:#5b3f8226}
:root:root :is(header,.float,.lang-menu,.glass,.price-card,.difference-card,.smallbtn,.btn.secondary,.lang-btn,.theme-toggle,.msg-btn,dialog){
  --mx:50%;--my:-30%;
  background:radial-gradient(260px circle at var(--mx) var(--my),var(--lg-spec),transparent 62%),linear-gradient(135deg,var(--lg-fill-a),var(--lg-fill-b));
  -webkit-backdrop-filter:blur(var(--lg-blur)) saturate(190%) contrast(1.04);backdrop-filter:blur(var(--lg-blur)) saturate(190%) contrast(1.04);
  border:1px solid var(--lg-rim);
  box-shadow:inset 0 1px 1px var(--lg-hi),inset 0 -1px 1px #ffffff26,inset 0 0 26px #ffffff1c,0 14px 40px var(--lg-shadow);
  transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background-color .3s}
:root:root :is(.smallbtn,.btn.secondary,.lang-btn,.theme-toggle){box-shadow:inset 0 1px 1px var(--lg-hi),inset 0 -1px 1px #ffffff26,inset 0 0 14px #ffffff22,0 6px 18px var(--lg-shadow)}
:root:root :is(.smallbtn,.btn.secondary,.lang-btn,.theme-toggle):hover{transform:scale(1.045)}
:root:root :is(.smallbtn,.btn.secondary,.lang-btn,.theme-toggle):active{transform:scale(.97)}
:root:root :is(.price-card,.difference-card):hover{transform:translateY(-5px)}
:root:root .lang-menu{--lg-blur:30px}
:root:root .price-card.featured{background:radial-gradient(260px circle at var(--mx) var(--my),var(--lg-spec),transparent 62%),radial-gradient(ellipse at 60% 0%,#a95ad940,transparent 75%),linear-gradient(135deg,var(--lg-fill-a),var(--lg-fill-b))}
:root[data-theme="light"] .lang-menu{background:radial-gradient(260px circle at var(--mx) var(--my),#fff,transparent 62%),linear-gradient(135deg,#ffffffec,#ffffffcc)}
dialog::backdrop{background:#1a102a55;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media(prefers-reduced-transparency:reduce){:root:root :is(header,.float,.lang-menu,.glass,.price-card,.difference-card,.smallbtn,.btn.secondary,.lang-btn,.theme-toggle,dialog){-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--lg-fill-b);background-color:#f5f2f8}}
@media(prefers-reduced-motion:reduce){:root:root :is(header,.float,.lang-menu,.glass,.price-card,.difference-card,.smallbtn,.btn.secondary,.lang-btn,.theme-toggle,dialog){transition:none}:root:root :is(.smallbtn,.btn.secondary,.lang-btn,.theme-toggle):hover{transform:none}}
:root:root .msg-btn{color:#51445f}
:root:root[data-theme="dark"] .msg-btn{color:#eee9ff}
