.kpc{--kpc-desk-1:#2c313b;--kpc-desk-2:#191d24;--kpc-ink:#14181f;--kpc-ink-2:#3d4451;--kpc-muted:#767e8b;--kpc-line:#dcdfe5;--kpc-soft:#f5f5f6;--kpc-accent:#c2410c;margin:0 0 30px}.kpc__stage{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(125% 95% at 50% 0%,var(--kpc-desk-1),var(--kpc-desk-2));border-radius:12px;padding:26px 26px 10px;height:clamp(360px,66vh,720px);overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.kpc__stage.is-zoomed{cursor:grab}.kpc__stage.is-zoomed.is-dragging{cursor:grabbing}.kpc__stage:focus-visible{outline:3px solid var(--kpc-accent);outline-offset:3px}.kpc__book{position:relative;margin:0 auto;perspective:2600px;perspective-origin:50% 40%;will-change:transform}.kpc__half{position:absolute;top:0;width:50%;height:100%;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.28),0 12px 30px rgba(0,0,0,.32)}.kpc__half>img{display:block;width:200%;height:100%;max-width:none;border:0;color:transparent}.kpc__half--l>img{margin-left:0}.kpc__half--r>img{margin-left:-100%}.kpc__half--under{left:50%;z-index:1}.kpc__half--keep{left:0;z-index:2}.kpc__turner{position:absolute;inset:0;z-index:3;transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform;--turn-ms:620ms}.kpc__half--front{left:50%;z-index:2;backface-visibility:hidden;-webkit-backface-visibility:hidden}.kpc__half--back{left:0;z-index:1;transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.kpc__shade{position:absolute;left:50%;top:0;width:50%;height:100%;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(90deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.14) 38%,transparent 85%)}.kpc__turner.is-turning .kpc__shade{animation:kpcShade var(--turn-ms)cubic-bezier(.42,.03,.3,1)forwards}@keyframes kpcShade{0%{opacity:0}48%{opacity:1}100%{opacity:0}}.kpc__spine{position:absolute;top:0;bottom:0;left:50%;width:24px;margin-left:-12px;z-index:6;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,9%) 36%,rgba(0,0,0,.19) 50%,rgba(0,0,0,9%) 64%,transparent 100%)}.kpc__edge{position:absolute;top:0;bottom:0;width:8px;z-index:5;pointer-events:none}.kpc__edge--l{left:0;background:linear-gradient(270deg,rgba(0,0,0,.22),transparent)}.kpc__edge--r{right:0;background:linear-gradient(90deg,rgba(0,0,0,.22),transparent)}.kpc__placeholder{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;color:var(--kpc-muted);background:#fff;font-size:14px}.kpc__placeholder[hidden]{display:none}.kpc__placeholder b{display:block;color:var(--kpc-ink);font-size:17px}.kpc__overlay{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;color:#e9ebef;background:rgba(15,18,23,.93);font-size:14px}.kpc__overlay[hidden]{display:none}.kpc__overlay a{color:#ffb27a}.kpc__bar{width:min(340px,72vw);height:4px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}.kpc__bar>i{display:block;width:0;height:100%;border-radius:999px;background:var(--kpc-accent);transition:width .2s ease-out}.kpc__msg{margin:0;color:#ccd1da;line-height:1.7}.kpc__msg b{color:#fff}.kpc__hot{position:absolute;top:0;bottom:0;width:24%;z-index:8;border:0;padding:0;background:0 0;cursor:pointer}.kpc__hot--prev{left:0}.kpc__hot--next{right:0;width:30%}.kpc__hot[disabled]{cursor:default}.kpc__hot:focus-visible{outline:3px solid var(--kpc-accent);outline-offset:-8px}.kpc__tools{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding:8px 10px;background:var(--kpc-soft);border:1px solid var(--kpc-line);border-radius:10px}.kpc__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;padding:0 10px;font:inherit;font-size:14px;color:var(--kpc-ink);background:#fff;border:1px solid var(--kpc-line);border-radius:8px;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.kpc__btn:hover:not([disabled]){border-color:var(--kpc-accent);color:var(--kpc-accent)}.kpc__btn[disabled]{opacity:.38;cursor:not-allowed}.kpc__btn:focus-visible{outline:2px solid var(--kpc-accent);outline-offset:2px}.kpc__btn svg{width:18px;height:18px;flex:none}.kpc__btn--wide{padding:0 14px}.kpc__spacer{flex:auto;min-width:4px}.kpc__cta{height:40px;padding:0 16px;font-size:14px;border-radius:8px}.kpc__cta:focus-visible{outline:2px solid var(--kpc-accent);outline-offset:2px}.kpc__pos{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--kpc-ink-2);white-space:nowrap}.kpc__pos input{width:64px;height:40px;padding:0 8px;font:inherit;font-size:14px;text-align:center;color:var(--kpc-ink);border:1px solid var(--kpc-line);border-radius:8px;background:#fff;font-variant-numeric:tabular-nums}.kpc__pos input:focus-visible{outline:2px solid var(--kpc-accent);outline-offset:1px}.kpc__pos small{color:var(--kpc-muted);font-size:13px}.kpc__zoom{min-width:56px;font-variant-numeric:tabular-nums;pointer-events:none}.kpc__menu{position:absolute;right:8px;bottom:calc(100% + 8px);z-index:40;width:min(340px,calc(100vw - 36px));max-height:62vh;overflow-y:auto;padding:6px;background:#fff;border:1px solid var(--kpc-line);border-radius:10px;box-shadow:0 18px 48px rgba(0,0,0,.18)}.kpc__menu[hidden]{display:none}.kpc__menu.is-below{bottom:auto;top:calc(100% + 8px)}.kpc__menu a{display:flex;align-items:baseline;gap:10px;padding:8px 10px;border-radius:7px;font-size:14px;color:var(--kpc-ink);text-decoration:none}.kpc__menu a:hover{background:var(--kpc-soft);color:var(--kpc-accent)}.kpc__menu a.is-current{background:#fdf2ec;color:var(--kpc-accent);font-weight:600}.kpc__menu a span{margin-left:auto;color:var(--kpc-muted);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:900px){.kpc__stage{padding:12px 12px 8px;height:clamp(240px,46vh,520px);border-radius:10px}.kpc__spine,.kpc__edge{display:none}.kpc__tools{gap:5px;padding:8px}.kpc__btn{min-width:44px;height:44px}.kpc__btn .kpc__lbl{display:none}.kpc__btn--wide{padding:0 10px}.kpc__pos input{width:54px;height:44px}.kpc__cta{height:44px;flex:auto;padding:0 12px}}@media(prefers-reduced-motion:reduce){.kpc__turner{transition-duration:.01ms!important}.kpc__shade,.kpc__bar>i{transition:none;animation:none}}@media print{.kpc__stage,.kpc__tools{display:none!important}.kpc__print-note{display:block!important}}.kpc__print-note{display:none;padding:14px 0;font-size:14px}