.discovery-layout{display:grid;grid-template-columns:minmax(330px,470px) minmax(0,1fr);gap:12px}
.hero-panel{padding:15px;background:linear-gradient(135deg,rgba(84,241,200,.08),rgba(199,255,91,.03));border-bottom:1px solid var(--line)}
.hero-panel h2{margin:5px 0 4px;font-size:clamp(1.15rem,2.3vw,1.7rem)}
.hero-panel p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}
.fetch-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:12px}.loop-btn{width:46px;padding:0;font-size:1.3rem}.loop-btn.running{background:linear-gradient(135deg,#ffd166,#e09a18);color:#161006}
.cache-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 15px;border-bottom:1px solid var(--line)}.metric{padding:10px 11px;border-radius:11px;background:#080e16;border:1px solid rgba(255,255,255,.06)}.metric .k{font-size:.65rem;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}.metric .v{margin-top:3px;font-size:1rem;font-weight:1000}
.search-bar{padding:12px 15px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:8px;padding:12px 15px;border-bottom:1px solid var(--line)}.filter-grid label{font-size:.7rem}.filter-grid input{padding:9px 10px}
.results-head{padding:11px 15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}
.results-grid{display:grid;grid-template-columns:repeat(var(--manga-columns-desktop,3),minmax(0,1fr));gap:12px;padding:12px;align-items:start}
.manga-card{background:#090f17;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;min-width:0;align-self:start}
.manga-card:hover{transform:translateY(-2px);border-color:rgba(84,241,200,.32);box-shadow:0 16px 44px rgba(0,0,0,.34)}
.manga-cover{position:relative;width:100%;aspect-ratio:5/7;background:#070b12;overflow:hidden}.manga-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.manga-cover .shade{position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));pointer-events:none}
.badge-container{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px;z-index:3}.badge{font-size:.62rem;font-weight:1000;padding:4px 6px;border-radius:5px;color:#fff;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 2px 8px rgba(0,0,0,.48)}.badge-official{background:#e17055}.badge-anime{background:#0984e3}.type-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.82);border:1px solid #444;color:#fff;font-size:.68rem;padding:3px 8px;border-radius:999px;z-index:3}
.manga-card-body{padding:11px 11px 9px;display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.manga-card-title{margin:0;font-size:.9rem;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.35em}.card-meta-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 7px;font-size:.7rem;color:var(--muted);background:#0b1017;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.06);min-width:0}.card-meta-grid strong{color:#cbd4de}.card-meta-grid span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tags-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;max-height:46px;overflow:hidden}.tag-badge{background:#171e28;padding:3px 6px;border-radius:5px;font-size:.62rem;color:#d9e1e9;border:1px solid #27303a;white-space:nowrap}.manga-card-actions{display:flex;border-top:1px solid rgba(255,255,255,.06)}.manga-card-actions button{flex:1;background:transparent;color:var(--muted);border:0;border-radius:0;padding:9px 8px;font-size:.67rem;font-weight:900}.manga-card-actions button:hover{background:#151c26;color:#fff}.manga-card-actions .open-btn{color:var(--accent)}
.fetch-progress{display:grid;gap:6px;margin-top:10px}.progress-track{height:7px;border-radius:99px;background:#05080d;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s ease}.discovery-list{max-height:calc(100vh - 220px);overflow:auto}.auto-note{padding:10px 12px;background:#080d14;border:1px solid rgba(255,209,102,.1);border-radius:10px;color:#c9d2df;font-size:.72rem;line-height:1.45}
@media(max-width:1180px){.discovery-layout{grid-template-columns:1fr}.discovery-list{max-height:none;overflow:visible}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .fetch-row{grid-template-columns:minmax(0,1fr) auto auto}
  .cache-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .results-grid{grid-template-columns:repeat(var(--manga-columns-mobile,2),minmax(0,1fr));gap:9px;padding:9px}
  .manga-card{border-radius:10px}
  .manga-card-body{padding:9px 8px 8px;gap:7px}
  .manga-card-title{font-size:.77rem;line-height:1.25;min-height:2.5em}
  .card-meta-grid{font-size:.61rem;gap:4px 5px;padding:7px}
  .tags-container{gap:3px;max-height:40px}
  .tag-badge{font-size:.54rem;padding:3px 5px}
  .badge-container{top:6px;left:6px;gap:4px}
  .badge{font-size:.49rem;padding:4px 5px}
  .type-badge{bottom:6px;right:6px;font-size:.53rem;padding:3px 6px}
  .manga-card-actions button{font-size:.61rem;padding:10px 6px;min-height:42px}
}
@media(max-width:420px){
  .fetch-row{grid-template-columns:1fr auto}
  .fetch-row #manualFetch{grid-column:1/-1;grid-row:2}
  .loop-btn{width:52px;height:52px}
  .cache-strip{gap:6px;padding:10px}
  .results-grid{grid-template-columns:repeat(var(--manga-columns-mobile,2),minmax(0,1fr));gap:9px}
  .filter-grid{grid-template-columns:1fr}
}