:root{--page-max:1100px;--player-max:960px;--player-radius:12px;--btn-size:64px;--btn-offset:34px;--cbtn-size:54px;--cbtn-offset:24px;--thumb-width:160px;--theme-yellow:#fbd63b}.ibible-lib{box-sizing:border-box;max-width:var(--page-max);padding:0 16px}.ibible-lib,.player-wrap{margin:0 auto;position:relative}.player-wrap{width:min(100%,var(--player-max));z-index:2}.player-aspect{aspect-ratio:16/9;background:#000;border-radius:var(--player-radius);overflow:hidden;position:relative;width:100%}.ep-title{color:#e6e8eb;font-size:1.05rem;line-height:1.3;margin:.5rem 0 0}.nav-btn{align-items:center;appearance:none;-webkit-appearance:none;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;display:flex;font-size:0!important;height:var(--btn-size);justify-content:center;line-height:1;margin:0!important;min-height:0!important;min-width:0!important;padding:0!important;position:absolute;top:50%;transform:translateY(-50%);width:var(--btn-size);z-index:5}.nav-btn,.nav-btn:before{transition:transform .2s ease,opacity .2s ease}.nav-btn:before{border-right:6px solid var(--theme-yellow);border-top:6px solid var(--theme-yellow);content:"";display:block;filter:drop-shadow(0 0 4px rgba(0,0,0,.35));height:28px;width:28px}.nav-btn.prev{left:calc((var(--btn-size) + var(--btn-offset))*-1)}.nav-btn.prev:before{transform:rotate(-135deg)}.nav-btn.next{right:calc((var(--btn-size) + var(--btn-offset))*-1)}.nav-btn.next:before{transform:rotate(45deg)}.nav-btn:hover:not(:disabled){transform:translateY(-50%) scale(1.15)}.nav-btn:active:not(:disabled){transform:translateY(-50%) scale(.94)}.nav-btn:disabled{cursor:default;opacity:.28}@media (max-width:1100px){.nav-btn.prev{left:14px}.nav-btn.next{right:14px}}.carousel{margin:1rem auto 0;position:relative;width:min(100%,var(--player-max));z-index:1}.cbtn{align-items:center;appearance:none;-webkit-appearance:none;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;display:flex;font-size:0!important;height:var(--cbtn-size);justify-content:center;line-height:1;margin:0!important;min-height:0!important;min-width:0!important;padding:0!important;position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s ease,opacity .2s ease;width:var(--cbtn-size);z-index:4}.cbtn:before{border-right:5px solid var(--theme-yellow);border-top:5px solid var(--theme-yellow);content:"";display:block;filter:drop-shadow(0 0 3px rgba(0,0,0,.3));height:20px;transition:transform .2s ease;width:20px}.cbtn.left{left:calc((var(--cbtn-size) + var(--cbtn-offset))*-1)}.cbtn.left:before{transform:rotate(-135deg)}.cbtn.right{right:calc((var(--cbtn-size) + var(--cbtn-offset))*-1)}.cbtn.right:before{transform:rotate(45deg)}.cbtn:hover{transform:translateY(-50%) scale(1.16)}.cbtn:active{transform:translateY(-50%) scale(.94)}@media (max-width:1100px){.cbtn.left{left:8px}.cbtn.right{right:8px}}@media (max-width:640px){.cbtn{display:none}}.carousel:after,.carousel:before{background:linear-gradient(90deg,rgba(0,0,0,.35),transparent);bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:36px;z-index:2}.carousel:before{left:0}.carousel:after{right:0;transform:scaleX(-1)}.ctrack{display:flex;gap:.75rem;overflow-x:auto;overscroll-behavior-x:contain;padding:.25rem .5rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;background:transparent;scrollbar-width:none}.ctrack::-webkit-scrollbar{background:transparent;height:0}.ctrack.dragging{cursor:grabbing}.thumb{align-items:center;background:transparent!important;border:0!important;box-shadow:none!important;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;gap:.35rem;line-height:1;padding:0!important;scroll-snap-align:center}.thumb-aspect{aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:var(--thumb-width)}.thumb img{display:block;height:100%;object-fit:cover;width:100%}.thumb-label{color:#cbd5e1;font-size:.8rem;margin-top:.1rem}.thumb:hover .thumb-aspect{box-shadow:0 4px 12px rgba(0,0,0,.35);transform:translateY(-2px)}.thumb.active .thumb-aspect{box-shadow:0 0 0 1px rgba(251,214,59,.15),0 4px 14px rgba(0,0,0,.35);outline:3px solid var(--theme-yellow);outline-offset:2px}.thumb:focus-visible{outline:none}.thumb:focus-visible .thumb-aspect{outline:3px solid #fff;outline-offset:2px}@media (max-width:480px){:root{--thumb-width:128px}}