/* Focused polish: alphabet cleanup, explicit admin-mode state, fast optical lens, and lightweight glass highlights. */
.alphabet-title-v5{display:flex!important;align-items:baseline;gap:7px;white-space:nowrap!important;min-width:0}
.alphabet-title-v5 .alphabet-count-v5{font-size:10px!important;line-height:1!important;font-weight:700!important;letter-spacing:.02em;color:var(--muted);white-space:nowrap;flex:0 0 auto}
.alphabet-title-v5 .alphabet-count-v5::before{content:"("}.alphabet-title-v5 .alphabet-count-v5::after{content:")"}

/* Active admin mode is intentionally unmistakable. */
header .lezgchal-admin-mode-active-v6,.header-actions .lezgchal-admin-mode-active-v6,
html[data-liquid-glass="on"] .header-actions .lezgchal-admin-mode-active-v6{
  color:#111!important;
  background:#ffd400!important;
  border-color:#ffe566!important;
  box-shadow:0 0 0 2px rgba(255,212,0,.92),0 0 24px rgba(255,212,0,.72),0 0 44px rgba(255,212,0,.38)!important
}
.header-actions .lezgchal-admin-mode-active-v6 svg{color:#111!important;filter:none!important}
.header-actions .lezgchal-admin-mode-active-v6 svg [stroke]:not([stroke="none"]){stroke:#111!important}
.header-actions .lezgchal-admin-mode-active-v6 svg [fill]:not([fill="none"]){fill:#111!important}

.glass-lens-bipolar-v5 input[type="range"]{accent-color:var(--accent)}
#glass-lens-bipolar-output{float:right;color:var(--text);font-weight:750}

/*
  Performance: nested WebKit backdrop filters are the main scrolling bottleneck on iPhone.
  Outer glass panels keep the real blur; nested controls keep the same translucent/glint paint
  but avoid creating another expensive live backdrop surface.
*/
html[data-liquid-glass="on"]:not([data-wallpaper="plain"])
:is(.card,.hero,.lesson,.settings-card,.course-cover,.feedback)
:is(.metric,.tile,.list-row,.option,.badge,.answer-reviewed,.secondary,input:not([type=checkbox]):not([type=range]),select,textarea,.primary){
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important
}

/* A lens already paints its own wallpaper projection, so a live backdrop blur is redundant and expensive. */
html[data-liquid-glass="on"][data-custom-wallpaper="on"] .lezgchal-optical-lens-v6{
  --lezg-lens-surface:var(--surface);
  --lezg-lens-fill:var(--lg-fill);
  position:relative;
  isolation:isolate;
  contain:paint;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background-image:
    radial-gradient(145% 52% at 50% -18%,rgba(255,255,255,.23) 0%,transparent 48%),
    linear-gradient(100deg,rgba(166,225,255,.11) 0%,transparent 12%,transparent 88%,rgba(255,226,182,.12) 100%),
    linear-gradient(var(--window-tone-overlay),var(--window-tone-overlay)),
    linear-gradient(color-mix(in srgb,var(--lezg-lens-surface) var(--lezg-lens-fill),transparent),color-mix(in srgb,var(--lezg-lens-surface) var(--lezg-lens-fill),transparent)),
    var(--lezg-lens-image)!important;
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,var(--lezg-lens-center-size)!important;
  background-position:0 0,0 0,0 0,0 0,var(--lezg-lens-center-pos)!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-attachment:scroll!important;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.52),
    inset 1.2px 0 0 rgba(184,229,255,.24),
    inset -1.2px 0 0 rgba(255,226,181,.22),
    inset 0 -1px 0 rgba(255,255,255,.17),
    0 10px 27px var(--lg-drop)!important
}
html[data-liquid-glass="on"][data-custom-wallpaper="on"] .hero.lezgchal-optical-lens-v6{--lezg-lens-surface:var(--hero);--lezg-lens-fill:var(--lg-hero-fill)}
html[data-liquid-glass="on"][data-custom-wallpaper="on"] #nav.lezgchal-optical-lens-v6{
  --lezg-lens-fill:var(--lg-nav-fill);
  box-shadow:
    inset 0 1.6px 0 rgba(255,255,255,.52),
    inset 1.2px 0 0 rgba(184,229,255,.22),
    inset -1.2px 0 0 rgba(255,226,181,.20),
    inset 0 -1px 0 rgba(255,255,255,.16),
    0 14px 32px var(--lg-drop)!important
}
html[data-liquid-glass="on"][data-custom-wallpaper="on"] .wallpaper-picker-trigger.lezgchal-optical-lens-v6{--lezg-lens-fill:var(--lg-control-fill)}

/* Strong edge refraction. The centre stays almost neutral; optical power rises toward the rim. */
html[data-liquid-glass="on"][data-custom-wallpaper="on"] .lezgchal-optical-lens-v6::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:-1;
  opacity:var(--lezg-lens-edge-opacity);
  background-image:
    radial-gradient(125% 46% at 50% -8%,rgba(255,255,255,.19),transparent 47%),
    linear-gradient(color-mix(in srgb,var(--lezg-lens-surface) var(--lezg-lens-fill),transparent),color-mix(in srgb,var(--lezg-lens-surface) var(--lezg-lens-fill),transparent)),
    var(--lezg-lens-image);
  background-size:100% 100%,100% 100%,var(--lezg-lens-edge-size);
  background-position:0 0,0 0,var(--lezg-lens-edge-pos);
  background-repeat:no-repeat,no-repeat,no-repeat;
  -webkit-mask-image:radial-gradient(ellipse at 50% 50%,transparent 0 38%,rgba(0,0,0,.04) 48%,rgba(0,0,0,.28) 60%,rgba(0,0,0,.68) 76%,#000 94%);
  mask-image:radial-gradient(ellipse at 50% 50%,transparent 0 38%,rgba(0,0,0,.04) 48%,rgba(0,0,0,.28) 60%,rgba(0,0,0,.68) 76%,#000 94%);
  filter:saturate(1.025) contrast(1.02)
}

@media(max-width:390px){.alphabet-title-v5{gap:5px}.alphabet-title-v5 .alphabet-count-v5{font-size:9px!important}}