/**
 * heworx Dergi — flipbook görüntüleyici.
 *
 * Renkler değişkenlerden: koyu palet (Sarı Şerit) varsayılan, açık palet (kâğıt)
 * ayardan geliyor; değerleri okuyucunun <head>'inde hwd_palet() basıyor.
 *
 * Tam ekran bir okuma sahnesi: koyu zemin, üstte ince araç çubuğu, ortada
 * sayfaları çevrilen kitap. Kitabın boyutunu flipbook.js (sigdir) sahneye
 * göre ayarlıyor; yakınlaşma .hwd-zoom katmanında transform ile yapılıyor.
 */

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;height:100%}
body.hwd-oku{
	background:var(--hwd-zemin,#0c0b0a);color:var(--hwd-metin,#f3efe7);overflow:hidden;
	font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
}
button{font:inherit}
.hwd-oku svg{display:block;flex:0 0 auto}

/* ---------------------------------------------------------- araç çubuğu */

.hwd-cubuk{
	position:fixed;top:0;left:0;right:0;height:58px;z-index:6;
	display:flex;align-items:center;gap:18px;padding:0 20px;
	background:rgba(var(--hwd-zemin-rgb,12,11,10),.94);border-bottom:1px solid rgba(var(--hwd-cizgi-rgb,255,255,255),.07);
}
.hwd-cubuk-logo{display:flex;align-items:center;flex:0 0 auto}
.hwd-cubuk-logo img{height:30px;width:auto;display:block}
.hwd-cubuk-baslik{
	font:italic 15px/1.2 Georgia,"Times New Roman",serif;color:var(--hwd-metin-2,#d9d3c9);
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;
}
.hwd-cubuk-sag{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}

.hwd-dugme{
	display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;min-width:38px;padding:0 14px;margin:0;
	border:1px solid rgba(var(--hwd-cizgi-rgb,255,255,255),.16);border-radius:999px;background:transparent;color:var(--hwd-metin,#f3efe7);
	font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1;text-decoration:none;cursor:pointer;
	transition:background .2s,border-color .2s,color .2s;
}
.hwd-dugme:hover,.hwd-dugme:focus-visible{background:var(--hwd-vurgu,#ffd31a);border-color:var(--hwd-vurgu,#ffd31a);color:var(--hwd-vurgu-metin,#111);outline:none}
.hwd-dugme svg{width:17px;height:17px}
.hwd-dugme-ikon{width:38px;padding:0}

/* Ses düğmesi: kapalıyken dalgalar yerine çarpı. */
.hwd-ses-kapali{display:none}
.hwd-dugme.kapali .hwd-ses-dalga{display:none}
.hwd-dugme.kapali .hwd-ses-kapali{display:inline}
.hwd-dugme.kapali{color:#8a8378}

/* Sayaç: basınca sayfaya git paneli. */
.hwd-sayac{
	min-width:96px;height:38px;padding:0 10px;border:0;border-radius:999px;background:transparent;cursor:pointer;
	font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--hwd-metin-2,#d9d3c9);font-variant-numeric:tabular-nums;
	text-decoration:underline dotted rgba(var(--hwd-vurgu-rgb,255,211,26),.55);text-underline-offset:5px;
	transition:color .2s,background .2s;
}
.hwd-sayac:hover,.hwd-sayac:focus-visible{color:var(--hwd-vurgu,#ffd31a);background:rgba(var(--hwd-cizgi-rgb,255,255,255),.06);outline:none}

.hwd-geri{color:var(--hwd-metin-3,#bdb6aa);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.14em;white-space:nowrap}
.hwd-geri:hover{color:var(--hwd-vurgu,#ffd31a)}

/* ---------------------------------------------------------------- sahne */

.hwd-sahne{
	position:fixed;top:58px;left:0;right:0;bottom:0;overflow:hidden;
	display:flex;align-items:center;justify-content:center;padding:22px 96px;
	touch-action:none;
}
.hwd-zoom{width:100%;transform-origin:0 0;will-change:transform}
.hwd-kitap{margin:0 auto}
.hwd-sayfa{background:#f3efe6;overflow:hidden}
.hwd-sayfa img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.stf__parent{filter:drop-shadow(0 26px 40px rgba(0,0,0,.55))}

body.hwd-yakin .hwd-sahne{cursor:grab}
body.hwd-suruklen,body.hwd-suruklen .hwd-sahne{cursor:grabbing}

/* Kenar okları: kitabın iki yanında, dikeyde tam ortada. */
.hwd-yan{
	position:fixed;top:calc(50% + 29px);z-index:4;transform:translateY(-50%);
	display:grid;place-items:center;width:60px;height:60px;padding:0;margin:0;
	border:1px solid rgba(var(--hwd-cizgi-rgb,255,255,255),.16);border-radius:50%;
	background:rgba(var(--hwd-zemin-rgb,12,11,10),.62);color:var(--hwd-metin,#f3efe7);cursor:pointer;
	transition:background .2s,color .2s,border-color .2s,opacity .25s;
}
.hwd-yan svg{width:28px;height:28px}
.hwd-yan:hover,.hwd-yan:focus-visible{background:var(--hwd-vurgu,#ffd31a);border-color:var(--hwd-vurgu,#ffd31a);color:var(--hwd-vurgu-metin,#111);outline:none}
.hwd-yan.onceki{left:18px}
.hwd-yan.sonraki{right:18px}
body.hwd-yakin .hwd-yan{opacity:0;pointer-events:none}

/* Açılışta kısa ipucu. */
.hwd-ipucu{
	position:fixed;left:50%;bottom:22px;z-index:5;transform:translate(-50%,10px);
	padding:10px 18px;border-radius:999px;background:rgba(var(--hwd-zemin-rgb,12,11,10),.86);border:1px solid rgba(var(--hwd-cizgi-rgb,255,255,255),.1);
	font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--hwd-metin-2,#d9d3c9);white-space:nowrap;
	opacity:0;pointer-events:none;transition:opacity .5s,transform .5s;
}
.hwd-ipucu.gorunur{opacity:1;transform:translate(-50%,0)}

/* ------------------------------------------------------ sayfalar paneli */

.hwd-panel{
	position:fixed;top:58px;left:0;right:0;bottom:0;z-index:8;
	display:flex;flex-direction:column;background:rgba(var(--hwd-zemin-rgb,12,11,10),.97);
	animation:hwd-belir .25s ease both;
}
.hwd-panel-ust{
	display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;padding:18px 24px;
	border-bottom:1px solid rgba(var(--hwd-cizgi-rgb,255,255,255),.08);
}
.hwd-panel-ust strong{font:italic 20px/1 Georgia,"Times New Roman",serif;color:var(--hwd-metin,#f3efe7)}
.hwd-git{display:flex;align-items:center;gap:8px}
.hwd-git label{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--hwd-metin-3,#bdb6aa)}
.hwd-git input{
	width:92px;height:38px;padding:0 12px;border:1px solid rgba(var(--hwd-cizgi-rgb,255,255,255),.2);border-radius:999px;
	background:#171512;color:var(--hwd-metin,#f3efe7);font:700 14px/1 system-ui,sans-serif;text-align:center;
}
.hwd-git input:focus{outline:none;border-color:var(--hwd-vurgu,#ffd31a)}
.hwd-panel-kisa{display:flex;gap:8px;flex-wrap:wrap}
.hwd-panel-kapat{margin-left:auto}
.hwd-panel-izgara{
	flex:1;overflow:auto;padding:24px;
	display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:22px 18px;align-content:start;
}
.hwd-kucuk{
	display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:transparent;color:var(--hwd-metin-3,#bdb6aa);cursor:pointer;
	font-size:11px;font-weight:700;letter-spacing:.1em;
}
.hwd-kucuk img{
	width:100%;aspect-ratio:var(--oran-tek, .707);object-fit:cover;background:#1d1a16;
	box-shadow:0 8px 18px rgba(0,0,0,.45);outline:2px solid transparent;outline-offset:3px;transition:outline-color .2s,transform .2s;
}
.hwd-kucuk:hover img,.hwd-kucuk:focus-visible img{outline-color:rgba(var(--hwd-vurgu-rgb,255,211,26),.6);transform:translateY(-2px)}
.hwd-kucuk.simdi img{outline-color:var(--hwd-vurgu,#ffd31a)}
.hwd-kucuk.simdi span{color:var(--hwd-vurgu,#ffd31a)}

/* Dar ekran: tek sayfa, kenar okları gizli, çubuk sadeleşiyor. */
@media (max-width:760px){
	.hwd-sahne{padding:14px 10px}
	.hwd-yan,.hwd-cubuk-baslik,.hwd-geri span{display:none}
	.hwd-cubuk{gap:8px;padding:0 10px}
	.hwd-cubuk-logo img{height:24px}
	.hwd-dugme-metin{display:none}
	.hwd-dugme{padding:0;width:38px}
	.hwd-sayac{min-width:72px;padding:0 4px}
	.hwd-panel-ust{padding:14px}
	.hwd-panel-izgara{padding:16px;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:18px 12px}
}
@media (max-width:420px){
	.hwd-cubuk-logo{display:none}
}

/* Tam ekranda çubuk inceliyor. */
body.hwd-tamekran .hwd-cubuk{background:rgba(var(--hwd-zemin-rgb,12,11,10),.55);border-bottom-color:transparent}

/* -------------------------------------------------------- yükleme ekranı */

.hwd-yukle{
	position:fixed;inset:0;z-index:10;
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px;
	background:radial-gradient(ellipse at 50% 45%, var(--hwd-zemin-2,#211d18) 0%, var(--hwd-zemin,#0c0b0a) 68%);
	transition:opacity .8s ease, visibility .8s;
}
.hwd-yukle.bitti{opacity:0;visibility:hidden}
.hwd-yukle-logo{width:min(360px,72vw);height:auto;opacity:0;animation:hwd-belir 1s .1s ease forwards}
.hwd-yukle-sayi{
	font:italic 17px/1.3 Georgia,"Times New Roman",serif;color:var(--hwd-metin-2,#d9d3c9);text-align:center;
	opacity:0;animation:hwd-belir 1s .35s ease forwards;
}
.hwd-yukle-ray{
	position:relative;width:min(300px,68vw);height:8px;overflow:hidden;
	background:rgba(var(--hwd-cizgi-rgb,255,255,255),.07);box-shadow:inset 0 0 0 1px rgba(var(--hwd-cizgi-rgb,255,255,255),.05);
	opacity:0;animation:hwd-belir .8s .55s ease forwards;
}
.hwd-yukle-dolu{
	position:absolute;top:0;left:0;bottom:0;width:0;
	background:repeating-linear-gradient(135deg,var(--hwd-vurgu,#ffd31a) 0 8px,var(--hwd-vurgu-metin,#111) 8px 16px);
	background-size:22.6px 22.6px;animation:hwd-serit .9s linear infinite;
	transition:width .45s cubic-bezier(.22,.61,.36,1);
}
.hwd-yukle-yazi{
	display:flex;gap:12px;align-items:baseline;min-height:16px;
	font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--hwd-metin-3,#bdb6aa);
	opacity:0;animation:hwd-belir .8s .7s ease forwards;
}
.hwd-yukle-yazi b{color:var(--hwd-vurgu,#ffd31a);font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.hwd-yukle-ifade{transition:opacity .35s}
.hwd-yukle-ifade.degisiyor{opacity:0}
.hwd-yukle-hata{display:none;font-size:14px;color:var(--hwd-metin,#f3efe7);text-align:center;max-width:320px;line-height:1.6}
.hwd-yukle-hata a{color:var(--hwd-vurgu,#ffd31a)}
.hwd-yukle.hatali .hwd-yukle-hata{display:block}
.hwd-yukle.hatali .hwd-yukle-ray,.hwd-yukle.hatali .hwd-yukle-yazi{display:none}

@keyframes hwd-belir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes hwd-serit{to{background-position:22.6px 0}}

@media (prefers-reduced-motion:reduce){
	.hwd-yukle-dolu{animation:none}
	.hwd-yukle-logo,.hwd-yukle-sayi,.hwd-yukle-ray,.hwd-yukle-yazi,.hwd-panel{animation:none;opacity:1}
}