:root{--catalog-deep:#11110f;--catalog-teal:#ff5535;--catalog-aqua:#ffc719;--catalog-ink:#11110f;--catalog-muted:#77756e;--catalog-paper:#f3efe6;--catalog-white:#fffdf8}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{color:var(--catalog-ink);background:radial-gradient(circle at 50% 35%,#fffdf8 0,#f5f8f5 44%,#e9efeb 100%);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}.catalog-skip-link{position:fixed;z-index:200;left:12px;top:-60px;padding:10px 14px;border-radius:8px;background:var(--catalog-deep);color:#fffdf8;text-decoration:none}.catalog-skip-link:focus{top:12px}.catalog-preview-banner{position:fixed;z-index:100;top:0;left:0;right:0;height:34px;padding:8px;background:#092f31;color:#d9eeea;font-size:11px;font-weight:700;text-align:center}.catalog-preview-banner a{color:#8ce4d6}.catalog-viewer{position:relative;width:100%;height:100dvh;padding:clamp(16px,5vh,48px) 18px 68px}.catalog-viewer.is-preview{padding-top:52px}.catalog-stage{position:relative;display:grid;width:100%;height:100%;min-height:0;place-items:center;overflow:hidden;isolation:isolate;border:1px solid #ffffffb8;border-radius:24px;background:radial-gradient(ellipse at 50% 52%,#ffffffeb,transparent 55%),linear-gradient(90deg,#ffffff2e,#ffffff85 50%,#ffffff2e);box-shadow:inset 0 1px 0 #fffdf8}.catalog-stage::before{content:'';position:absolute;z-index:-1;bottom:2.2%;left:50%;width:min(78vw,1110px);height:10%;border-radius:50%;opacity:.31;background:radial-gradient(ellipse,#052220d1,#0725252e 54%,transparent 73%);filter:blur(25px);transform:translateX(-50%)}.catalog-stage::after{content:'';position:absolute;z-index:20;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 30%,#ffffffb3,transparent 31%);mix-blend-mode:screen;opacity:.24}.catalog-stage-glow{position:absolute;z-index:-1;top:7%;left:50%;width:min(72vw,1060px);height:72%;border:1px solid #ffffffad;border-radius:50%;background:#ffffff14;transform:translateX(-50%)}
.catalog-book-zoom{position:relative;z-index:2;display:grid;width:100%;height:100%;place-items:center;transform:scale(.9);transform-origin:center;transition:transform .24s cubic-bezier(.2,.7,.2,1)}.catalog-book{position:relative;width:100%;height:100%;margin:auto;transform-style:preserve-3d}.catalog-book.stf__parent .stf__wrapper{overflow:visible;transform:translateZ(8px);transform-origin:center 56%;filter:drop-shadow(0 12px 10px #0d2b2a1a) drop-shadow(0 30px 30px #0d2b2a24);transition:transform .32s cubic-bezier(.2,.7,.2,1),filter .35s}.catalog-stage.is-flipping .catalog-book.stf__parent .stf__wrapper{transform:translateY(-2px) translateZ(12px);filter:drop-shadow(0 15px 13px #0d2b2a21) drop-shadow(0 36px 30px #0d2b2a38)}.catalog-page-source{overflow:hidden;border:1px solid #1e3a3829;background:#fffdf8;box-shadow:0 1px 1px #08232226;cursor:grab;transform-style:preserve-3d}.catalog-page-source:active{cursor:grabbing}.catalog-book .stf__item.--left{box-shadow:-1px 1px 0 #dfe5e1,-3px 3px 0 #f7f8f5,-5px 5px 0 #cfd8d4,-7px 7px 0 #b5c2bb7a,-21px 25px 35px #0b2c2b2e}.catalog-book .stf__item.--right{box-shadow:1px 1px 0 #dfe5e1,3px 3px 0 #f7f8f5,5px 5px 0 #cfd8d4,7px 7px 0 #b5c2bb7a,21px 25px 35px #0b2c2b2e}.catalog-page-sheet{position:relative;width:100%;height:100%;overflow:hidden;background:#fffdf8}.catalog-page-sheet::after{content:'';position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(90deg,#0f2a280f,transparent 4%,transparent 95%,#fff3),linear-gradient(180deg,#fff2,transparent 12%,transparent 91%,#10302d0b)}.catalog-page-sheet>img,.catalog-pdf-image{display:block;width:100%;height:100%;object-fit:cover}.catalog-pdf-image{background:linear-gradient(110deg,#edf2ef 8%,#f8faf8 18%,#edf2ef 33%);background-size:200% 100%;animation:catalog-pulse 1.3s linear infinite}.catalog-pdf-image.is-ready{background:#fffdf8;animation:none}.catalog-pdf-image.has-error{background:#f7eeec}.catalog-page-link{position:absolute;z-index:10;right:17px;bottom:17px;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #ffffff7a;border-radius:9px;background:#11110fe8;color:#fffdf8;font-size:10px;font-weight:750;text-decoration:none;box-shadow:0 8px 25px #062d2a3d;backdrop-filter:blur(9px)}.catalog-page-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.catalog-page-link:hover{background:var(--catalog-teal)}
@media(min-width:901px){.catalog-stage.is-cover:not(.is-flipping) .catalog-book.stf__parent .stf__wrapper{transform:translateX(-25%) translateZ(8px)}.catalog-stage.is-back:not(.is-flipping) .catalog-book.stf__parent .stf__wrapper{transform:translateX(25%) translateZ(8px)}.catalog-stage.is-cover .catalog-book .stf__wrapper.--landscape::before,.catalog-stage.is-back .catalog-book .stf__wrapper.--landscape::before{content:'';position:absolute;z-index:-2;top:7px;bottom:-7px;width:14px;border-radius:0 3px 3px 0;background:repeating-linear-gradient(90deg,#f9faf7 0,#f9faf7 2px,#c8d0cb 2.5px,#eef1ed 3.5px);box-shadow:5px 8px 14px #092d2a2e}.catalog-stage.is-cover .catalog-book .stf__wrapper.--landscape::before{right:-12px}.catalog-stage.is-back .catalog-book .stf__wrapper.--landscape::before{left:-12px;box-shadow:-5px 8px 14px #092d2a2e}.catalog-stage.is-cover .catalog-book .stf__wrapper.--landscape::after,.catalog-stage.is-back .catalog-book .stf__wrapper.--landscape::after{content:'';position:absolute;z-index:-1;bottom:-10px;height:12px;border-radius:0 0 4px 4px;background:repeating-linear-gradient(180deg,#fafbf8 0,#fafbf8 2px,#c7d0cb 2.5px,#edf0ec 3.7px);box-shadow:0 7px 13px #092d2a29}.catalog-stage.is-cover .catalog-book .stf__wrapper.--landscape::after{right:-10px;left:50%}.catalog-stage.is-back .catalog-book .stf__wrapper.--landscape::after{right:50%;left:-10px}}
.catalog-stage.is-open .catalog-book .stf__wrapper.--landscape::before{content:'';position:absolute;z-index:-1;right:1.2%;bottom:-7px;left:1.2%;height:11px;border-radius:0 0 5px 5px;background:repeating-linear-gradient(to bottom,#f8faf7 0,#f8faf7 1px,#cdd6d2 1.5px,#eef1ed 2.4px);box-shadow:0 7px 12px #0d2b2a29}.catalog-stage.is-open .catalog-book .stf__wrapper.--landscape::after{content:'';position:absolute;z-index:70;top:.7%;bottom:.7%;left:50%;width:18px;pointer-events:none;background:linear-gradient(90deg,transparent,#1124231c 23%,#11242340 45%,#ffffff6b 53%,#1124231f 75%,transparent);filter:blur(1.2px);transform:translateX(-50%)}
.catalog-stage-nav{position:absolute;z-index:15;top:50%;display:grid;width:56px;height:76px;padding:0;place-items:center;border:1px solid #11110f24;border-radius:18px;background:#ffffffad;color:#627572;box-shadow:0 12px 30px #082b2814;backdrop-filter:blur(12px);transform:translateY(-50%);transition:.18s}.catalog-stage-nav svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.55}.catalog-stage-nav:hover:not(:disabled){border-color:var(--catalog-teal);background:var(--catalog-teal);color:#fffdf8;transform:translateY(calc(-50% - 2px))}.catalog-stage-nav:disabled{visibility:hidden;opacity:0}.catalog-stage-nav-previous{left:max(12px,calc(50% - 705px))}.catalog-stage-nav-next{right:max(12px,calc(50% - 705px))}.catalog-drag-hint{position:absolute;z-index:18;top:16px;left:50%;display:flex;align-items:center;gap:9px;padding:7px 12px 7px 8px;border:1px solid #ffffffc2;border-radius:999px;background:#f7f9f6c7;color:var(--catalog-muted);box-shadow:0 8px 26px #082b2814;backdrop-filter:blur(12px);font-size:7px;transform:translateX(-50%);transition:.24s}.catalog-drag-hint.is-hidden{visibility:hidden;opacity:0;transform:translate(-50%,-8px)}.catalog-drag-hint>span{position:relative;width:27px;height:27px;border-radius:50%;background:var(--catalog-deep)}.catalog-drag-hint>span::before,.catalog-drag-hint i{content:'';position:absolute;top:7px;right:6px;width:8px;height:10px;border:1px solid var(--catalog-aqua);border-radius:1px;transform:skewY(-16deg)}.catalog-drag-hint i{right:12px;border-color:#ffffffbf}.catalog-drag-hint p{margin:0}.catalog-drag-hint strong{display:block;color:var(--catalog-ink);font-size:8px}.catalog-loading{position:absolute;z-index:30;display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:11px;background:#fffdf8;color:var(--catalog-muted);box-shadow:0 12px 30px #082b2821;font-size:10px;font-weight:700;transition:.3s}.catalog-loading span{width:18px;height:18px;border:2px solid #d8e5df;border-top-color:var(--catalog-teal);border-radius:50%;animation:catalog-spin .75s linear infinite}.catalog-loading.is-hidden{visibility:hidden;opacity:0}
.catalog-toolbar{position:absolute;z-index:50;bottom:7px;left:50%;display:grid;grid-template-columns:42px 1px 42px 42px 42px minmax(150px,280px) minmax(70px,130px) 57px 42px 42px 1px 42px 42px 42px 42px;align-items:center;justify-content:center;gap:7px;width:min(1050px,100%);height:58px;padding:7px 10px;border:1px solid #ffffffb8;border-radius:16px;background:#f7f9f6c7;box-shadow:0 12px 30px #092f2c14;backdrop-filter:blur(15px);transform:translateX(-50%)}.catalog-tool{display:grid;width:42px;height:42px;padding:0;place-items:center;border:0;border-radius:10px;background:transparent;color:#526763;text-decoration:none;transition:.18s}.catalog-tool:hover:not(:disabled),.catalog-tool:focus-visible,.catalog-tool[aria-expanded=true]{background:var(--catalog-deep);color:#fffdf8}.catalog-tool:disabled{opacity:.22}.catalog-tool svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.catalog-tool-menu{background:var(--catalog-teal);color:#fffdf8}.catalog-divider{width:1px;height:25px;background:#11110f2e}.catalog-current-page{min-width:0}.catalog-current-page small,.catalog-current-page strong{display:block}.catalog-current-page small{margin-bottom:3px;color:var(--catalog-teal);font-size:7px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.catalog-current-page strong{overflow:hidden;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.catalog-progress{height:3px;overflow:hidden;border-radius:999px;background:#172e312b}.catalog-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--catalog-teal),#68cfb5);transition:width .35s}.catalog-page-number{color:#667a76;font-size:8px;font-weight:750;text-align:center;letter-spacing:.08em}.catalog-zoom-panel{position:absolute;right:8px;bottom:66px;display:grid;width:min(360px,calc(100vw - 24px));grid-template-columns:38px minmax(110px,1fr) 38px 44px;align-items:center;gap:9px;padding:9px;border:1px solid #ffffff33;border-radius:15px;background:#11110fed;color:#fffdf8;box-shadow:0 18px 42px #0522203d;backdrop-filter:blur(16px)}.catalog-zoom-panel[hidden]{display:none}.catalog-zoom-panel button{display:grid;width:38px;height:38px;padding:0;place-items:center;border:0;border-radius:10px;background:#ffffff1f;color:inherit}.catalog-zoom-panel button:hover:not(:disabled){background:#fffdf8;color:var(--catalog-deep)}.catalog-zoom-panel button:disabled{opacity:.35}.catalog-zoom-panel button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.catalog-zoom-panel input{width:100%;accent-color:#9ce3d9}.catalog-zoom-panel output{font-size:10px;font-weight:750;text-align:center}
.catalog-menu{position:fixed;z-index:120;top:0;bottom:0;left:0;width:min(480px,calc(100vw - 24px));overflow:hidden;border-right:1px solid #ffffff24;background:#f9fbf9;box-shadow:28px 0 75px #031b1a45;transform:translateX(-105%);transition:transform .32s cubic-bezier(.2,.75,.2,1)}.catalog-menu.is-visible{transform:none}.catalog-menu>header{display:flex;min-height:116px;align-items:center;justify-content:space-between;gap:20px;padding:24px 25px;background:linear-gradient(135deg,#082f31,#0d5350);color:#fffdf8}.catalog-menu>header span{color:#82d9c5;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.catalog-menu h2{margin:5px 0 4px;font-size:22px;letter-spacing:-.04em}.catalog-menu header p{margin:0;color:#adc6c2;font-size:10px}.catalog-menu header button{display:grid;width:39px;height:39px;padding:0;place-items:center;border:1px solid #ffffff2e;border-radius:10px;background:#ffffff12;color:#fffdf8}.catalog-menu header svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.catalog-thumbnails{display:grid;max-height:calc(100dvh - 116px);grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px;overflow-y:auto;padding:22px}.catalog-thumbnails>button{min-width:0;padding:0;border:0;background:transparent;color:var(--catalog-ink);text-align:left}.catalog-thumbnail-media{position:relative;display:block;overflow:hidden;aspect-ratio:595/842;border:2px solid transparent;border-radius:8px;background:#edf2ef;box-shadow:0 7px 18px #0a363219;transition:.2s}.catalog-thumbnail-media img,.catalog-thumbnail-media canvas{display:block;width:100%;height:100%;object-fit:cover}.catalog-thumbnail-media i{position:absolute;right:7px;bottom:7px;display:grid;width:28px;height:24px;place-items:center;border-radius:7px;background:#11110fe6;color:#fffdf8;font-size:8px;font-style:normal;font-weight:800}.catalog-thumbnails strong{display:block;overflow:hidden;margin-top:7px;color:#506762;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.catalog-thumbnails button:hover .catalog-thumbnail-media,.catalog-thumbnails button.is-current .catalog-thumbnail-media{border-color:var(--catalog-teal);transform:translateY(-2px)}.catalog-thumbnails button.is-current strong{color:var(--catalog-teal)}.catalog-menu-backdrop{position:fixed;z-index:110;inset:0;padding:0;border:0;background:#041c1c8f;opacity:0;backdrop-filter:blur(3px);transition:opacity .22s}.catalog-menu-backdrop.is-visible{opacity:1}.catalog-menu-backdrop[hidden]{display:none}.catalog-sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
@keyframes catalog-spin{to{transform:rotate(360deg)}}@keyframes catalog-pulse{to{background-position:-200% 0}}
@media(max-width:1240px){.catalog-stage-nav{display:none}}
@media(max-width:980px){.catalog-toolbar{grid-template-columns:42px 1px 42px 42px 42px 57px 42px 42px 1px 42px 42px 42px 42px;width:max-content;max-width:100%}.catalog-current-page,.catalog-progress{display:none}}
@media(max-width:650px){.catalog-viewer{padding:7px 7px 60px}.catalog-viewer.is-preview{padding-top:41px}.catalog-stage{height:min(calc(100dvh - 74px),calc(141.42vw - 19.8px));align-self:center;border-radius:16px}.catalog-viewer.is-preview .catalog-stage{height:min(calc(100dvh - 108px),calc(141.42vw - 19.8px))}.catalog-toolbar{bottom:5px;grid-template-columns:30px 1px 30px 30px 30px 36px 30px 30px 1px 30px 30px 30px 30px;gap:3px;height:48px;padding:5px 6px;border-radius:13px}.catalog-tool{width:30px;height:30px;border-radius:8px}.catalog-tool svg{width:18px;height:18px}.catalog-drag-hint{display:none}.catalog-page-number{font-size:7px}.catalog-page-link{right:9px;bottom:9px;padding:7px 8px}.catalog-page-link span{display:none}.catalog-preview-banner{height:34px;font-size:9px}.catalog-menu{width:min(420px,calc(100vw - 14px))}.catalog-thumbnails{gap:14px 10px;padding:16px}.catalog-menu>header{min-height:100px;padding:18px}.catalog-thumbnails{max-height:calc(100dvh - 100px)}}
@media(max-width:410px){.catalog-toolbar{grid-template-columns:28px 1px 28px 28px 28px 28px 28px 1px 28px 28px 28px 28px;gap:2px;padding-inline:5px}.catalog-tool{width:28px;height:28px}.catalog-page-number{display:none}.catalog-zoom-panel{right:50%;bottom:57px;grid-template-columns:34px minmax(80px,1fr) 34px 40px;gap:7px;transform:translateX(50%)}.catalog-zoom-panel button{width:34px;height:34px}}
@media(max-height:700px) and (min-width:700px){.catalog-viewer{padding:8px 12px 60px}.catalog-toolbar{bottom:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.catalog-brand{position:fixed;z-index:55;top:18px;left:24px;display:flex;width:132px;height:46px;align-items:center;justify-content:center}.catalog-brand img{width:100%;height:100%;object-fit:contain}.catalog-preview-banner~.catalog-brand{top:43px}@media(max-width:650px){.catalog-brand{top:11px;left:14px;width:92px;height:32px}.catalog-preview-banner~.catalog-brand{top:39px}}

.catalog-loading{z-index:40;inset:0;display:grid;padding:20px;place-items:center;border-radius:24px;background:radial-gradient(circle at 50% 42%,#2b2b27 0,#11110f 58%,#090908 100%);color:#fff;box-shadow:none;transition:opacity .45s ease,visibility 0s linear .45s}
.catalog-loading::before{content:'';position:absolute;inset:0;border-radius:inherit;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at center,#000,transparent 72%)}
.catalog-loading-card{position:relative;display:flex;min-width:min(340px,calc(100vw - 46px));align-items:center;flex-direction:column;padding:38px 42px 34px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(255,255,255,.055);box-shadow:0 24px 75px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.catalog-loading-card>img{width:150px;height:70px;margin:-16px 0 7px;object-fit:contain}
.catalog-loading .catalog-loading-spinner{position:relative;width:58px;height:58px;margin:5px 0 20px;border:0;border-radius:50%;animation:none}
.catalog-loading-spinner::before,.catalog-loading-spinner::after,.catalog-loading-spinner i,.catalog-loading-spinner b{content:'';position:absolute;border-radius:50%}
.catalog-loading-spinner::before{inset:0;border:3px solid rgba(255,255,255,.12);border-top-color:#ff5535;animation:catalog-spin .9s linear infinite}
.catalog-loading-spinner::after{inset:9px;border:2px solid rgba(255,199,25,.18);border-bottom-color:#ffc719;animation:catalog-spin 1.3s linear infinite reverse}
.catalog-loading-spinner i{inset:20px;background:#ff5535;box-shadow:0 0 0 6px rgba(255,85,53,.13);animation:catalog-loader-pulse 1.1s ease-in-out infinite}
.catalog-loading-spinner b{width:7px;height:7px;top:3px;left:50%;background:#ffc719;box-shadow:0 0 16px #ffc719;transform:translateX(-50%)}
.catalog-loading-card strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:21px;letter-spacing:.04em;text-transform:uppercase}
.catalog-loading-card small{margin-top:4px;color:rgba(255,255,255,.48);font-size:9px;font-weight:600;letter-spacing:.04em}
.catalog-loading-card button{margin-top:16px;padding:10px 18px;border:0;border-radius:8px;background:var(--catalog-teal);color:#fff;font-weight:700}
.catalog-loading.is-hidden{visibility:hidden;opacity:0;pointer-events:none}
@keyframes catalog-loader-pulse{50%{transform:scale(.72);opacity:.55}}
@media(max-width:650px){.catalog-loading{border-radius:16px}.catalog-loading-card{min-width:min(280px,calc(100vw - 32px));padding:30px 24px 28px}.catalog-loading-card>img{width:125px;height:58px}.catalog-loading-card strong{font-size:18px}}