:root{color:#202228;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--brand-blue: #1f469d;--brand-gold: #c8a75e;--stage: #d2cdc7;--toolbar: rgba(31, 33, 37, .94)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--stage)}body{margin:0;min-width:320px;min-height:100dvh;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--brand-gold);outline-offset:3px}.catalog-app{display:grid;grid-template-rows:98px minmax(0,1fr) 30px;min-height:100dvh}.site-header{align-items:center;background:#fff;border-bottom:1px solid rgba(32,34,40,.09);box-shadow:0 2px 12px #20222814;display:flex;gap:clamp(16px,2.7vw,34px);padding:11px 20px;position:relative;z-index:20}.brand-link{display:block;flex:0 0 auto}.brand-link img{display:block;height:clamp(58px,6vw,76px);object-fit:contain;width:auto}.header-divider{background:#d8dadd;height:56px;width:1px}.catalog-title{min-width:0}.catalog-title h1{font-size:clamp(19px,1.55vw,24px);font-weight:650;letter-spacing:-.025em;line-height:1.1;margin:0;white-space:nowrap}.header-actions{align-items:center;display:flex;flex:0 0 auto;gap:14px;margin-left:auto}.shop-link{align-items:center;background:var(--brand-blue);border:1px solid var(--brand-blue);border-radius:6px;box-shadow:0 4px 10px #1f469d2e;color:#fff;display:inline-flex;font-size:14px;font-weight:650;justify-content:center;min-height:40px;padding:8px 14px;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease;white-space:nowrap}.shop-link:hover{background:#16377f;border-color:#16377f;transform:translateY(-1px)}.pdf-link{align-items:center;color:var(--brand-blue);display:inline-flex;font-size:15px;font-weight:650;gap:8px;min-height:42px;padding:8px 2px;text-decoration:none}.pdf-link:hover{color:#0b2f82}.reader-stage{background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.5),transparent 44%),var(--stage);min-height:0;overflow:hidden;position:relative;touch-action:pan-y}.site-footer{align-items:center;background:var(--stage);display:flex;justify-content:center;padding:2px 10px 6px;position:relative;z-index:20}.site-footer small{background:#ffffffe6;border:1px solid #d2dceb;border-radius:999px;box-shadow:0 3px 10px #0019521a;color:#4d5f8c;font-size:10px;line-height:1;padding:6px 10px;white-space:nowrap}@media(min-width:761px){.site-footer small{left:50%;position:fixed;top:calc(100dvh - 32px);transform:translate(-50%)}}.catalog-app--fullscreen{height:100dvh;inset:0;min-height:0;overflow:hidden;position:fixed}.catalog-app--fullscreen .reader-viewport{display:block;height:var(--fit-height);left:var(--fit-left);overflow:auto;padding:0;position:absolute;top:var(--fit-top);width:var(--fit-width)}.book-space{display:contents}.catalog-app--fullscreen .book-space{display:block;height:max(100%,calc(var(--book-height) * var(--reader-zoom) + 2px));overflow:hidden;position:relative;width:max(100%,calc(var(--book-width) * var(--reader-zoom) + 2px))}.catalog-app--fullscreen .book-zoom{left:50%;min-height:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(var(--reader-zoom));transition:none}.catalog-app--fullscreen .flipbook-page img{object-fit:contain}.catalog-app--fullscreen .site-footer small{left:50%;position:fixed;top:calc(100dvh - 32px);transform:translate(-50%)}.reader-viewport{align-items:center;display:flex;height:100%;justify-content:center;overflow:auto;padding:20px 105px 125px;scrollbar-color:rgba(31,33,37,.32) transparent}.reader-stage[aria-busy=true] .reader-viewport{overflow:hidden}.book-zoom{align-items:center;display:flex;flex:0 0 auto;justify-content:center;min-height:calc(100% * var(--reader-zoom));transform:scale(var(--reader-zoom));transform-origin:center center;transition:transform .18s ease}.book-frame{aspect-ratio:1.54545;flex:0 0 auto;position:relative;width:min(1112px,112dvh,75.7vw)}.page-flip-host{height:100%;transform:translate(0);transition:transform .76s cubic-bezier(.34,.02,.2,1);width:100%;will-change:transform}.book-frame--front-cover:not(.book-frame--front-opening) .page-flip-host,.book-frame--front-closing .page-flip-host{transform:translate(-25%)}.book-frame--back-cover:not(.book-frame--back-opening) .page-flip-host,.book-frame--back-closing .page-flip-host{transform:translate(25%)}.book-frame--front-opening .page-flip-host,.book-frame--back-opening .page-flip-host{transform:translate(0)}.page-flip-engine{height:100%;width:100%}.flipbook-page{background:#fff;border-radius:2px;box-shadow:0 2px 7px #211d191f;margin:0;overflow:hidden}.flipbook-page img{display:block;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.page-flip-host .stf__wrapper{overflow:visible}.page-flip-host .stf__block{perspective:2600px}.page-flip-host .stf__innerShadow,.page-flip-host .stf__outerShadow,.page-flip-host .stf__hardShadow,.page-flip-host .stf__hardInnerShadow{pointer-events:none}.page-turn{align-items:center;background:#ffffffc2;border:1px solid rgba(32,34,40,.1);border-radius:50%;box-shadow:0 8px 18px #20222821;color:#4b4e54;cursor:pointer;display:flex;height:62px;justify-content:center;position:absolute;top:calc(50% - 50px);transition:background .15s ease,color .15s ease,transform .15s ease;width:62px;z-index:8}.page-turn:hover:not(:disabled){background:#fff;color:var(--brand-blue);transform:scale(1.04)}.page-turn:disabled{cursor:default;opacity:.24}.page-turn--previous{left:clamp(18px,3vw,48px)}.page-turn--next{right:clamp(18px,3vw,48px)}.reader-toolbar{align-items:stretch;background:var(--toolbar);border:1px solid rgba(255,255,255,.12);border-radius:7px;bottom:30px;box-shadow:0 10px 25px #11121538;color:#fff;display:flex;height:62px;left:50%;overflow:hidden;position:absolute;transform:translate(-50%);z-index:15}.reader-toolbar button{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;justify-content:center;min-width:64px;padding:0 15px;transition:background .14s ease,color .14s ease}.reader-toolbar button:hover:not(:disabled),.reader-toolbar button.is-active{background:#ffffff1a;color:#fff}.reader-toolbar button:disabled{cursor:default;opacity:.36}.reader-toolbar .page-indicator{font-size:15px;font-variant-numeric:tabular-nums;font-weight:600;min-width:140px;white-space:nowrap}.toolbar-divider{align-self:stretch;background:#ffffff1f;flex:0 0 1px}.reader-toolbar input[type=range]{accent-color:var(--brand-gold);cursor:pointer;width:220px}.thumbnail-drawer{background:#fffffffa;border:1px solid rgba(32,34,40,.12);border-radius:8px;bottom:104px;box-shadow:0 18px 48px #19171547;left:50%;max-height:min(58dvh,530px);overflow:hidden;position:absolute;transform:translate(-50%);width:min(950px,calc(100vw - 48px));z-index:14}.thumbnail-heading{align-items:center;border-bottom:1px solid #e1e3e6;display:flex;justify-content:space-between;padding:12px 16px 11px 20px}.thumbnail-heading h2{font-size:16px;margin:0}.thumbnail-heading button{align-items:center;background:transparent;border:0;border-radius:4px;color:#53565c;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.thumbnail-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));max-height:calc(min(58dvh,530px) - 61px);overflow-y:auto;padding:20px}.thumbnail{background:transparent;border:0;color:#56595f;cursor:pointer;display:grid;gap:7px;justify-items:center;padding:0}.thumbnail img{aspect-ratio:.772727;background:#eceff2;border:2px solid transparent;box-shadow:0 4px 11px #1d1e2229;display:block;height:auto;object-fit:cover;transition:border-color .14s ease,transform .14s ease;width:100%}.thumbnail:hover img{transform:translateY(-2px)}.thumbnail.is-current img{border-color:var(--brand-blue)}.thumbnail span{font-size:12px;font-variant-numeric:tabular-nums}.toast{background:#fff;border:1px solid rgba(32,34,40,.1);border-radius:5px;bottom:93px;box-shadow:0 10px 25px #19171533;color:#282a30;font-size:14px;left:50%;padding:11px 16px;position:absolute;transform:translate(-50%);z-index:18}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(max-width:980px){.site-header{gap:18px}.brand-link img{height:48px}.header-divider{height:40px}.catalog-app{grid-template-rows:74px minmax(0,1fr) 30px}.reader-viewport{padding-inline:72px}.reader-toolbar input[type=range]{width:120px}.page-turn{height:52px;width:52px}.page-turn--previous{left:12px}.page-turn--next{right:12px}}@media(max-width:760px){body{overflow:hidden}.site-header{display:grid;gap:4px 10px;grid-template-columns:auto 1px minmax(0,1fr);grid-template-rows:40px 30px;padding:6px 14px}.catalog-app{grid-template-rows:90px minmax(0,1fr) 28px}.brand-link{grid-column:1;grid-row:1}.brand-link img{height:40px;max-width:142px}.header-divider{grid-column:2;grid-row:1;height:32px}.catalog-title{grid-column:3;grid-row:1}.catalog-title h1{font-size:16px;white-space:normal}.header-actions{gap:8px;grid-column:1 / -1;grid-row:2;justify-self:end;margin-left:0}.shop-link{font-size:12px;min-height:28px;padding:4px 10px}.pdf-link{font-size:12px;gap:5px;min-height:28px;padding:4px 2px}.pdf-link .icon{height:18px;width:18px}.reader-stage{touch-action:pan-y}.reader-viewport{align-items:center;padding:20px 24px 91px;scrollbar-width:none}.reader-viewport::-webkit-scrollbar{display:none}.book-frame{aspect-ratio:.772727;width:min(556px,calc(100vw - 48px),54.09089dvh)}.page-flip-host{transform:none!important;transition:none}.page-turn{background:#ffffffd1;border:0;box-shadow:0 4px 12px #2022281f;height:40px;top:calc(50% - 48px);width:40px}.page-turn .icon{height:30px;width:30px}.page-turn--previous{left:5px}.page-turn--next{right:5px}.reader-toolbar{bottom:max(10px,env(safe-area-inset-bottom));height:54px;max-width:calc(100vw - 18px)}.reader-toolbar button{min-width:44px;padding:0 11px}.reader-toolbar .page-indicator{min-width:86px;padding-inline:12px}.reader-toolbar input[type=range],.toolbar-divider--actions{display:none}.thumbnail-drawer{bottom:calc(74px + env(safe-area-inset-bottom));max-height:62dvh;width:calc(100vw - 20px)}.thumbnail-grid{gap:15px;grid-template-columns:repeat(4,minmax(0,1fr));max-height:calc(62dvh - 61px);padding:15px}.toast{bottom:calc(77px + env(safe-area-inset-bottom))}.site-footer{padding:1px 8px 5px}.site-footer small{font-size:9px;padding:5px 8px}}@media(max-width:420px){.site-header{gap:8px}.header-divider{display:none}.reader-toolbar button{min-width:40px;padding-inline:9px}.reader-toolbar .page-indicator{min-width:80px}.thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
