:root{--bg:#0B0817;--card:#13101F;--card2:#181327;--ink:#EDE9F7;--muted:#B9ACDD;--dim:#8f83b5;--violet:#B985FF;--amber:#E8A24B;--green:#54D183;--line:#332153;--dash:#2A2145}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;font-size:15.5px;line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 22px 80px}
a{color:var(--violet);text-decoration:none}
em{font-family:'Instrument Serif',serif;font-style:italic;color:var(--violet);font-size:1.06em}
b{color:var(--ink)}
p{color:var(--muted);margin:0 0 18px}
/* üst arama çubuğu */
.bar{position:sticky;top:0;z-index:60;background:rgba(11,8,23,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:10px 22px}
.bar-ic{max-width:760px;margin:0 auto;display:flex;gap:10px;align-items:center}
.bar-marka{display:flex;align-items:center;gap:9px;color:var(--violet)}
.kapak-marka{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6D28D9;padding:26px 0 4px}
.kapak-marka span{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.34em;text-transform:uppercase}
.muhur{display:flex;flex-direction:column;align-items:center;gap:10px;margin:30px 0 8px}
.muhur svg{width:180px;height:auto;transform:rotate(-7deg);color:#6D28D9;opacity:.93}
.muhur .aciklama{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase}
.bar-logo b{color:var(--ink);font-weight:700}
.bar-logo{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.18em;color:var(--violet);text-transform:uppercase;white-space:nowrap}
#ara{flex:1;background:var(--card);border:1.5px solid var(--line);border-radius:999px;color:var(--ink);font-family:inherit;font-size:13.5px;padding:9px 16px;outline:none}
#ara:focus{border-color:var(--violet)}
#araBilgi{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--dim);white-space:nowrap}
#araSil{display:none;background:none;border:1px solid var(--line);color:var(--dim);border-radius:999px;padding:6px 12px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;cursor:pointer}
mark{background:rgba(185,133,255,.28);color:var(--ink);border-radius:3px;padding:0 2px}
/* kapak */
.kapak{padding:64px 0 30px;text-align:left}
.kapak .kicker{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.22em;color:var(--violet);text-transform:uppercase;margin-bottom:16px}
h1{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(34px,6vw,46px);line-height:1.14;margin-bottom:18px}
.kapak .alt{color:var(--muted);font-size:16px;max-width:600px}
.buyuk-ara{margin:30px 0 6px}
.buyuk-ara .soru{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--violet);text-transform:uppercase;margin-bottom:10px}
#araBuyuk{width:100%;background:var(--card);border:2px solid var(--line);border-radius:999px;color:var(--ink);font-family:inherit;font-size:16px;padding:16px 24px;outline:none;box-shadow:0 8px 30px rgba(124,58,237,.12);transition:border-color .2s;box-sizing:border-box}
#araBuyuk:focus{border-color:var(--violet)}
.defter{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--violet);border-radius:14px;padding:20px 22px;margin:26px 0;font-family:'Instrument Serif',serif;font-size:18.5px;line-height:1.6;color:var(--ink)}
.defter .kim{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;margin-top:12px}
/* içindekiler */
.icindekiler{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;margin:34px 0}
.icindekiler .t{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.2em;color:var(--dim);text-transform:uppercase;margin-bottom:16px}
.ic-satir{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px dashed var(--dash);color:var(--ink);font-size:14.5px}
.ic-satir:last-child{border-bottom:none}
.ic-satir .no{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--violet);min-width:26px}
.ic-satir span{color:var(--dim);font-size:12.5px;margin-left:auto;text-align:right}
/* bölümler: yerinde açılan kitap */
.bolum{border:1px solid var(--line);border-radius:16px;margin:12px 0;scroll-margin-top:70px;background:rgba(19,16,31,.5);overflow:hidden}
.bolum-bas{width:100%;background:none;border:none;color:var(--ink);font-family:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 20px}
.bolum-bas:hover .bb-ok{border-color:var(--violet)}
.bb-no{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.16em;color:var(--violet);text-transform:uppercase;white-space:nowrap}
.bb-t{font-family:'Instrument Serif',serif;font-size:clamp(19px,3.6vw,23px);line-height:1.25;flex:1}
.bb-ok{color:var(--violet);font-size:14px;min-width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;opacity:.85;transition:transform .25s}
.bolum.acik .bb-ok{transform:rotate(180deg)}
.b-icerik{display:none;padding:2px 20px 22px;border-top:1px dashed var(--dash)}
.bolum.acik .b-icerik{display:block}
.donus{background:none;border:none;cursor:pointer;padding:0}
.b-kicker{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.2em;color:var(--violet);text-transform:uppercase}
h2{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(26px,4.6vw,33px);line-height:1.2;margin:8px 0 20px}
h3{font-size:16.5px;font-weight:600;margin:26px 0 10px}
.kart{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;margin:18px 0}
.satir{display:grid;grid-template-columns:18px 1fr;column-gap:10px;padding:10px 0;border-bottom:1px dashed var(--dash);font-size:13.5px}
.satir::before{content:"→";color:var(--violet);font-size:12px;font-family:'IBM Plex Mono',monospace}
.satir:last-of-type{border-bottom:none}
.satir b{display:block;margin-bottom:2px}
.satir span{color:var(--dim)}
.rakamlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}
.rk{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center}
.rk b{font-family:'Instrument Serif',serif;font-size:27px;color:var(--violet);display:block}
.rk span{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.08em;color:var(--dim);text-transform:uppercase}
.zaman{border-left:2px solid var(--line);margin:20px 0 20px 8px;padding-left:22px}
.z{position:relative;padding-bottom:20px}
.z::before{content:"";position:absolute;left:-27.5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--violet)}
.z .yil{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--violet)}
.z p{margin:2px 0 0;font-size:14px}
.dip{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--dim);line-height:1.6;border-top:1px dashed var(--dash);padding-top:12px;margin-top:16px}
.donus{display:block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--dim);margin-top:22px}
.uyari{background:#241945;border:1px solid #7a6a3a;border-radius:12px;padding:14px 16px;font-size:13.5px;color:var(--muted);margin:16px 0}
.uyari b{color:var(--amber)}
.yesil{background:#152a20;border:1px solid #2e6b4a;border-radius:12px;padding:14px 16px;font-size:13.5px;color:var(--muted);margin:16px 0}
.yesil b{color:var(--green)}
/* SSS */
.sss{border:1px solid var(--line);border-radius:14px;margin:10px 0;background:var(--card);overflow:hidden}
.sss-b{width:100%;background:none;border:none;color:var(--ink);font-family:inherit;font-size:14.5px;font-weight:600;text-align:left;padding:16px 18px;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}
.sss-b .ok{color:var(--violet);font-family:'IBM Plex Mono',monospace;transition:transform .25s;flex:none}
.sss.acik .ok{transform:rotate(180deg)}
.sss-g{display:none;padding:0 18px 16px;color:var(--muted);font-size:13.5px;line-height:1.7;border-top:1px dashed var(--dash);padding-top:12px}
.sss.acik .sss-g{display:block}
/* ── KİTAP MODU ── */
.kitap-sahne{perspective:1800px;position:relative}
body.kitap.ic-sayfa .kapak{display:none}
body.kitap .bolum{display:none;border:none;background:none;margin:0}
body.kitap .bolum.sayfa-aktif{display:block}
.sayfa-kagit{
  /* fiziksel kâğıt: değişkenler sayfa kapsamında yeniden tanımlanır, tüm iç bileşenler kendiliğinden uyar */
  --card:#FBF6EC;--ink:#241C3A;--muted:#4A4160;--dim:#7A7092;--violet:#6D28D9;--amber:#9A6A14;--green:#1F7A4A;--line:#DCD2C0;--dash:#E5DCCB;
  background:linear-gradient(180deg,#F6F0E4 0%,#F2EBDD 100%);color:var(--ink);
  border:1px solid #E0D6C4;border-radius:16px;transform-origin:left center;backface-visibility:hidden;
  box-shadow:0 22px 48px rgba(0,0,0,.5), 5px 6px 0 -2px #E4DBC9, 10px 12px 0 -4px #D9CFBB, inset -16px 0 26px -20px rgba(90,70,40,.45);
}
.sayfa-kagit{position:relative}
.sayfa-kagit p{color:var(--muted)}
.levha{display:flex;justify-content:center;padding:20px 20px 2px}
.levha svg{width:min(230px,68%);height:auto}
.levha svg *{stroke:#6D28D9;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.levha svg .a{stroke:#3A2F5C}
.levha svg .h{stroke-width:.9;opacity:.5}
.levha svg .d{fill:#6D28D9;stroke:none}
.levha svg text{fill:#6D28D9;stroke:none;font-family:'IBM Plex Mono',monospace}
.kose-cevir{position:absolute;right:0;bottom:0;width:62px;height:62px;cursor:pointer;border:none;padding:0;
  background:linear-gradient(135deg, transparent 48%, #EFE5D0 49%, #D9CEB6 82%, #CBBFA5 100%);
  border-radius:0 0 15px 0;box-shadow:-5px -5px 12px rgba(90,70,40,.28), inset 2px 2px 3px rgba(255,255,255,.5);
  transition:width .22s,height .22s;transform-origin:bottom right;animation:kivrimNefes 2.6s ease-in-out infinite}
.kose-cevir:hover{width:76px;height:76px;animation:none}
.kose-cevir::after{content:"›";position:absolute;right:10px;bottom:6px;color:#6D28D9;font-size:19px;font-weight:700;font-family:'IBM Plex Mono',monospace}
@keyframes kivrimNefes{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.kose-ilk{position:absolute;left:12px;bottom:12px;background:none;border:1.5px solid #6D28D9;color:#6D28D9;border-radius:10px;line-height:0;padding:7px 8px;cursor:pointer;transition:background .2s,transform .2s}
.kose-ilk:hover{background:rgba(109,40,217,.1);transform:scale(1.08)}
body.ilk-sayfa .kose-ilk{display:none}
body.son-sayfa .kose-cevir{display:none}
body.arama-modu .kose-cevir,body.arama-modu .kose-ilk{display:none}
.sayfa-kagit .uyari{background:#F7ECD5;border-color:#D8AE60}
.sayfa-kagit .yesil{background:#E8F3EB;border-color:#93C7A6}
.sayfa-kagit mark{background:#E6D6FF;color:#241C3A}
.sayfa-kagit .defter{box-shadow:none}
.sayfa-kagit .kn-btn{border-color:var(--line)}
.sayfa-kagit ::selection{background:#D9C6F5}
body.kitap .sayfa-kagit{display:flex;flex-direction:column;max-height:calc(100vh - 150px)}
body.kitap .levha,body.kitap .bolum-bas,body.kitap .sayfa-no{flex:none}
body.kitap .sayfa-ic{flex:1;min-height:0;overflow-y:auto;padding:6px 20px 22px;scrollbar-width:thin}
body.kitap .bolum-bas{cursor:default;pointer-events:none;padding:18px 20px 10px}
body.kitap .bb-ok{display:none}
body.kitap .b-icerik{display:block;border-top:1px dashed var(--dash)}
body.kitap .donus{display:none}
.sayfa-no{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--dim);text-align:center;padding:10px 64px 18px}
@keyframes cevirIleri{0%{transform:rotateY(0)}100%{transform:rotateY(-102deg);opacity:.2}}
@keyframes cevirGeri{0%{transform:rotateY(-102deg);opacity:.2}100%{transform:rotateY(0)}}
.cevriliyor-ileri{animation:cevirIleri .42s ease-in forwards}
.cevriliyor-geri{animation:cevirGeri .42s ease-out forwards}
/* kapak sayfası (içindekiler) */
#kapakSayfa{display:none}
body.kitap #kapakSayfa.sayfa-aktif{display:block}
.kd-satir{display:flex;align-items:baseline;gap:12px;padding:10px 2px;border-bottom:1px dashed var(--dash);color:var(--ink);font-size:14.5px;cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;font-family:inherit}
.kd-satir:hover .kd-t{color:var(--violet)}
.kd-satir .no{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--violet);min-width:26px}
.kd-satir .syf{margin-left:auto;font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--dim)}
/* alt kitap navigasyonu */
.kitap-nav{position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(11,8,23,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:none}
body.kitap .kitap-nav{display:block}
body.arama-modu .kitap-nav{display:none}
.kn-ic{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 22px}
.kn-btn{background:var(--card);border:1.5px solid var(--line);color:var(--ink);border-radius:999px;padding:9px 16px;font-family:inherit;font-size:13px;cursor:pointer}
.kn-btn:hover{border-color:var(--violet)}
.kn-btn:disabled{opacity:.35;cursor:default}
.kn-orta{flex:1;text-align:center;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--dim)}
.kn-dizin{background:none;border:none;color:var(--violet);font-family:'IBM Plex Mono',monospace;font-size:10.5px;cursor:pointer;letter-spacing:.08em}
/* arama modunda düz akış */
body.arama-modu .bolum{display:block}
body.arama-modu .bolum.gizli{display:none}
.ilan-notu{max-width:760px;margin:70px auto 0;padding:0 22px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;line-height:1.85;color:var(--dim)}
.ilan-notu span{color:var(--muted)}
footer{border-top:1px solid var(--line);margin-top:22px;padding:26px 22px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--dim);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;max-width:760px;margin-left:auto;margin-right:auto}
.gizli{display:none!important}