*{box-sizing:border-box}html,body{margin:0!important;width:100%;height:100%;background:#101214;font-family:Arial,sans-serif;color:#f5f6f7}button,a{font:inherit;color:inherit}#catalog{height:100dvh;overflow:hidden;display:grid;grid-template-rows:64px 1fr 46px;position:relative;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.08),transparent 42%),linear-gradient(145deg,#252a2f,#101214 72%)}header,footer{z-index:10;background:rgba(18,20,23,.97);display:flex;align-items:center;border-color:rgba(255,255,255,.08)}header{justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08)}.header-logo{display:block;width:auto;height:44px;object-fit:contain}nav{display:flex;gap:5px}nav button,nav a{border:0;background:transparent;text-decoration:none;padding:10px 12px;border-radius:7px;cursor:pointer}nav button:hover,nav a:hover{background:rgba(255,255,255,.09)}.viewer{min-height:0;display:flex;align-items:center;justify-content:center;padding:18px 78px;position:relative;perspective:2200px}.stage{width:min(86vw,calc((100dvh - 144px)*1.426));height:100%;display:flex;align-items:center;justify-content:center}.stf__parent{margin:auto!important;filter:drop-shadow(0 22px 28px rgba(0,0,0,.52));overflow:visible!important}.stf__block{box-shadow:none!important}.book-page{background:#fff;overflow:hidden}.book-page img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:74px;border:0;border-radius:9px;background:rgba(0,0,0,.25);font-size:50px;cursor:pointer;z-index:3}.arrow.prev{left:16px}.arrow.next{right:16px}.arrow:disabled,footer button:disabled{opacity:.15}footer{justify-content:center;gap:18px;border-top:1px solid rgba(255,255,255,.08)}footer button{width:34px;height:31px;border:0;background:transparent;font-size:27px;cursor:pointer}footer span{min-width:90px;text-align:center;font-size:13px;color:#ccd0d4}aside{position:absolute;z-index:20;inset:64px 0 46px auto;width:min(390px,92vw);background:rgba(23,26,30,.99);border-left:1px solid rgba(255,255,255,.1);box-shadow:-20px 0 50px rgba(0,0,0,.35)}aside[hidden]{display:none}.thumbHead{height:66px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.thumbHead div{display:flex;flex-direction:column;gap:3px}.thumbHead small{font-size:11px;color:#999}.thumbHead button{border:0;background:transparent;font-size:30px;cursor:pointer}#thumbGrid{height:calc(100% - 66px);overflow:auto;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#thumbGrid button{position:relative;border:2px solid transparent;padding:3px;background:#0d0f11;cursor:pointer}#thumbGrid button.active{border-color:#29a9e0}#thumbGrid img{display:block;width:100%;aspect-ratio:612/859;object-fit:cover}#thumbGrid span{position:absolute;right:5px;bottom:5px;background:rgba(0,0,0,.75);padding:3px 5px;font-size:10px}@media(max-width:760px){#catalog{grid-template-rows:54px 1fr 42px}header{padding:0 10px}.header-logo{height:33px;max-width:190px}nav a,nav button{padding:8px 6px;font-size:0}nav a:after{content:'PDF';font-size:12px}#pagesButton:after{content:'Sayfalar';font-size:12px}#fullscreenButton:after{content:'Tam Ekran';font-size:12px}.viewer{padding:8px 36px}.stage{width:100%;height:100%}.arrow{width:32px;height:56px;font-size:38px}.arrow.prev{left:2px}.arrow.next{right:2px}aside{inset:54px 0 42px auto}}