:root{--chx-catalog-panel-width:370px;--chx-catalog-cyan:#59def7;--chx-catalog-orange:#efad55}
.chxStoriesScreen,.chxCardsScreen{position:relative;box-sizing:border-box;padding-right:calc(var(--chx-catalog-panel-width) + 28px)!important;transition:padding-right .28s cubic-bezier(.2,.78,.2,1)}
.chxStoriesScreen.filtersCollapsed,.chxCardsScreen.filtersCollapsed{padding-right:52px!important}
.chxCatalogFilterPanel{position:fixed;z-index:720;right:0;top:0;bottom:0;width:var(--chx-catalog-panel-width);display:flex;flex-direction:column;padding:18px 14px 16px;border-left:1px solid rgba(85,222,248,.3);color:#eafdff;background:linear-gradient(105deg,rgba(3,15,24,.965),rgba(2,8,15,.995));box-shadow:-20px 0 58px rgba(0,0,0,.44);box-sizing:border-box;transition:transform .28s cubic-bezier(.2,.78,.2,1)}
.filtersCollapsed .chxCatalogFilterPanel{transform:translateX(calc(100% - 36px))}.filtersCollapsed .chxCatalogFilterPanel>:not(.chxCatalogFilterToggle){visibility:hidden;opacity:0;pointer-events:none}
.chxCatalogFilterToggle{position:absolute;z-index:4;left:-23px;top:50%;width:46px;height:60px;display:grid;place-items:center;padding:0;border:1px solid rgba(85,222,248,.5);color:var(--chx-catalog-cyan);background:#061925;font:300 27px/1 Arial,sans-serif;cursor:pointer;transform:translateY(-50%)!important;clip-path:polygon(0 7px,7px 0,100% 0,100% 100%,7px 100%,0 calc(100% - 7px))}.chxCatalogFilterToggle:hover,.chxCatalogFilterToggle:active{color:#fff;background:#0b2b3b;transform:translateY(-50%)!important}
.chxCatalogFilterBody{min-height:0;display:flex;flex:1;flex-direction:column;gap:11px;overflow-y:auto;padding-right:4px;scrollbar-color:rgba(85,222,248,.34) transparent;scrollbar-width:thin;transition:opacity .15s}
.chxCatalogFilterBody>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 1px 13px;border-bottom:1px solid rgba(85,222,248,.22)}.chxCatalogFilterBody>header>div{display:grid;gap:6px}.chxCatalogFilterBody>header small{color:#668f9f;font:900 7px/1 Inter,sans-serif;letter-spacing:.13em}.chxCatalogFilterBody>header strong{font:1000 19px/1 Inter,sans-serif;letter-spacing:.08em}.chxCatalogFilterBody>header button{height:30px;padding:0 9px;border:1px solid rgba(239,173,85,.35);color:#c9934c;background:rgba(53,33,9,.42);font:900 6px/1 Inter,sans-serif;letter-spacing:.08em;cursor:pointer}
.chxCatalogFilterBody>section{padding:12px;border:1px solid rgba(85,222,248,.18);background:linear-gradient(125deg,rgba(7,31,43,.78),rgba(3,15,24,.72));box-shadow:inset 3px 0 rgba(85,222,248,.13)}.chxCatalogFilterBody h3{margin:0 0 10px;color:#dff9ff;font:1000 8px/1 Inter,sans-serif;letter-spacing:.16em}
.chxCatalogSeriesBanners{display:grid;gap:7px}.chxCatalogSeriesBanners button{position:relative;height:65px;padding:0;overflow:hidden;border:1px solid rgba(85,222,248,.2);color:#fff;background:#061722;text-align:left;cursor:pointer}.chxCatalogSeriesBanners button img,.chxCatalogSeriesBanners button>span{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.65) brightness(.55);transition:filter .18s,transform .22s}.chxCatalogSeriesBanners button>span{background:radial-gradient(circle at 75% 35%,rgba(85,222,248,.3),transparent 34%),linear-gradient(125deg,#0a3445,#06151f)}.chxCatalogSeriesBanners button:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,13,.88),rgba(1,8,13,.12))}.chxCatalogSeriesBanners strong{position:absolute;z-index:2;left:11px;right:8px;bottom:9px;font:1000 9px/1 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;text-shadow:0 2px 5px #000}.chxCatalogSeriesBanners button:hover img,.chxCatalogSeriesBanners button:hover>span{filter:saturate(.9) brightness(.76);transform:scale(1.025)}.chxCatalogSeriesBanners button.active{border-color:#60e5fb;box-shadow:inset 4px 0 #60e5fb,0 0 16px rgba(85,222,248,.12)}.chxCatalogSeriesBanners button.active img{filter:saturate(1) brightness(.82)}
.chxCatalogCharacterThumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.chxCatalogCharacterThumbs button{min-width:0;padding:4px 4px 7px;border:1px solid rgba(85,222,248,.17);color:#8facb8;background:#051722;cursor:pointer}.chxCatalogCharacterThumbs button>span{height:70px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#0b2b39,#041018)}.chxCatalogCharacterThumbs button>span img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--thumb-x,50%) var(--thumb-y,14%);transform:scale(var(--thumb-zoom,1.05));transform-origin:var(--thumb-x,50%) var(--thumb-y,14%);transition:transform .2s,filter .2s}.chxCatalogCharacterThumbs button strong{display:block;margin-top:6px;overflow:hidden;font:900 6px/1.2 Inter,sans-serif;letter-spacing:.04em;text-align:center;text-overflow:ellipsis;white-space:nowrap}.chxCatalogCharacterThumbs button:hover{color:#eafcff;border-color:rgba(85,222,248,.54)}.chxCatalogCharacterThumbs button:hover img{transform:scale(calc(var(--thumb-zoom,1.05) * 1.05))}.chxCatalogCharacterThumbs button.active{color:#03131b;border-color:#65e4fa;background:#65e4fa;box-shadow:0 0 15px rgba(85,222,248,.14)}.chxCatalogCharacterThumbs button.all>span{color:#72dff3;font:1000 17px/1 Inter,sans-serif;letter-spacing:.1em;background:radial-gradient(circle,rgba(85,222,248,.13),transparent 68%),#061923}.chxCatalogCharacterThumbs button.all.active>span{color:#06202a;background:rgba(255,255,255,.2)}
.chxCatalogModeButtons,.chxCatalogCollectionButtons{display:flex;flex-wrap:wrap;gap:6px}.chxCatalogModeButtons button,.chxCatalogCollectionButtons button{min-height:32px;padding:0 10px;border:1px solid rgba(85,222,248,.2);color:#829faa;background:#061722;font:900 7px/1 Inter,sans-serif;letter-spacing:.07em;cursor:pointer}.chxCatalogModeButtons button:hover,.chxCatalogCollectionButtons button:hover{color:#eafdff;border-color:rgba(85,222,248,.55)}.chxCatalogModeButtons button.active,.chxCatalogCollectionButtons button.active{color:#03131b;border-color:#62e4fb;background:#62e4fb}
.chxCatalogFilterBody .chxCardsVariantTabs{width:100%;min-width:0}.chxCatalogFilterBody .chxCardsVariantTabs button{min-height:36px}

.chxHubStoriesActive #content{display:block!important;width:100%;min-height:100vh;padding:12px 14px 34px!important;background:radial-gradient(circle at 25% 0,rgba(16,67,84,.16),transparent 34%),linear-gradient(145deg,rgba(1,13,21,.98),rgba(2,8,15,.98))!important}
.chxStoriesScreen{width:100%;min-height:100vh;margin:0;color:#eefdff;font-family:Inter,"Segoe UI",Arial,sans-serif}
.chxStoriesHeader{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4px 11px;border-bottom:1px solid rgba(75,220,250,.23)}.chxStoriesHeader h2{margin:0;font:1000 clamp(21px,1.8vw,30px)/1 Inter,sans-serif;letter-spacing:.1em}.chxStoriesHeaderTools{display:flex;align-items:center;justify-content:flex-end;gap:9px}.chxStoriesUnlockProgress{height:42px;display:flex;align-items:baseline;gap:6px;padding:0 12px;border:1px solid rgba(85,222,248,.25);background:rgba(4,21,31,.76)}.chxStoriesUnlockProgress small{margin-right:4px;color:#779aa8;font:900 7px/1 Inter,sans-serif;letter-spacing:.1em}.chxStoriesUnlockProgress strong{color:#66e4fa;font:1000 21px/1 Inter,sans-serif}.chxStoriesUnlockProgress i{color:#536e7a;font-style:normal}.chxStoriesUnlockProgress span{font:900 11px/1 Inter,sans-serif}.chxStoriesSearch{width:min(330px,30vw);height:42px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid rgba(85,222,248,.27);background:#04131d}.chxStoriesSearch span{color:#61e2f9;font-size:19px}.chxStoriesSearch input{min-width:0;flex:1;border:0;outline:0;color:#fff;background:transparent;font:800 9px/1 Inter,sans-serif}.chxStoriesFilterShortcut,.chxCardsFilterShortcut{height:42px;padding:0 13px;border:1px solid rgba(85,222,248,.34);color:#bfeef7;background:rgba(4,25,36,.8);font:1000 7px/1 Inter,sans-serif;letter-spacing:.1em;cursor:pointer}.chxStoriesFilterShortcut:hover,.chxCardsFilterShortcut:hover{color:#03131b;background:#62e4fb}
.chxStoriesResultLine{display:flex;align-items:center;gap:14px;padding:10px 2px}.chxStoriesResultLine strong{color:#62e4fb;font:1000 7px/1 Inter,sans-serif;letter-spacing:.12em}.chxStoriesResultLine span{color:#526f7c;font:750 8px/1 Inter,sans-serif}
.chxStoriesGrid{display:grid;grid-template-columns:repeat(2,minmax(420px,1fr));gap:clamp(14px,1.2vw,22px);align-items:start}.chxStoryTile{position:relative;min-width:0;min-height:250px;padding:0;display:grid;grid-template-columns:minmax(210px,42%) minmax(0,58%);overflow:hidden;border:1px solid rgba(79,215,240,.24);border-radius:0!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important;color:#effcff;background:linear-gradient(135deg,rgba(8,34,46,.98),rgba(2,11,18,.99));text-align:left;cursor:pointer;transition:transform .28s cubic-bezier(.18,.72,.2,1),border-color .2s,box-shadow .25s;transform-origin:center}.chxStoryTile:hover,.chxStoryTile:focus-visible{z-index:5;transform:translateY(-4px) scale(1.018);border-color:rgba(91,226,249,.78);box-shadow:0 20px 44px rgba(0,0,0,.42),0 0 30px rgba(59,206,233,.12);outline:0}.chxStoryTile.isOpening{pointer-events:none;transform:scale(.96);opacity:.4}
.chxStoryTileVisual{position:relative;min-height:250px;display:block;overflow:hidden;background:#06131c}.chxStoryTileVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(1,9,14,.78)),linear-gradient(180deg,transparent 58%,rgba(1,8,13,.55))}.chxStoryTileVisual:before{content:"";position:absolute;z-index:3;right:-1px;top:0;bottom:0;width:9px;border-left:1px solid rgba(233,185,106,.35);border-right:1px solid rgba(85,222,248,.18);background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(236,180,87,.12),rgba(0,0,0,.48));box-shadow:-8px 0 18px rgba(0,0,0,.38)}.chxStoryTileVisual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.18,.72,.2,1),filter .3s}.chxStoryTile:hover .chxStoryTileVisual img{transform:scale(1.065);filter:saturate(1.08) brightness(1.06)}
.chxStoryInteractiveTag,.chxStoryPageTag,.chxStoryLockedTag{position:absolute;z-index:5;padding:7px 9px;font:1000 6px/1 Inter,sans-serif;letter-spacing:.11em}.chxStoryInteractiveTag{top:10px;left:10px;border:1px solid rgba(107,238,255,.78);color:#03131b;background:#66e3f8}.chxStoryPageTag{right:12px;bottom:10px;border:1px solid rgba(238,188,100,.55);color:#f1c77f;background:rgba(34,22,8,.86)}.chxStoryLockedTag{left:10px;bottom:10px;border:1px solid rgba(255,103,139,.48);color:#ff9ab1;background:rgba(57,7,22,.86)}
.chxStoryTileCopy{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:22px 22px 18px}.chxStoryTileCopy:before,.chxStoryTileCopy:after{content:"";position:absolute;width:38px;height:2px;background:#59def7;box-shadow:0 0 11px rgba(85,222,248,.34)}.chxStoryTileCopy:before{top:11px;left:0}.chxStoryTileCopy:after{right:0;bottom:10px;background:#d89b4c}.chxStoryTileCopy>small{color:#5ecce1;font:1000 7px/1 Inter,sans-serif;letter-spacing:.17em;text-transform:uppercase}.chxStoryTileCopy>strong{width:100%;margin-top:13px;color:#fff;font:1000 clamp(18px,1.55vw,27px)/1.08 Inter,sans-serif;letter-spacing:.015em;white-space:normal}.chxStoryTileCopy>em{margin-top:10px;color:#e9b86c;font:1000 12px/1 Inter,sans-serif;font-style:normal;letter-spacing:.035em}.chxStoryHoverHint{margin-top:auto;padding-top:18px;color:#587886;font:900 6px/1 Inter,sans-serif;letter-spacing:.1em;transition:opacity .2s,max-height .25s}.chxStoryTileCopy p{width:100%;max-height:0;margin:0;overflow:hidden;color:#a7c0ca;font:750 10px/1.55 Inter,sans-serif;opacity:0;transform:translateY(8px);transition:max-height .4s cubic-bezier(.2,.75,.2,1),opacity .25s,transform .35s}.chxStoryTile:hover .chxStoryTileCopy p,.chxStoryTile:focus-visible .chxStoryTileCopy p{max-height:105px;margin-top:11px;opacity:1;transform:translateY(0)}.chxStoryTile:hover .chxStoryHoverHint,.chxStoryTile:focus-visible .chxStoryHoverHint{max-height:0;padding:0;opacity:0}.chxStoryTileCopy>b{display:flex;align-items:center;gap:8px;margin-top:13px;color:#61e0f7;font:1000 7px/1 Inter,sans-serif;letter-spacing:.11em}.chxStoryTileCopy>b i{color:#e8b563;font:1000 17px/1 Inter,sans-serif;font-style:normal;transition:transform .2s}.chxStoryTile:hover .chxStoryTileCopy>b i{transform:translateX(5px)}.chxStoryTile.isLocked .chxStoryTileVisual img{filter:saturate(.35) brightness(.55)}
.chxStoriesEmpty{grid-column:1/-1;min-height:260px;display:grid;place-content:center;gap:8px;border:1px dashed rgba(81,217,243,.3);color:#effcff;text-align:center}.chxStoriesEmpty span{color:#7fa2af;font-size:10px}

#viewerFrame{transition:opacity .34s ease}#viewer.storyCatalogLaunch #viewerFrame{opacity:0!important}body.chxStoryDirectOpening #viewer{background:#02070c!important}
.chxStoryPortal{position:fixed;z-index:20000;inset:0;overflow:hidden;background:rgba(0,5,11,0);pointer-events:none;perspective:1800px;transition:background .5s,opacity .62s}.chxStoryPortalBook{position:fixed;left:var(--story-source-x);top:var(--story-source-y);width:var(--story-source-w);height:var(--story-source-h);overflow:hidden;border:1px solid rgba(85,222,248,.42);background:#03111a;box-shadow:0 20px 60px rgba(0,0,0,.52);transform-style:preserve-3d;transition:left .78s cubic-bezier(.18,.78,.2,1),top .78s cubic-bezier(.18,.78,.2,1),width .78s cubic-bezier(.18,.78,.2,1),height .78s cubic-bezier(.18,.78,.2,1),transform .9s cubic-bezier(.18,.78,.2,1),filter .62s,opacity .62s}.chxStoryPortalBook>img{width:100%;height:100%;display:block;object-fit:cover}.chxStoryPortalBook>i{position:absolute;z-index:3;top:0;bottom:0;width:50%;background:linear-gradient(100deg,rgba(255,255,255,.03),rgba(2,8,13,.32));transform-origin:left center;transition:transform 1s .16s cubic-bezier(.18,.75,.2,1),opacity .45s .5s}.chxStoryPortalBook>i:first-of-type{left:0;transform-origin:right center}.chxStoryPortalBook>i:nth-of-type(2){right:0;transform-origin:left center}.chxStoryPortalBook>span{position:absolute;z-index:4;left:5%;right:5%;bottom:7%;display:grid;gap:7px;padding:16px 18px;border-left:3px solid #5be1f8;color:#fff;background:linear-gradient(90deg,rgba(2,9,14,.88),rgba(2,9,14,.16));transition:opacity .35s,transform .5s}.chxStoryPortalBook small{color:#62e2f8;font:900 7px/1 Inter,sans-serif;letter-spacing:.13em}.chxStoryPortalBook strong{font:1000 clamp(18px,3vw,48px)/1 Inter,sans-serif}.chxStoryPortalBook em{color:#edb765;font:1000 11px/1 Inter,sans-serif;font-style:normal}.chxStoryPortal.active{background:rgba(0,5,11,.94)}.chxStoryPortal.active .chxStoryPortalBook{left:6vw;top:4vh;width:88vw;height:92vh;transform:rotateX(1deg) scale(1)}.chxStoryPortal.active .chxStoryPortalBook>i:first-of-type{transform:rotateY(-82deg);opacity:.22}.chxStoryPortal.active .chxStoryPortalBook>i:nth-of-type(2){transform:rotateY(82deg);opacity:.22}.chxStoryPortal.active .chxStoryPortalBook>span{opacity:0;transform:translateY(25px)}.chxStoryPortal.readerReady{opacity:0}.chxStoryPortal.readerReady .chxStoryPortalBook{transform:scale(1.14);filter:blur(8px)}.chxStoryPortal.returning .chxStoryPortalBook{left:6vw;top:4vh;width:88vw;height:92vh}.chxStoryPortal.leaving{opacity:0}.chxStoryPortal.leaving .chxStoryPortalBook{transform:scale(.94);filter:blur(5px)}

.chxCardsHeader{grid-template-columns:auto minmax(210px,1fr) auto auto auto auto!important}.chxCardsFilterShortcut{white-space:nowrap}.chxCardsGrid{transition:padding-right .28s}.chxCardsScreen .chxCatalogFilterPanel .chxCardsVariantTabs{display:grid}
@media(max-width:1250px){:root{--chx-catalog-panel-width:340px}.chxStoriesGrid{grid-template-columns:1fr}.chxCardsHeader{grid-template-columns:auto minmax(180px,1fr) auto auto!important}.chxCardsStore{grid-column:1/-1}.chxCardsMarkAllRead{display:none}}
@media(max-width:850px){.chxStoriesScreen,.chxCardsScreen{padding-right:45px!important}.chxCatalogFilterPanel{width:min(340px,calc(100vw - 24px))}.chxStoriesHeader{align-items:flex-start;flex-direction:column}.chxStoriesHeaderTools{width:100%;justify-content:flex-start;flex-wrap:wrap}.chxStoriesSearch{width:min(100%,360px)}.chxStoriesGrid{grid-template-columns:1fr}.chxStoryTile{grid-template-columns:minmax(160px,40%) minmax(0,60%)}.chxCardsHeader{grid-template-columns:minmax(0,1fr) auto!important}.chxCardsSearch{grid-column:1/-1!important;grid-row:auto!important;max-width:none!important}.chxCardsCollectionProgress{justify-self:start}.chxCardsStore{grid-column:1/-1}.chxCardsFilterShortcut{grid-column:2;grid-row:1}.chxCardsTitle{grid-column:1;grid-row:1}}
@media(max-width:580px){.chxHubStoriesActive #content{padding:8px 8px 25px!important}.chxStoriesUnlockProgress small{display:none}.chxStoriesHeaderTools{gap:6px}.chxStoriesSearch{order:3;width:100%}.chxStoryTile{min-height:0;grid-template-columns:1fr}.chxStoryTileVisual{min-height:220px}.chxStoryTileCopy{min-height:210px;padding:20px 17px 16px}.chxStoryTileCopy>strong{font-size:21px}.chxStoryPortal.active .chxStoryPortalBook,.chxStoryPortal.returning .chxStoryPortalBook{left:2vw;top:2vh;width:96vw;height:96vh}}