/* Melhor Hentai — indice (gerado a partir dos moldes HTML) */
nav.desktop-nav a.active{ background:var(--red); }
.mobile-nav a{ color:var(--paper); font-weight:600; font-size:14.5px; padding:14px 20px; border-bottom:1px solid var(--line); }
.wrap{ max-width:1200px; margin:0 auto; padding:26px 32px 60px; display:grid; grid-template-columns:230px 1fr; gap:32px; align-items:start; }
.idx-title{ font-family:'Baloo 2',sans-serif; font-weight:700; font-size:26px; margin-bottom:20px; grid-column:1/-1; }
.idx-nav{ display:flex; flex-direction:column; gap:4px; position:sticky; top:96px; }
.idx-nav .idx-tab{ display:flex; align-items:center; gap:12px; background:var(--ink-soft); box-shadow:0 0 0 1px var(--line); border:none; color:var(--paper); padding:13px 16px; border-radius:12px; font-weight:700; font-size:13.5px; cursor:pointer; text-align:left; }
.idx-nav .idx-tab svg{ width:18px; height:18px; flex-shrink:0; color:var(--text-dim); }
.idx-nav .idx-tab.active{ box-shadow:0 0 0 1.5px var(--red); color:var(--red); }
.idx-nav .idx-tab.active svg{ color:var(--red); }
.idx-main{ min-width:0; }
.idx-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; flex-wrap:wrap; }
.idx-head h2{ font-family:'Baloo 2',sans-serif; font-weight:700; font-size:20px; }
.idx-search{ background:var(--ink-soft); box-shadow:0 0 0 1px var(--line); border-radius:999px; padding:9px 16px; color:var(--paper); font-size:13.5px; width:240px; border:none; }
.idx-search:focus{ outline:none; box-shadow:0 0 0 1.5px var(--red); }
.az-row{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:24px; }
.az-btn{ width:32px; height:32px; border-radius:8px; background:var(--ink-soft); box-shadow:0 0 0 1px var(--line); color:var(--text-dim); border:none; font-weight:700; font-size:12.5px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.az-btn.active{ background:var(--red); color:var(--paper); box-shadow:none; }
.az-btn:disabled{ opacity:.3; cursor:default; }
.letter-block{ margin-bottom:26px; }
.letter-h{ font-family:'Baloo 2',sans-serif; font-weight:700; font-size:15px; color:var(--red); margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid var(--line); }
.letter-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:9px; }
.idx-item{ display:flex; align-items:center; justify-content:space-between; gap:10px; background:var(--ink-soft); box-shadow:0 0 0 1px var(--line); border-radius:10px; padding:11px 14px; font-size:13px; font-weight:600; cursor:pointer; }
.idx-item:hover{ box-shadow:0 0 0 1.5px var(--paper); }
.idx-item .cnt{ background:var(--paper-dim); color:var(--ink); font-size:11px; font-weight:800; padding:2px 9px; border-radius:999px; flex-shrink:0; }
.empty-msg{ color:var(--text-dim); font-size:13.5px; padding:30px 0; text-align:center; }
.pagination{ display:flex; align-items:center; justify-content:center; gap:8px; margin:30px 0 8px; flex-wrap:wrap; }
.pg-btn{ min-width:36px; height:36px; padding:0 12px; border-radius:10px; background:var(--ink-soft); box-shadow:0 0 0 1px var(--line); color:var(--paper); font-weight:700; font-size:12.5px; display:flex; align-items:center; justify-content:center; cursor:pointer; text-decoration:none; }
.pg-btn.disabled{ opacity:.35; pointer-events:none; }
@media (max-width:640px){
  .mobile-account-btn{ display:flex; }
}
@media (min-width:641px){
  .footer-brand{ text-align:left; margin-bottom:0; flex-shrink:0; }
  .footer-brand p{ margin:8px 0 0; max-width:320px; }
  .footer-cols{ justify-content:flex-end; }
}
@media (max-width:640px){
  .footer-cols{ gap:40px; }
}
@media (max-width:380px){
  .footer-cols{ gap:22px; }
  .footer-col{ min-width:auto; }
  .footer-col h4{ font-size:10px; }
  .footer-col a{ font-size:11.5px; margin-bottom:8px; }
}
@media (max-width:900px){
  .wrap{ grid-template-columns:1fr; }
  .idx-nav{ position:static; flex-direction:row; overflow-x:auto; overflow-y:visible; padding:6px 3px 10px; margin:-6px -3px 0; gap:8px; }
  .idx-nav .idx-tab{ white-space:nowrap; flex-shrink:0; }
  .letter-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:640px){
  nav.desktop-nav{ display:none; }
  .header-actions{ display:none; }
  .mobile-search-row{ display:block; }
  .wrap{ padding:18px 16px 50px; gap:20px; }
  .idx-title{ font-size:21px; margin-bottom:14px; }
  .idx-search{ width:100%; }
  .idx-head{ flex-direction:column; align-items:stretch; }
  .letter-grid{ grid-template-columns:1fr; }
  .idx-nav{ gap:7px; padding:5px 3px 10px; margin:-5px -3px 0; }
  .idx-nav .idx-tab{ padding:9px 13px; border-radius:999px; font-size:12.5px; gap:7px; }
  .idx-nav .idx-tab svg{ width:15px; height:15px; }
}
@media (prefers-reduced-motion:reduce){
  *{ scroll-behavior:auto !important; }
}
@media (max-width:360px){
  .notif-bell-btn-mobile, .mobile-avatar-btn, .mobile-account-btn{ width:34px !important; height:34px !important; }
}