body,html{font-family:Swiss,sans-serif;font-size:22px;font-weight:400;margin:0;padding:0;scroll-snap-type:y mandatory;transition:background-color .3s ease,color .3s ease}:root,body,html{height:100%;width:100%}:root{--background-color:#fff;--text-color:#000;--logo-color:#000;--control-color:#000}.dark-theme{--background-color:#000;--text-color:#fff;--logo-color:#fff;--control-color:#fff}body{background-color:#fff;background-color:var(--background-color)}a,body{color:#000;color:var(--text-color)}a{font-family:Swiss,sans-serif;font-weight:400;text-decoration:none;transition:color .3s ease,background-color .3s ease}a:not(.logo-link):hover{background-color:#000;background-color:var(--text-color);color:#fff;color:var(--background-color)}a:not(.logo-link):hover,a:not(.logo-link):hover svg{fill:#fff;fill:var(--background-color)}a:hover .light{fill:#fff}@font-face{font-display:swap;font-family:Swiss;font-style:normal;font-weight:400;src:url(/static/media/SuisseIntl-SemiBold-WebM.edb256825e56eb850d79.woff2) format("woff2")}a:hover .dark,svg{fill:#000}.dark-theme svg{fill:#fff}.footer{border-top:1px solid var(--text-color);font-size:.65rem;letter-spacing:.06em;opacity:.6;width:100%}.footer-content{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:1rem;width:100%}.footer-bottom{padding:0 1rem 1rem}.stf__parent{display:block;touch-action:pan-y;-webkit-transform:translateZ(0);transform:translateZ(0)}.stf__parent,.stf__wrapper{box-sizing:border-box;position:relative}.stf__wrapper{width:100%}.stf__parent canvas{left:0;top:0}.stf__block,.stf__parent canvas{height:100%;position:absolute;width:100%}.stf__block{box-sizing:border-box;-webkit-perspective:2000px;perspective:2000px}.stf__item{display:none;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.stf__hardInnerShadow,.stf__hardShadow,.stf__innerShadow,.stf__outerShadow{left:0;position:absolute;top:0}.cat-read{grid-column-gap:clamp(14px,2.4vw,40px);grid-row-gap:14px;box-sizing:border-box;-webkit-column-gap:clamp(14px,2.4vw,40px);column-gap:clamp(14px,2.4vw,40px);display:grid;flex:1 1 auto;grid-template-areas:"prev stage next" ". meta .";grid-template-columns:auto minmax(0,1fr) auto;padding:0 clamp(12px,2vw,32px);row-gap:14px;width:100%}.cat-stage{align-items:center;display:flex;grid-area:stage;height:max(280px,calc(85vh - 220px));height:max(280px,calc(100dvh - 15vh - 220px));justify-content:center;min-width:0}.cat-btn{-webkit-tap-highlight-color:transparent;align-self:center;background:transparent;border:1px solid var(--text-color);border-radius:50%;color:var(--text-color);cursor:pointer;display:grid;height:54px;padding:0;place-items:center;transition:background-color .2s,color .2s,opacity .2s;width:54px}.cat-btn svg{height:20px;width:20px}.cat-btn--prev{grid-area:prev}.cat-btn--next{grid-area:next}.cat-btn:disabled{cursor:default;opacity:.18}.cat-btn:not(:disabled):hover{background:var(--text-color);color:var(--background-color)}.cat-btn:not(:disabled):active{-webkit-transform:scale(.96);transform:scale(.96)}.cat-meta{grid-gap:9px;align-self:center;display:grid;gap:9px;grid-area:meta;justify-items:center}.cat-count{font-size:.65rem;letter-spacing:.15em}.cat-progress{background:rgba(0,0,0,.1);display:block;height:2px;overflow:hidden;width:min(240px,50vw)}.cat-progress i{background:var(--text-color);display:block;height:100%;transition:width .5s ease;width:0}.cat-chapter{background:transparent;border:1px solid var(--text-color);border-radius:0;color:var(--text-color);cursor:pointer;display:block;font-family:inherit;font-size:.62rem;letter-spacing:.14em;margin:0 auto 1rem;max-width:90vw;padding:.45rem .9rem;text-transform:uppercase}.cat-hint{font-size:.55rem;letter-spacing:.14em;margin:1rem 0 0;opacity:.4;text-align:center}.cat-flip{-webkit-tap-highlight-color:transparent;cursor:grab;max-width:100%;position:relative;transition:-webkit-transform .7s cubic-bezier(.45,.05,.3,1);transition:transform .7s cubic-bezier(.45,.05,.3,1);transition:transform .7s cubic-bezier(.45,.05,.3,1),-webkit-transform .7s cubic-bezier(.45,.05,.3,1);-webkit-user-select:none;user-select:none}.cat-flip:active{cursor:grabbing}.cat-flip.is-closed-front{-webkit-transform:translateX(-25%);transform:translateX(-25%)}.cat-flip.is-closed-back{-webkit-transform:translateX(25%);transform:translateX(25%)}.cat-flip:before{background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.28),transparent);bottom:-12px;content:"";-webkit-filter:blur(6px);filter:blur(6px);height:26px;left:4%;pointer-events:none;position:absolute;right:4%;transition:left .7s,right .7s}.cat-flip.is-closed-front:before{left:52%}.cat-flip.is-closed-back:before{right:52%}.cat-pg{background:#f6f6f4;box-shadow:0 0 0 1px rgba(0,0,0,.06);overflow:hidden}.cat-pg img{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}.cat-pg:after{content:"";inset:0;pointer-events:none;position:absolute}.cat-pg--l:after{background:linear-gradient(90deg,rgba(0,0,0,.06),transparent 4%,transparent 82%,rgba(0,0,0,.08) 95%,rgba(0,0,0,.2))}.cat-pg--r:after{background:linear-gradient(270deg,rgba(0,0,0,.06),transparent 4%,transparent 82%,rgba(0,0,0,.08) 95%,rgba(0,0,0,.2))}.cat-pg--cover:after{background:linear-gradient(90deg,rgba(0,0,0,.18),hsla(0,0%,100%,.1) 2.5%,transparent 6%)}.cat-pg--cover.cat-pg--l:after{background:linear-gradient(270deg,rgba(0,0,0,.18),hsla(0,0%,100%,.1) 2.5%,transparent 6%)}.cat-flip.is-single .cat-pg--l:after,.cat-flip.is-single .cat-pg--r:after{background:linear-gradient(90deg,rgba(0,0,0,.14),transparent 7%)}.cat-hand{height:0;left:100%;opacity:0;pointer-events:none;position:absolute;top:100%;transition:opacity .3s ease;width:0;z-index:20}.cat-hand.is-on{opacity:1}.cat-hand svg{fill:#fff;stroke:#000;stroke-width:2.2;stroke-linejoin:round;-webkit-filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));height:46px;left:-21px;max-width:none;position:absolute;top:-5px;width:46px}.cat-hand__l{background:#000;bottom:34px;color:#fff;font-size:.55rem;letter-spacing:.14em;padding:6px 10px;position:absolute;right:30px;white-space:nowrap}@media (max-width:899px){.cat-read{-webkit-column-gap:12px;column-gap:12px;grid-template-areas:"stage stage stage" "prev meta next"}.cat-stage{height:max(280px,calc(100dvh - 15vh - 210px))}.cat-btn{height:46px;width:46px}}