/* §4 Glas und KI-Schein — Leon 25.09. / Harald, R25. Aus Vorschau v3.2, geprüft gegen design_amigosu.md */
.glas{position:relative;border-radius:var(--r);border:1px solid var(--linie);
  background:linear-gradient(rgba(var(--schleier),var(--glas-lokal)),rgba(var(--schleier),var(--glas-lokal))),linear-gradient(160deg,var(--glas-a),var(--glas-b));
  background-color:transparent;
  -webkit-backdrop-filter:blur(var(--blur)) saturate(1.4);backdrop-filter:blur(var(--blur)) saturate(1.4);
  box-shadow:var(--glas-kante),var(--glas-schatten);
  transition:transform var(--dauer) var(--kurve),background-color var(--dauer) var(--kurve),-webkit-backdrop-filter var(--dauer) var(--kurve),backdrop-filter var(--dauer) var(--kurve)}
/* KI-Fläche: Schichtfolge von oben Tönung → --glas-lokal → Glasverlauf (R25) */
.glas.ki{border-color:var(--akzent-leise);
  background:linear-gradient(var(--akzent-toenung),var(--akzent-toenung)),linear-gradient(rgba(var(--schleier),var(--glas-lokal)),rgba(var(--schleier),var(--glas-lokal))),linear-gradient(160deg,var(--glas-a),var(--glas-b));
  box-shadow:var(--glas-kante),var(--glas-schatten),0 0 30px -4px var(--akzent-schein)}
.holo{border-radius:var(--r-gross);-webkit-backdrop-filter:blur(var(--blur-holo)) saturate(1.5);backdrop-filter:blur(var(--blur-holo)) saturate(1.5)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glas{background-color:var(--glas-voll)}}
/* §4.2 Variante C gilt (keine Regel nötig). Variante D liegt bei, NICHT aktiv: nur mit Klasse holo-d am body. */
body.holo-d.holo-offen main .glas,body.holo-d.holo-offen .kopf,body.holo-d.holo-offen .nav{
  -webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glas-einfrier)}
body.holo-d.holo-offen main .glas.ki{background:linear-gradient(var(--akzent-toenung),var(--akzent-toenung)),var(--glas-einfrier)}
/* R4 lokaler Schleier hinter frei stehendem Text */
.lokal-traeger{position:relative;isolation:isolate}
.lokal-schleier{position:absolute;top:-32px;bottom:-32px;left:var(--l,-32px);right:var(--r,-32px);z-index:-1;border-radius:32px;background:rgba(var(--schleier),var(--lokal));filter:blur(12px);pointer-events:none}
@media (pointer:fine){.hebt:hover{transform:translateY(-3px)}}
@keyframes puls{0%,100%{opacity:1}50%{opacity:.55}}
.puls{animation:puls var(--puls) ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.puls{animation:none}.hebt:hover{transform:none}*{transition-duration:1ms!important}}