.cat-intro{color:#555;max-width:760px;margin:14px 0 30px;font-size:16px;line-height:1.7}.cat-stage{background:#ececec;border-radius:16px;padding:30px 20px 24px;position:relative}#flipbook{touch-action:pan-y;width:100%;max-width:1040px;margin:0 auto}#flipbook .stf__item{box-shadow:0 0 18px #00000026}.cat-controls{justify-content:center;align-items:center;gap:14px;margin-top:24px;display:flex}.cat-btn{background:var(--color-primary);color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:46px;height:46px;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.cat-btn:hover{background:#b71d1e;transform:translateY(-2px);box-shadow:0 8px 18px #cd21224d}.cat-btn:active{transform:translateY(0)}.cat-counter{text-align:center;min-width:70px;color:var(--color-secondary);font-weight:700}.cat-fs{background:var(--color-secondary)}.cat-fs:hover{background:#333}.cat-stage:fullscreen{background:#111;border-radius:0;justify-content:center;align-items:center;padding:24px;display:flex}.cat-stage:fullscreen #flipbook{max-width:min(1100px,92vw)}.cat-stage:fullscreen .cat-controls{z-index:2147483647;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:9999px;margin:0;padding:10px 16px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.cat-stage:fullscreen .cat-counter{color:#fff}@media (width<=600px){.cat-stage{padding:16px 10px 18px}.cat-btn{width:42px;height:42px}.cat-controls{gap:10px}}