.chapter-tabs{display:flex;gap:8px;padding:10px 12px;margin:8px 12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;background:var(--gc-card);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.chapter-tabs::-webkit-scrollbar{display:none}.chapter-tab{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:64px;height:68px;border-radius:12px;background:rgba(0,0,0,.03);color:var(--gc-foreground);border:2px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;scroll-snap-align:start;position:relative}.chapter-tab:first-child{margin-left:4px}.chapter-tab:last-child{margin-right:4px}.chapter-tab:hover{transform:translateY(-1px);border-color:rgba(255,140,66,.3);box-shadow:0 4px 12px rgba(255,140,66,.15)}.chapter-tab:active{transform:translateY(0) scale(.96)}.chapter-tab.active{background:linear-gradient(160deg,#ffb347,#ff8c42);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(255,140,66,.3)}.chapter-icon{font-size:22px;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.12))}.chapter-info{display:flex;flex-direction:column;align-items:center;line-height:1.1;gap:2px}.chapter-num{font-size:9px;font-weight:700;opacity:.6;letter-spacing:.3px}.chapter-name{font-size:11px;font-weight:800}.chapter-tab.active .chapter-num{opacity:.85}