/* Отдельное исследование прозрачного стекла поверх dex.css.
   Без текстур: ровное размытие, прозрачная плоскость и мягкие синие грани. */

body.glass-study {
  --gx-blue:#b3cfff;
  --gx-ink:#d6e5f9;
  --gx-muted:#8fa7c7;
  --gx-edge:rgba(179,207,255,.28);
}

/* Окно: inline left/top/width/height остаются под управлением drag и resize. */
body.glass-study #floating {
  display:flex;
  flex-direction:column;
  isolation:isolate;
  border:1px solid var(--gx-edge);
  border-top-color:rgba(207,226,255,.43);
  border-left-color:rgba(179,207,255,.33);
  border-radius:11px;
  background:linear-gradient(132deg,rgba(25,45,72,.38),rgba(9,22,40,.52));
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  box-shadow:0 24px 70px rgba(0,5,14,.36),inset 0 1px rgba(227,239,255,.08),inset 1px 0 rgba(203,224,255,.025);
  overflow:hidden;
}
body.glass-study #float-handle {
  position:relative;
  z-index:2;
  flex:0 0 43px;
  min-height:43px;
  height:auto;
  padding:0 12px 0 18px;
  color:#bfd2ed;
  background:rgba(179,207,255,.028);
  border-bottom:1px solid rgba(179,207,255,.13);
}
body.glass-study #float-title {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  letter-spacing:.01em;
}
body.glass-study #float-handle>div { flex-shrink:0; gap:5px; }
body.glass-study #float-handle button { color:#99b3d5; border-radius:4px; }
body.glass-study #float-handle button:hover { color:#e0edff; background:rgba(179,207,255,.09); }
body.glass-study #float-body {
  position:relative;
  flex:1 1 auto;
  min-height:0;
  height:auto;
  padding:24px 25px 31px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(179,207,255,.25) transparent;
  background:transparent;
}
body.glass-study #float-body::-webkit-scrollbar { width:5px; height:5px; }
body.glass-study #float-body::-webkit-scrollbar-thumb { background:rgba(179,207,255,.25); border-radius:5px; }
body.glass-study #float-body::-webkit-scrollbar-track { background:transparent; }
body.glass-study .gx-material { min-width:0; }
body.glass-study #float-body h2 { color:#d9e7fb; font-size:24px; line-height:1.25; font-weight:500; letter-spacing:-.035em; margin:13px 0 17px; }
body.glass-study #float-body p { color:#b0c3de; font-size:12px; line-height:1.85; overflow-wrap:break-word; }
body.glass-study #float-body blockquote { margin:19px 0; padding:3px 0 3px 14px; border-left:1px solid rgba(179,207,255,.42); color:#c8dcf7; font-size:12px; line-height:1.8; background:transparent; }
body.glass-study #float-body small { display:block; color:#86a0c1; font-size:9px; line-height:1.65; }
body.glass-study #float-body .dx-eyebrow { color:#91b3de; font-size:8px; line-height:1.6; }
body.glass-study #float-grip {
  z-index:4;
  right:3px;
  bottom:3px;
  width:25px;
  height:25px;
  border:0;
  border-radius:0 0 8px 0;
  color:#86a5cf;
  background:rgba(10,23,41,.3);
}
body.glass-study #float-grip:hover { color:#d0e3ff; background:rgba(179,207,255,.085); }

