:root{ --fg:#111827; --muted:#6b7280; --line:rgba(15,23,42,.12); --pill:transparent; --accent:#334155; --bg:transparent; }
@media (prefers-color-scheme: dark){ :root{ --fg:#111827; --muted:#6b7280; --line:rgba(15,23,42,.12); --pill:transparent; --accent:#334155; --bg:transparent; } }
.cohentai-alpha-index{color:var(--fg);background:var(--bg)}
.alpha-search{display:flex;gap:.5rem;align-items:center;padding:.6rem .75rem;border-bottom:1px solid var(--line);background:transparent}
.alpha-input{flex:1;padding:.7rem .9rem;border:1px solid var(--line);border-radius:.8rem;font-size:1rem;background:transparent;color:var(--fg);outline:none}
.alpha-input:focus{box-shadow:0 0 0 3px rgba(59,130,246,.18);border-color:#93c5fd}
.clear-btn{border:1px solid var(--line);background:transparent;border-radius:.8rem;padding:.7rem .9rem;font-weight:700;line-height:1;cursor:pointer}
.no-results{margin:.75rem 1rem;color:var(--muted);font-style:italic}
.alpha-bar{position:sticky;top:0;z-index:50;display:grid;grid-auto-flow:column;gap:.5rem;overflow-x:auto;padding:.6rem .75rem;border-bottom:1px solid var(--line);backdrop-filter:none;background:transparent;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.alpha-bar.scrolled{background:#fff}
.alpha-bar::-webkit-scrollbar{height:6px}
.alpha-bar::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}
.alpha-btn{scroll-snap-align:start;display:inline-block;min-width:2.25rem;text-align:center;padding:.5rem .65rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--fg);background:transparent;font-weight:600;line-height:1}
.alpha-btn:active{transform:scale(.98)}
.alpha-btn.disabled{opacity:.35;pointer-events:none;border-style:dashed}
.alpha-btn.active{background:transparent;color:var(--fg);border-color:#93c5fd;box-shadow:0 0 0 2px rgba(147,197,253,.35)}
section[id^="letter-"]{scroll-margin-top:4.25rem}
.alpha-letter{position:sticky;top:2.9rem;z-index:10;margin:1rem 0 .35rem;padding:.35rem 1rem;background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:1rem}
.alpha-list{list-style:none;margin:.35rem 0 1rem;padding:0 1rem;display:grid;grid-template-columns:1fr;gap:.4rem}
@media (min-width:480px){ .alpha-list{grid-template-columns:1fr 1fr} }
@media (min-width:900px){ .alpha-list{grid-template-columns:1fr 1fr 1fr} }
.alpha-item{list-style:none;padding:0;border:0;background:transparent}
.alpha-card{display:flex;align-items:center;gap:.65rem;border:1px solid var(--line);border-radius:.8rem;background:transparent;padding:.55rem .7rem;width:100%;text-decoration:none;color:var(--fg)}
.alpha-card:hover{text-decoration:underline}
.alpha-title{flex:1 1 auto;font-weight:600}
.alpha-thumb{width:44px;height:44px;border-radius:.55rem;object-fit:cover;flex:0 0 auto}
.alpha-avatar{width:44px;height:44px;border-radius:.55rem;display:inline-grid;place-items:center;background:rgba(255,255,255,.6);color:#111;font-weight:800;flex:0 0 auto;border:1px solid var(--line)}
.alpha-count{color:var(--muted);font-size:.9em}
/* Ocultar SOLO el encabezado de cada letra cuando hay texto en el filtro */
.cohentai-alpha-index.filter-active .alpha-letter {
  display: none !important;
}

/* Colapsar huecos de secciones sin resultados (sin ocultar la sección) */
.cohentai-alpha-index section.az-empty{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.cohentai-alpha-index section.az-empty .alpha-list{
  display: none !important; /* evita márgenes propios de la lista */
}