/* Scene-only refraction stays behind readable, unwarped form controls. */
.login-form { isolation: isolate; overflow: hidden; }
.login-form > :not(.liquid-glass) { position: relative; z-index: 1; }
.liquid-glass { position: absolute; inset: 0; z-index: 0; border-radius: inherit; overflow: hidden; pointer-events: none; background: linear-gradient(135deg, color-mix(in srgb, var(--accent-313) 56.8627%, transparent), color-mix(in srgb, var(--ui-200) 86.2745%, transparent)); }
.liquid-glass-canvas { display: block; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
.liquid-glass[data-renderer='webgl'] .liquid-glass-canvas { opacity: 1; }
.liquid-glass::after { content: ''; position: absolute; inset: 0; border: 1px solid color-mix(in srgb, var(--accent-965) 14.902%, transparent); border-radius: inherit; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-975a) 16.8627%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--black) 26.6667%, transparent); background: linear-gradient(130deg, color-mix(in srgb, var(--accent-965) 3.5294%, transparent), transparent 35%, color-mix(in srgb, var(--ui-174a) 12.549%, transparent)); }
.login-form[data-liquid-glass='ready'] { background: var(--ui-221); backdrop-filter: none; }
.login-form[data-liquid-glass='ready'] input { background: color-mix(in srgb, var(--ui-180) 90.9804%, transparent); }
@media (max-width: 760px) {
  .liquid-glass { background: linear-gradient(135deg, var(--ui-271), var(--ui-221)); }
}
@media (prefers-reduced-transparency: reduce), (forced-colors: active) {
  .liquid-glass { background: var(--ui-221); }
  .liquid-glass::after { background: none; box-shadow: none; }
}
@media (forced-colors: active) {
  .liquid-glass { display: none; }
}