/* YORU 7.8.8 — compact airing UI + player viewport polish */
.anihub-collection-actions{display:flex;align-items:center;gap:10px;margin-right:auto;min-width:0;flex-wrap:wrap}
.anihub-collection-btn{height:46px;display:inline-flex;align-items:center;gap:9px;padding:0 15px;border:1px solid rgba(147,163,196,.22);border-radius:14px;background:rgba(17,21,32,.76);color:#dfe8f6;text-decoration:none;font:700 12px/1 Inter,sans-serif;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:.18s ease}
.anihub-collection-btn:hover{transform:translateY(-1px);border-color:rgba(112,201,255,.48);background:rgba(28,38,55,.88);color:#fff}
.anihub-collection-btn.active{border-color:rgba(112,201,255,.58);background:rgba(23,35,54,.96);box-shadow:0 0 0 1px rgba(112,201,255,.16),0 10px 26px rgba(17,22,34,.34)}
.anihub-collection-icon{font-size:17px;color:#70c9ff;line-height:1}
.incomplete-season-btn .anihub-collection-icon{color:#7ee8b5}

/* Catalogue card: released value left-middle, next episode and time on the right. */
.airing-card-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:9px;border-top:1px solid rgba(133,151,184,.12);min-height:30px;white-space:nowrap}
.airing-card-row::before{content:"";flex:0 0 25%}
.airing-card-row .airing-last{display:inline-flex;align-items:baseline;color:#7ee8b5;white-space:nowrap;line-height:1}
.airing-card-row .airing-last b{font:900 20px/1 Manrope,Inter,sans-serif;color:#8df5c4;letter-spacing:-.02em}
.airing-card-row .airing-next{margin-left:auto;min-width:0;text-align:right;display:inline-flex;align-items:baseline;gap:4px;justify-content:flex-end;white-space:nowrap}
.airing-card-row .airing-next b{font:800 13px/1 Manrope,Inter,sans-serif;color:#ffd785}
/* Same size as the existing gray card date. */
.airing-card-row .airing-next i{font-style:normal;font:600 10px/1.2 Inter,sans-serif;color:#ffb06a;font-variant-numeric:tabular-nums}

/* Title page: countdown is geometrically centered, released/total stays on the right. */
.title-airing-strip{position:relative;display:flex;align-items:center;justify-content:center;min-height:74px;margin:18px 0 10px;padding:14px 18px;border:1px solid rgba(134,153,188,.18);border-radius:18px;background:linear-gradient(110deg,rgba(12,17,27,.82),rgba(19,24,38,.72));box-shadow:0 16px 40px rgba(0,0,0,.16)}
.title-airing-timer{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0}
.title-airing-timer strong{display:inline-flex;align-items:baseline;justify-content:center;line-height:1}
/* 7.8.7 used 18px; requested size is doubled. */
.title-airing-timer i{font-style:normal;font:900 36px/1 Manrope,Inter,sans-serif;color:#ffca84;font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap}
.title-airing-last{position:absolute;right:18px;top:50%;transform:translateY(-50%);margin:0}
.title-airing-last strong{display:inline-flex;align-items:baseline;color:#7ee8b5;line-height:1}
.title-airing-last b{font:900 22px/1 Manrope,Inter,sans-serif;color:#7ee8b5;letter-spacing:-.02em;white-space:nowrap}

/* DOM viewer crop should sit in the middle of the YORU player stage. */
.dom-player-viewport{margin-left:auto!important;margin-right:auto!important}

#catalog .anime-card.airing-progress-match{box-shadow:0 0 0 1px rgba(126,232,181,.24),0 0 36px rgba(126,232,181,.15),inset 0 0 0 1px rgba(126,232,181,.08);background-image:linear-gradient(180deg,rgba(30,74,58,.17),rgba(9,13,22,.96) 32%,rgba(9,13,22,.98))}
#catalog .anime-card.airing-progress-mismatch{box-shadow:0 0 0 1px rgba(255,116,116,.22),0 0 36px rgba(255,116,116,.13),inset 0 0 0 1px rgba(255,116,116,.07);background-image:linear-gradient(180deg,rgba(86,28,28,.18),rgba(9,13,22,.96) 32%,rgba(9,13,22,.98))}

@media (max-width:1100px){.anihub-collection-actions{margin-right:0}.airing-card-row::before{flex-basis:18%}.title-airing-timer i{font-size:32px}.title-airing-last b{font-size:20px}}
@media (max-width:900px){.anihub-collection-btn span:last-child{display:none}.anihub-collection-btn{width:46px;padding:0;justify-content:center}.airing-card-row::before{flex-basis:12%}.title-airing-strip{justify-content:flex-start;padding-right:110px}.title-airing-timer{width:100%;justify-content:center}.title-airing-timer i{font-size:28px}}
@media (max-width:640px){.anihub-collection-actions{gap:7px}.anihub-collection-btn{width:42px;height:42px}.airing-card-row{gap:6px}.airing-card-row::before{display:none}.airing-card-row .airing-last b{font-size:18px}.airing-card-row .airing-next b{font-size:12px}.title-airing-strip{min-height:62px;margin:12px 0 8px;padding:10px 86px 10px 12px}.title-airing-timer i{font-size:22px}.title-airing-last{right:12px}.title-airing-last b{font-size:18px}}