.ga-lib{max-width:1100px;margin:20px auto;padding:12px}
.ga-lib__tabs{display:flex;gap:10px;justify-content:center;margin:10px 0 18px}
.ga-lib__tab{border:0;border-radius:14px;padding:12px 18px;font-weight:700;cursor:pointer}
.ga-lib__tab.is-active{background:#9c27b0;color:#fff}
.ga-lib__panel{display:none}
.ga-lib__panel.is-active{display:block}
.ga-lib__empty{background:#f2f2f2;border-radius:16px;padding:18px;text-align:center;color:#777}
.ga-lib__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(min-width:768px){.ga-lib__grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
.ga-lib__row--hscroll{display:flex;gap:12px;overflow:auto;padding:4px 2px;scroll-snap-type:x mandatory}
.ga-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.05)}
.ga-card__link{display:block;color:inherit;text-decoration:none}
.ga-card__media{aspect-ratio:2/3;background:#eee}
.ga-card--episode .ga-card__media{aspect-ratio:16/9}
.ga-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.ga-card__body{padding:10px 12px}
.ga-card__title{font-weight:800;font-size:14px;line-height:1.3;min-height:36px}
.ga-card__sub{font-size:12px;color:#666;margin-top:4px}
.ga-card__sub--ep{color:#444}
.ga-card__actions{display:flex;gap:8px;padding:10px 12px}
.ga-btn{border:0;border-radius:14px;padding:10px 12px;font-weight:800;cursor:pointer;flex:1}
.ga-btn--ghost{background:#eee}
.ga-card__progress{position:relative;margin-top:10px;background:#eee;border-radius:999px;height:10px;overflow:hidden}
.ga-card__progress span{display:block;font-size:12px;color:#555;margin-bottom:8px}
.ga-card__progress i{display:block;height:10px;background:#9c27b0}

/* GA Library: keep action buttons in one line */
.ga-card__actions{flex-wrap:nowrap}
.ga-btn{white-space:nowrap;min-width:0;line-height:1.2;font-size:13px;padding:9px 10px}
@media(max-width:420px){.ga-btn{font-size:12px;padding:8px 9px}}


/* Danger remove button */
.ga-btn--danger{background:#e53935;color:#fff}
.ga-btn--danger:hover{filter:brightness(.95)}

/* Mobile: stack history actions vertically for better readability */
@media(max-width:520px){
  .ga-lib__panel[data-panel="history"] .ga-card__actions{flex-direction:column;gap:10px}
  .ga-lib__panel[data-panel="history"] .ga-btn{width:100%}
}