/* ---------- прозрачность плиток (7 октября 2026) ---------- */
/* --glass-t: 0 — плитки непрозрачные, 1 — почти чистое стекло; по умолчанию .65 (как было). Значение помнит localStorage. */
:root { --glass-t: .65; }
/* Окошко прозрачности: всплывает над кнопкой «Стекло» при наведении (и пока ползунок в фокусе), иначе спрятано. */
.glass-wrap { position: relative; }
.glass-level { position: absolute; left: 0; bottom: calc(100% + 8px); width: 210px; z-index: 30; box-sizing: border-box;
  display: grid; gap: 8px; padding: 12px 12px; border-radius: 10px; color: var(--text-muted); font-size: 12px;
  background: var(--surface-1); border: 1px solid var(--border); box-shadow: 0 10px 28px rgb(0 0 0 / .3);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s, transform .18s, visibility 0s linear .18s; }
.glass-level::before { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 10px; }   /* мостик, чтобы мышь не «падала» по пути к окошку */
/* Только по наведению: фокус после перетаскивания ползунка окошко не удерживает (иначе оно оставалось, когда мышь ушла). */
.glass-wrap:hover .glass-level, .glass-wrap:has(:focus-visible) .glass-level { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.glass-level-head { display: flex; justify-content: space-between; }
.glass-level-head b { font-weight: 600; color: var(--text-secondary); }
.glass-level input[type="range"] { width: 100%; margin: 0; accent-color: var(--accent); cursor: pointer; }
:root[data-glass="off"] .glass-level { display: none; }
:root[data-theme="dark"] .glass-level { background: rgb(30 30 28 / .92); }
:root[data-theme="light"] .glass-level { background: rgb(250 250 248 / .95); }