/* Общий язык ввода: спокойное стекло, читаемый текст и одна кнопка отправки. */
body.glass-study .dx-composer {
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  gap:11px;
  min-height:52px;
  padding:9px 10px 9px 15px;
  border:1px solid rgba(179,207,255,.28);
  border-top-color:rgba(206,225,255,.36);
  border-radius:11px;
  background:linear-gradient(115deg,rgba(29,49,79,.36),rgba(9,24,43,.5));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:inset 0 1px rgba(221,235,255,.055),0 12px 35px rgba(0,5,14,.18);
  transition:border-color .18s ease,box-shadow .18s ease;
}
body.glass-study .dx-composer input {
  flex:1 1 auto;
  min-width:0;
  height:32px;
  color:#d5e5fc;
  font-size:13px;
  line-height:1.5;
  background:transparent;
}
body.glass-study .dx-composer input::placeholder { color:#92a9c6; opacity:1; }
body.glass-study .dx-composer button {
  flex:0 0 32px;
  width:32px;
  height:32px;
  border:1px solid rgba(179,207,255,.24);
  border-radius:7px;
  color:#c5ddff;
  background:rgba(179,207,255,.07);
  box-shadow:inset 0 1px rgba(225,238,255,.035);
}
body.glass-study .dx-composer button:hover { color:#e6f0ff; background:rgba(179,207,255,.13); border-color:rgba(179,207,255,.42); }
body.glass-study .dx-composer:focus-within { border-color:rgba(189,216,255,.55); box-shadow:inset 0 1px rgba(231,242,255,.08),0 12px 35px rgba(0,5,14,.22); }
body.glass-study .gx-composer-mark { display:flex; flex:0 0 17px; width:17px; height:17px; align-items:center; justify-content:center; color:#91b4e6; pointer-events:none; }
body.glass-study .gx-composer-mark svg { display:block; width:17px; height:17px; }
body.glass-study .gx-composer-hint { display:none; }
body.glass-study .dx-composer>label.sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }

/* 01 · Стекло. Прозрачная панель средней высоты. */
body.glass-study[data-composer="glass"] .dx-composer {
  min-height:54px;
  border-radius:11px;
  background:linear-gradient(115deg,rgba(29,49,79,.36),rgba(9,24,43,.5));
}

/* 02 · Линия. Открытая поверхность с маленькой стеклянной кнопкой в конце. */
body.glass-study[data-composer="line"] .dx-composer {
  min-height:49px;
  gap:12px;
  padding:6px 2px 9px;
  border:0;
  border-bottom:1px solid rgba(190,216,255,.46);
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}
body.glass-study[data-composer="line"] .dx-composer button {
  border-radius:7px;
  border-color:rgba(179,207,255,.27);
  background:rgba(22,43,70,.42);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body.glass-study[data-composer="line"] .dx-composer button:hover { border-color:rgba(193,219,255,.5); background:rgba(38,61,94,.48); }
body.glass-study[data-composer="line"] .dx-composer:focus-within { border-bottom-color:rgba(203,225,255,.78); box-shadow:none; }
body.glass-study[data-composer="line"] .gx-composer-mark { color:#a2c3f1; }

/* 03 · Мягкое стекло. Умеренный радиус вместо формы капсулы. */
body.glass-study[data-composer="soft"] .dx-composer {
  min-height:58px;
  padding:11px 12px 11px 17px;
  gap:12px;
  border-radius:17px;
  border-color:rgba(179,207,255,.23);
  border-top-color:rgba(206,225,255,.32);
  background:linear-gradient(100deg,rgba(36,58,90,.32),rgba(14,29,48,.46));
  box-shadow:inset 0 1px rgba(221,235,255,.055),0 12px 35px rgba(0,5,14,.16);
}
body.glass-study[data-composer="soft"] .dx-composer button { border-radius:10px; border-color:rgba(179,207,255,.2); background:rgba(179,207,255,.065); }
body.glass-study[data-composer="soft"] .dx-composer:focus-within { border-color:rgba(193,219,255,.48); box-shadow:inset 0 1px rgba(221,235,255,.07),0 12px 35px rgba(0,5,14,.2); }

/* 04 · Гибрид. Тонкая прозрачная полоса с ясным нижним кантом. */
body.glass-study[data-composer="hybrid"] .dx-composer {
  min-height:45px;
  padding:5px 7px 6px 13px;
  gap:10px;
  border-radius:7px;
  border-color:rgba(179,207,255,.15);
  border-bottom-color:rgba(197,221,255,.49);
  background:linear-gradient(180deg,rgba(26,45,73,.3),rgba(14,31,53,.37));
  box-shadow:inset 0 -1px rgba(195,221,255,.055),0 9px 26px rgba(0,5,14,.13);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
body.glass-study[data-composer="hybrid"] .dx-composer input { height:30px; font-size:12px; }
body.glass-study[data-composer="hybrid"] .dx-composer button { flex-basis:29px; width:29px; height:29px; border-radius:5px; border-color:rgba(179,207,255,.18); background:rgba(179,207,255,.055); }
body.glass-study[data-composer="hybrid"] .dx-composer:focus-within { border-color:rgba(179,207,255,.28); border-bottom-color:rgba(204,227,255,.75); box-shadow:inset 0 -1px rgba(206,229,255,.07),0 9px 26px rgba(0,5,14,.18); }

@media (max-width:600px) {
  body.glass-study #float-handle { padding-inline:15px 10px; }
  body.glass-study #float-body { padding:21px 20px 30px; }
  body.glass-study #float-body h2 { font-size:22px; }
  body.glass-study #float-body p,body.glass-study #float-body blockquote { font-size:12px; line-height:1.8; }
  body.glass-study #float-body small { font-size:10px; }
  body.glass-study .dx-composer { gap:9px; padding-left:12px; }
  body.glass-study .dx-composer input { font-size:12px; }
  body.glass-study .dx-composer button { flex-basis:34px; width:34px; height:34px; }
  body.glass-study[data-composer="line"] .dx-composer { padding-left:1px; }
  body.glass-study[data-composer="soft"] .dx-composer { padding-left:14px; gap:10px; border-radius:15px; }
  body.glass-study[data-composer="hybrid"] .dx-composer { min-height:48px; }
  body.glass-study[data-composer="hybrid"] .dx-composer button { flex-basis:33px; width:33px; height:33px; }
}
@media (prefers-reduced-motion:reduce) {
  body.glass-study #floating,body.glass-study .dx-composer { animation:none; transition:none; }
  body.glass-study #float-body { scroll-behavior:auto; }
}