/* Ceptesite e-kitap: PDF'i sayfa çevirmeli kitap olarak gösterir */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;height:100%;background:#0d0f14;color:#eef1f7;font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
.eb{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto;
  background:radial-gradient(60% 55% at 50% 45%,color-mix(in srgb,var(--c) 26%,transparent),transparent 70%),
             radial-gradient(120% 90% at 50% 120%,rgba(0,0,0,.6),transparent 60%),#0d0f14}
.eb::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent)}

/* Üst çubuk */
.eb-top{position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px}
.eb-back{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-width:0;padding:6px 12px 6px 6px;border-radius:999px;color:#eef1f7;text-decoration:none;font-weight:700;font-size:.86rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:background .2s}
.eb-back:hover{background:rgba(255,255,255,.12)}
.eb-back svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.eb-back img{width:26px;height:26px;border-radius:8px;object-fit:cover;flex:none}
.eb-back span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eb-title{display:grid;justify-items:center;text-align:center;min-width:0}
.eb-title b{font-size:.98rem;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eb-title small{font-size:.74rem;color:#9aa3b5;font-variant-numeric:tabular-nums}
.eb-tools{justify-self:end;display:flex;gap:6px}
.eb-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#eef1f7;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s,opacity .2s}
.eb-btn:hover{background:rgba(255,255,255,.14)}
.eb-btn:active{transform:scale(.94)}
.eb-btn:disabled{opacity:.35;cursor:default}
.eb-btn[aria-pressed=true]{background:var(--c);border-color:transparent}
.eb-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.eb-btn:focus-visible,.eb-nav:focus-visible,.eb-back:focus-visible{outline:2px solid color-mix(in srgb,var(--c) 70%,#fff);outline-offset:2px}

/* Sahne */
.eb-stage{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;touch-action:pan-y}
.eb-stage.zoomed{overflow:auto;place-items:start center;touch-action:auto}
.eb-wrap{position:relative;padding:12px 0;perspective:2600px;animation:eb-in .9s cubic-bezier(.16,1,.3,1) both}
@keyframes eb-in{from{opacity:0;transform:translateY(24px) scale(.94) rotateX(8deg)}}
.eb-book{position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,1,.36,1);user-select:none;-webkit-user-select:none}
.eb-book.cover{transform:translateX(-25%)}     /* kapak: kitap kapalı, sağdaki kapak ortada */
.eb-book.backcover{transform:translateX(25%)}  /* arka kapak: soldaki son sayfa ortada */
.eb-book::after{content:"";position:absolute;left:4%;right:4%;bottom:-26px;height:40px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.55),transparent 70%);filter:blur(8px);z-index:-1;pointer-events:none}

.eb-page,.eb-face{position:absolute;top:0;overflow:hidden;background:#fdfdfb}
.eb-page canvas,.eb-face canvas{display:block;width:100%;height:100%}
.eb-page{box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.eb-page.empty{background:transparent;box-shadow:none}
.eb-page.empty canvas,.eb-page.empty .eb-num{display:none}
.eb-l{border-radius:6px 2px 2px 6px}
.eb-r{border-radius:2px 6px 6px 2px}
.eb-single .eb-r{border-radius:6px}
/* Cilt kıvrımı: sırta doğru gölge ve ışık */
.eb-l::after,.eb-r::after{content:"";position:absolute;top:0;bottom:0;width:9%;pointer-events:none}
.eb-l::after{right:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06) 55%,rgba(0,0,0,.2))}
.eb-r::after{left:0;background:linear-gradient(270deg,transparent,rgba(0,0,0,.06) 55%,rgba(0,0,0,.22))}
.eb-single .eb-r::after{display:none}
/* Sayfa kenarları (kitap kalınlığı) */
.eb-l::before,.eb-r::before{content:"";position:absolute;top:2px;bottom:2px;width:5px;pointer-events:none;z-index:1;
  background:repeating-linear-gradient(90deg,#e6e3dc 0 1px,#fbfaf7 1px 2px)}
.eb-l::before{left:0}.eb-r::before{right:0}
.eb-page.empty::before,.eb-page.empty::after{display:none}
.eb-num{position:absolute;bottom:8px;font-size:.66rem;font-weight:700;color:rgba(0,0,0,.35);font-variant-numeric:tabular-nums;pointer-events:none}
.eb-l .eb-num{left:14px}.eb-r .eb-num{right:14px}

/* Çevrilen yaprak */
.eb-leaf{position:absolute;top:0;transform-style:preserve-3d;display:none;z-index:3;will-change:transform}
.eb-leaf.on{display:block}
.eb-face{inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
/* Kıvrılan yaprak şeritleri */
.eb-strip{position:absolute;top:0;transform-style:preserve-3d;will-change:transform}
.eb-strip > canvas,.eb-strip > i{position:absolute;top:0;left:0;width:100%;height:100%;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.eb-strip > .b,.eb-strip > .sb{transform:rotateY(180deg)}
.eb-strip > i{pointer-events:none;background:#000}
.eb-strip > .sf{opacity:var(--df,0)}
.eb-strip > .sb{opacity:var(--db,0)}
.eb-rear{transform:rotateY(180deg)}
.eb-shade{position:absolute;inset:0;pointer-events:none;opacity:var(--s,0)}
.eb-leaf.fwd .eb-front .eb-shade{background:linear-gradient(270deg,rgba(255,255,255,.18),rgba(0,0,0,.28) 70%,rgba(0,0,0,.45))}
.eb-leaf.fwd .eb-rear .eb-shade{background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(0,0,0,.18) 60%,rgba(0,0,0,.4))}
.eb-leaf.bwd .eb-front .eb-shade{background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(0,0,0,.28) 70%,rgba(0,0,0,.45))}
.eb-leaf.bwd .eb-rear .eb-shade{background:linear-gradient(270deg,rgba(255,255,255,.22),rgba(0,0,0,.18) 60%,rgba(0,0,0,.4))}
/* Altta kalan sayfaya düşen gölge */
.eb-drop{position:absolute;top:0;bottom:0;pointer-events:none;z-index:2;opacity:0}

/* Gezinme */
.eb-nav{position:absolute;top:50%;z-index:4;width:52px;height:52px;margin-top:-26px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(13,15,20,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:opacity .25s,transform .2s,background .2s}
.eb-nav:hover{background:var(--c)}
.eb-nav:disabled{opacity:0;pointer-events:none}
.eb-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.eb-prev{left:max(12px,env(safe-area-inset-left,0px))}.eb-next{right:max(12px,env(safe-area-inset-right,0px))}
.eb-stage.zoomed .eb-nav{position:fixed}
.eb-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:999px;background:rgba(13,15,20,.7);border:1px solid rgba(255,255,255,.1);font-size:.78rem;color:#cdd3df;white-space:nowrap;animation:eb-hint 5s ease forwards;pointer-events:none}
@keyframes eb-hint{0%,8%{opacity:0;transform:translate(-50%,8px)}14%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}

/* Alt çubuk */
.eb-bar{position:relative;z-index:5;display:flex;align-items:center;gap:14px;padding:10px max(18px,env(safe-area-inset-left,0px)) calc(12px + env(safe-area-inset-bottom,0px));max-width:760px;width:100%;margin:0 auto}
.eb-count{flex:none;min-width:84px;text-align:right;font-weight:700;font-size:.84rem;font-variant-numeric:tabular-nums;color:#cdd3df}
#scrub{flex:1;-webkit-appearance:none;appearance:none;height:5px;border-radius:99px;background:linear-gradient(var(--c),var(--c)) 0/var(--p,0%) 100% no-repeat,rgba(255,255,255,.14);cursor:pointer}
#scrub::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 45%,transparent)}
#scrub::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#fff}

/* Yükleniyor */
.eb-loader{display:grid;justify-items:center;gap:16px;text-align:center}
.eb-loader p{margin:0;color:#cdd3df;font-weight:600;font-size:.9rem}
.eb-prog{width:200px;height:4px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.eb-prog i{display:block;height:100%;width:0;background:var(--c);border-radius:inherit;transition:width .3s}
.eb-lbook{position:relative;width:120px;height:84px;perspective:600px}
.eb-lbook b{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;border-radius:2px;background:color-mix(in srgb,var(--c) 70%,#000)}
.eb-lbook i{position:absolute;top:0;left:50%;width:50%;height:100%;border-radius:2px 6px 6px 2px;background:linear-gradient(90deg,#e9e6df,#fbfaf7);transform-origin:left center;animation:eb-flip 2.4s cubic-bezier(.45,.05,.55,.95) infinite}
.eb-lbook i:nth-child(2){animation-delay:.3s}.eb-lbook i:nth-child(3){animation-delay:.6s}.eb-lbook i:nth-child(4){animation-delay:.9s}
@keyframes eb-flip{0%,10%{transform:rotateY(0)}55%,100%{transform:rotateY(-180deg)}}
.eb-err{display:grid;justify-items:center;gap:8px;text-align:center;padding:24px}
.eb-err p{margin:0;color:#9aa3b5}
.eb-cta{margin-top:8px;padding:12px 20px;border-radius:12px;background:var(--c);color:#fff;font-weight:800;text-decoration:none}

/* Küçük resimler */
.eb-thumbs{position:fixed;z-index:20;top:0;right:0;bottom:0;width:min(380px,92vw);display:grid;grid-template-rows:auto 1fr;background:rgba(15,17,23,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid rgba(255,255,255,.08);box-shadow:-30px 0 60px rgba(0,0,0,.5);animation:eb-drawer .35s cubic-bezier(.16,1,.3,1)}
@keyframes eb-drawer{from{transform:translateX(40px);opacity:0}}
.eb-th-h{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px}
.eb-th-grid{overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;padding:4px 16px 24px;align-content:start}
.eb-th{display:grid;gap:6px;padding:0;border:0;background:none;cursor:pointer;text-align:center;font-size:.72rem;color:#9aa3b5;font-variant-numeric:tabular-nums}
.eb-th span{display:block;border-radius:4px;overflow:hidden;background:#24262d;box-shadow:0 6px 16px -8px rgba(0,0,0,.6);outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s,transform .2s}
.eb-th canvas{display:block;width:100%;height:auto}
.eb-th:hover span{transform:translateY(-2px)}
.eb-th.on{color:#fff;font-weight:800}
.eb-th.on span{outline-color:var(--c)}

@media(max-width:640px){
  .eb-top{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding-left:10px;padding-right:10px}
  .eb-back span{display:none}.eb-back{padding:6px}
  .eb-title{justify-items:start;text-align:left}.eb-title b{max-width:100%}
  .eb-tools{gap:4px}.eb-btn{width:36px;height:36px}
  .eb-nav{top:auto;bottom:4px;margin-top:0;width:40px;height:40px}
  .eb-prev{left:calc(50% - 52px)}.eb-next{right:calc(50% - 52px)}
  .eb-wrap{padding-bottom:46px}
  .eb-hint{bottom:52px;white-space:normal;width:max-content;max-width:86vw;text-align:center}
}
@media(prefers-reduced-motion:reduce){.eb-wrap,.eb-thumbs,.eb-hint{animation:none}.eb-book{transition:none}.eb-lbook i{animation-duration:6s}}