/* EŞİK — CANGIL (cangil.js): kâğıdın arkasındaki sahne, satır tuvalleri, sözcük efektleri. static-reader.css animasyonları kapatır: !important. */
#cgArka,#cgArka2{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}
html:not(.night) #cgArka{opacity:.62}
html:not(.night) #cgArka2{opacity:.85}
/* satır tuvalleri yazının altında kalsın diye akış kendi katmanını kurar */
html.cgOn .continuous .flow{position:relative;z-index:1}
.cgTasiyici{position:relative!important}
.cgTuval{position:absolute;pointer-events:none;z-index:-1}
/* 7-4 p279: ok "yılan" sözcüğünü ikiye böler — iki kopya, eğik çizginin üstü ve altı; aralarında ince kızıl bir yarık */
.cgYar{position:relative;display:inline-block}
.cgYar>.cgYarU{display:inline-block;clip-path:polygon(-10% -60%,110% -60%,110% 40%,-10% 68%)}
.cgYar>.cgYarA{position:absolute;left:0;top:0;clip-path:polygon(-10% 68%,110% 40%,110% 160%,-10% 160%);pointer-events:none;user-select:none}
.cgYar.on>.cgYarU{translate:0 -1.5px;rotate:-1deg}
.cgYar.on>.cgYarA{translate:0 1.5px;rotate:.8deg}
.cgYar::after{content:'';position:absolute;left:-10%;right:-10%;top:52%;height:1.4px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(170,20,30,.85) 18%,rgba(255,130,110,.95) 52%,rgba(170,20,30,.85) 84%,transparent);transform:rotate(-7deg) scaleX(0);transform-origin:100% 50%;opacity:0}
.cgYar.on::after{transform:rotate(-7deg) scaleX(1);opacity:.75}
.cgYarAn.on>.cgYarU,.cgYarAn.on>.cgYarA{transition:translate .55s cubic-bezier(.2,.9,.2,1) .06s,rotate .55s cubic-bezier(.2,.9,.2,1) .06s!important}
.cgYarAn.on::after{transition:transform .12s ease-out,opacity .12s!important}
html:not(.night) .cgYar::after{background:linear-gradient(90deg,transparent,rgba(150,10,20,.7) 18%,rgba(200,40,40,.8) 52%,rgba(150,10,20,.7) 84%,transparent)}
@media (prefers-reduced-motion:reduce){.cgYarAn.on>.cgYarU,.cgYarAn.on>.cgYarA,.cgYarAn.on::after{transition:none!important}}
/* arka sahne görünsün: gövdenin zemini saydam (kök zemin aynı renkte kalır) */
html.cgOn body{background:transparent!important}
/* 7-5 su altı (p247–269): ekrandaki satırlar akıntıda yavaşça salınır; "kahramanınım" satırı (p235) demir atmış gibi kıpırdamaz ve ışır */
html.cgSualti .cgDalga{animation:cgSalin 5.2s ease-in-out var(--dg,0s) infinite!important}
@keyframes cgSalin{0%,100%{translate:-3px 0;rotate:-.22deg}50%{translate:3px 1px;rotate:.22deg}}
.cgKahraman{text-shadow:0 0 14px rgba(255,212,150,.4),0 0 2px rgba(255,232,196,.3);transition:text-shadow 1.6s ease!important}
html:not(.night) .cgKahraman{text-shadow:0 0 12px rgba(190,120,30,.26)}
html.cgSualti .cgKahraman{text-shadow:0 0 18px rgba(150,232,255,.5),0 0 3px rgba(214,250,255,.45)}
/* p266: suyun içinde düşünceler çalkalanır — her sözcük kendi yönünde döner */
.cgKelime{display:inline-block}
html.cgSualti .cgKelime{animation:cgCalk 3.6s ease-in-out var(--d,0s) infinite!important}
@keyframes cgCalk{0%,100%{translate:0 0;rotate:0deg}33%{translate:calc(var(--r)*3px) calc(var(--r)*-2.5px);rotate:calc(var(--r)*5deg)}66%{translate:calc(var(--r)*-2px) calc(var(--r)*2px);rotate:calc(var(--r)*-3deg)}}
/* p290 "Rem'i… kurtar…": bilinç kayarken yazı söner ve bulanıklaşır */
.cgKurtar{animation:cgKurtar 4.8s ease-in .5s both!important}
@keyframes cgKurtar{0%{opacity:1;filter:blur(0);translate:0 0}100%{opacity:.48;filter:blur(.9px);translate:0 2px}}
@media (prefers-reduced-motion:reduce){html.cgSualti .cgDalga,html.cgSualti .cgKelime{animation:none!important}.cgKurtar{animation:none!important;opacity:.6}}
/* 7-6 Şatranç: sözcük bir taş gibi kare atlar (hayaleti), "şah" devrilir */
.cgTasKok{position:relative;display:inline-block}
/* hayalet: üstünde sözcüğün yazdığı beşgen ahşap bir taş (Şatranç taşı); altındaki sözcükleri örter, karışık görünmez */
.cgTasHayal{position:absolute;left:-.42em;top:-.34em;padding:.4em .42em .14em;line-height:1.15;white-space:nowrap;pointer-events:none;user-select:none;font-size:.92em;color:#2b1a0b;text-shadow:0 1px 0 rgba(255,235,200,.35);background:radial-gradient(120% 90% at 50% 15%,#f6e0ae,#ddb57c 55%,#b3824a);clip-path:polygon(50% 0,95% 22%,100% 100%,0 100%,5% 22%)}
.cgIkiKare{animation:cgIkiKare 1.3s cubic-bezier(.35,.65,.3,1) both!important}
@keyframes cgIkiKare{0%{translate:0 0;opacity:0}8%{opacity:1}30%{translate:calc(var(--adim)*.5) -.45em}45%{translate:var(--adim) 0}62%{translate:calc(var(--adim)*1.5) -.45em}78%{translate:calc(var(--adim)*2) 0;opacity:1}100%{translate:calc(var(--adim)*2) 0;opacity:0}}
.cgCapraz{animation:cgCapraz .9s cubic-bezier(.35,.65,.3,1) both!important}
@keyframes cgCapraz{0%{translate:0 0;opacity:0}10%{opacity:1}36%{translate:calc(var(--adim)*.5) calc(var(--yuk)*.5 - .5em)}62%{translate:var(--adim) var(--yuk);opacity:1}100%{translate:var(--adim) var(--yuk);opacity:0}}
.cgSah{display:inline-block;transform-origin:88% 92%}
.cgSah.cgDevrik{padding:.3em .34em .08em;margin:-.3em -.1em -.08em;line-height:1.1;color:#2b1a0b;text-shadow:0 1px 0 rgba(255,235,200,.35);background:radial-gradient(120% 90% at 50% 15%,#f6e0ae,#ddb57c 55%,#b3824a);clip-path:polygon(50% 0,95% 22%,100% 100%,0 100%,5% 22%);animation:cgDevrik .75s cubic-bezier(.5,0,.75,0) both!important}
@keyframes cgDevrik{0%{rotate:0deg}45%{rotate:-7deg}100%{rotate:68deg;translate:0 .06em}}
/* 7-6 "Savaş esiri." harfleri bağlanır gibi sıkışır · "…Jamal." ayazı */
.cgEsir{animation:cgEsir 1.3s cubic-bezier(.2,.8,.2,1) both!important}
@keyframes cgEsir{0%{letter-spacing:.38em;opacity:.25;filter:blur(1.2px)}60%{letter-spacing:-.02em;opacity:1;filter:none}78%{letter-spacing:.02em}100%{letter-spacing:0}}
.cgAyaz{animation:cgAyaz 2.2s ease both!important}
@keyframes cgAyaz{0%{text-shadow:none}20%{text-shadow:0 0 14px rgba(150,200,255,.7)}100%{text-shadow:none}}
html:not(.night) .cgAyaz{animation-name:cgAyazA!important}
@keyframes cgAyazA{0%{text-shadow:none}20%{text-shadow:0 0 10px rgba(60,110,180,.45)}100%{text-shadow:none}}
/* 7-6 bıçağın parıltısı (p172 Kılıç Kurdu, p267 ipler kesilir) */
.cgParilti{position:relative}
.cgParilti::after{content:'';position:absolute;inset:-2px -6px;pointer-events:none;background:linear-gradient(105deg,transparent 44%,rgba(255,248,225,.2) 48.5%,rgba(255,255,255,.5) 50%,rgba(255,248,225,.2) 51.5%,transparent 56%);background-size:400% 100%;mix-blend-mode:screen;animation:cgParilti 1.2s ease-out .1s both!important}
html:not(.night) .cgParilti::after{mix-blend-mode:normal;background:linear-gradient(105deg,transparent 45%,rgba(255,255,255,.8) 50%,transparent 55%);background-size:400% 100%}
@keyframes cgParilti{0%{background-position:100% 0;opacity:1}100%{background-position:0% 0;opacity:0}}
/* 7-6 "Kutsal Vollachia İmparatorluğu" — imparatorluk mürekkebi · "eziliyordu" ezilir · "Rem benim sevdiğim kız" · acıda satır titrer */
.cgImparator{color:#a9bdff!important;text-shadow:0 0 14px rgba(80,120,255,.45);transition:color 1.4s ease,text-shadow 1.4s ease!important}
html:not(.night) .cgImparator{color:#1c3796!important;text-shadow:none}
.cgEzil{display:inline-block;transform-origin:0% 92%;animation:cgEzil .55s cubic-bezier(.6,-.2,.4,1.4) .25s both!important}
@keyframes cgEzil{0%{scale:1 1}100%{scale:1.06 .58}}
.cgSevgi{border-radius:.4em;animation:cgSevgi 1.8s ease both!important}
@keyframes cgSevgi{0%{color:inherit;text-shadow:0 0 0 rgba(255,150,180,0);background:radial-gradient(60% 140% at 50% 55%,rgba(255,140,175,0),transparent 72%)}
 100%{color:#ffd3de;text-shadow:0 0 16px rgba(255,140,175,.7),0 0 2px rgba(255,205,220,.6);background:radial-gradient(60% 140% at 50% 55%,rgba(255,140,175,.2),transparent 72%)}}
html:not(.night) .cgSevgi{animation-name:cgSevgiA!important}
@keyframes cgSevgiA{0%{color:inherit;text-shadow:none;background:radial-gradient(60% 140% at 50% 55%,rgba(255,150,180,0),transparent 72%)}
 100%{color:#a8243f;text-shadow:0 0 10px rgba(220,90,120,.35);background:radial-gradient(60% 140% at 50% 55%,rgba(255,150,180,.32),transparent 72%)}}
.cgTitre{animation:cgTitre .9s linear both!important}
@keyframes cgTitre{0%,100%{translate:0 0}10%{translate:-3px 1px}20%{translate:3px -1px}30%{translate:-2px 0}40%{translate:2px 1px}50%{translate:-2px -1px}60%{translate:1px 0}70%{translate:-1px 1px}80%{translate:1px 0}90%{translate:0 0}}
/* atlayarak gelindiyse son hâl hemen */
.cgHemen,.cgHemen::after{animation-duration:.001s!important;animation-delay:0s!important}
@media (prefers-reduced-motion:reduce){.cgIkiKare,.cgCapraz,.cgTitre{animation:none!important;opacity:0}.cgEsir,.cgEzil,.cgDevrik{animation-duration:.001s!important}}
/* 7-7 Rem'in "Fufu."su ılır · p340 Jamal'ın kini */
.cgFufu{animation:cgFufu 1.8s ease both!important}
@keyframes cgFufu{0%{color:inherit;text-shadow:0 0 0 rgba(255,200,150,0)}100%{color:#ffe2c4;text-shadow:0 0 14px rgba(255,190,130,.6)}}
html:not(.night) .cgFufu{animation-name:cgFufuA!important}
@keyframes cgFufuA{0%{text-shadow:0 0 0 rgba(200,120,60,0)}100%{text-shadow:0 0 10px rgba(200,120,60,.28)}}
.cgKin{color:#d39494!important;text-shadow:0 0 10px rgba(110,0,0,.55);transition:color 1.6s ease,text-shadow 1.6s ease!important}
html:not(.night) .cgKin{color:#7a1d1d!important;text-shadow:none}
/* 7-8 Emilia'nın sözü gümüş · Jamal'ın sözleri morarmış kırmızı · ad teması · Todd'un en sakin satırı · zehir */
.cgGumus{animation:cgGumus 1.8s ease both!important}
@keyframes cgGumus{0%{text-shadow:0 0 0 rgba(200,215,255,0)}100%{color:#eef2ff;text-shadow:0 0 14px rgba(200,215,255,.6)}}
html:not(.night) .cgGumus{animation-name:cgGumusA!important}
@keyframes cgGumusA{0%{text-shadow:none}100%{color:#3a4f8a;text-shadow:0 0 10px rgba(120,150,220,.3)}}
.cgJamal{color:#d99a9a!important;text-shadow:0 0 9px rgba(120,0,0,.55)}
html:not(.night) .cgJamal{color:#7c2020!important;text-shadow:none}
.cgSogukSoz{text-shadow:0 0 12px rgba(150,190,240,.45)}
html:not(.night) .cgSogukSoz{text-shadow:0 0 10px rgba(60,100,170,.25)}
.cgAdYok{display:inline-block;animation:cgAdYok 2.4s ease both!important}
@keyframes cgAdYok{0%{opacity:1;filter:none;letter-spacing:0}100%{opacity:.3;filter:blur(.9px);letter-spacing:.32em}}
.cgAdSicak{animation:cgAdSicak 1.8s ease both!important}
@keyframes cgAdSicak{100%{color:#ffd79a;text-shadow:0 0 16px rgba(255,180,90,.75),0 0 2px rgba(255,220,170,.6)}}
html:not(.night) .cgAdSicak{animation-name:cgAdSicakA!important}
@keyframes cgAdSicakA{100%{color:#8a4b10;text-shadow:0 0 10px rgba(220,150,60,.3)}}
.cgAdGuclu{animation:cgAdGuclu 1.4s ease both!important}
@keyframes cgAdGuclu{0%{letter-spacing:.3em;opacity:.4}100%{letter-spacing:.03em;opacity:1;color:#fff6e4;text-shadow:0 0 16px rgba(255,240,210,.7),0 0 3px rgba(255,255,255,.8)}}
html:not(.night) .cgAdGuclu{animation-name:cgAdGucluA!important}
@keyframes cgAdGucluA{0%{letter-spacing:.2em;opacity:.5}100%{letter-spacing:.02em;opacity:1;color:#000}}
.cgAdSoguk{animation:cgAdSoguk 2s ease both!important}
@keyframes cgAdSoguk{100%{color:#98b4dc;text-shadow:0 0 14px rgba(110,150,215,.7)}}
html:not(.night) .cgAdSoguk{animation-name:cgAdSogukA!important}
@keyframes cgAdSogukA{100%{color:#2d4a75;text-shadow:none}}
.cgSakin{color:#fff!important;text-shadow:none!important;filter:none!important;letter-spacing:.012em}
html:not(.night) .cgSakin{color:#000!important}
.cgZ{display:inline-block;animation:cgZ .42s steps(3) var(--d,0s) infinite!important}
@keyframes cgZ{0%{translate:0 0;text-shadow:-3px 0 rgba(255,60,90,.7),3px 0 rgba(60,255,200,.62)}33%{translate:var(--x) -1.5px;text-shadow:3px 0 rgba(255,60,90,.7),-3px 0 rgba(60,255,200,.62)}66%{translate:calc(var(--x)*-1) 1.5px;text-shadow:-2px 1px rgba(255,60,90,.65),2px -1px rgba(60,255,200,.58)}100%{translate:0 0}}
@media (prefers-reduced-motion:reduce){.cgZ{animation:none!important}}
/* 7-4 p279: yarılan sözcük ekiyle (…ın) değmesin */
.cgYar{margin:0 .06em 0 .03em}
/* 7-9 — Todd: kadife (p100'e dek), çelik (p100–157), kadifenin altında çelik (p158 sonrası) · Abel */
.cgKadife{color:#f0d9c6!important;text-shadow:0 0 10px rgba(205,120,90,.34)}
html:not(.night) .cgKadife{color:#6e3b2a!important;text-shadow:0 0 8px rgba(200,130,100,.22)}
.cgCelik{color:#d6e2ee!important;text-shadow:0 0 1px rgba(225,238,255,.6),0 0 12px rgba(120,160,215,.24)}
html:not(.night) .cgCelik{color:#26384c!important;text-shadow:0 0 1px rgba(40,60,90,.3)}
.cgKadifeCelik{color:#efd8c8!important;text-shadow:0 0 1px rgba(214,232,255,.85),0 0 10px rgba(205,120,90,.3)}
html:not(.night) .cgKadifeCelik{color:#5e3426!important;text-shadow:0 0 1px rgba(50,80,120,.5),0 0 8px rgba(200,130,100,.2)}
.cgAbel{color:#ece4ee!important;text-shadow:0 0 1px rgba(255,255,255,.45),0 0 10px rgba(160,30,40,.18)}
html:not(.night) .cgAbel{color:#2a1820!important;text-shadow:none}
/* p60 yemin · p151 "Öylece" · p109 çığlık (ses yok, satır sarsılır) · p179 kart */
.cgYemin{animation:cgYemin 1.8s ease both!important}
@keyframes cgYemin{0%{text-shadow:0 0 0 rgba(255,190,110,0)}100%{color:#ffe4b8;text-shadow:0 0 14px rgba(255,190,110,.5),0 0 2px rgba(255,230,190,.5)}}
html:not(.night) .cgYemin{animation-name:cgYeminA!important}
@keyframes cgYeminA{0%{text-shadow:none}100%{color:#7a4a10;text-shadow:0 0 10px rgba(230,160,60,.32)}}
.cgOylece{font-style:italic;color:#e6f1ff!important;text-shadow:0 0 8px rgba(150,195,255,.65)}
html:not(.night) .cgOylece{color:#1d3550!important;text-shadow:0 0 6px rgba(80,130,200,.3)}
.cgCigl{transform-origin:left center;animation:cgCigl .95s cubic-bezier(.2,.8,.3,1) both!important;color:#ffd2ca!important;text-shadow:0 0 12px rgba(255,60,40,.6)}
@keyframes cgCigl{0%{transform:none}7%{transform:translate(-5px,1px) scaleX(1.07)}14%{transform:translate(5px,-1px) scaleX(1.05)}21%{transform:translate(-4px,0) scaleX(1.06)}28%{transform:translate(4px,1px) scaleX(1.04)}36%{transform:translate(-3px,-1px) scaleX(1.03)}46%{transform:translate(2px,0) scaleX(1.02)}60%{transform:translate(-1px,0)}75%,100%{transform:none}}
html:not(.night) .cgCigl{color:#8c1a12!important;text-shadow:0 0 8px rgba(200,40,30,.32)}
.cgKart{transform-origin:left center;animation:cgKart 1.3s cubic-bezier(.2,.9,.3,1.2) both!important;color:#ffe6a6!important;text-shadow:0 0 14px rgba(255,195,90,.62),0 0 2px rgba(255,235,180,.85)}
@keyframes cgKart{0%{transform:scale(.94) rotate(-1.2deg);opacity:.35;text-shadow:0 0 30px rgba(255,195,90,.9)}100%{transform:none;opacity:1}}
html:not(.night) .cgKart{color:#7a4d06!important;text-shadow:0 0 10px rgba(230,170,60,.45)}
/* soğuk Subaru: porselen, altından gül rengi sızar · p276 "Rem" ılık · p295 kazınan satır */
.cgMaske{color:#e8eef3!important;text-shadow:0 0 1px rgba(255,255,255,.75),0 0 14px rgba(170,200,230,.26);animation:cgMaske 4.8s ease-in-out infinite!important}
@keyframes cgMaske{0%,100%{text-shadow:0 0 1px rgba(255,255,255,.75),0 0 14px rgba(170,200,230,.26)}50%{text-shadow:0 0 1px rgba(255,255,255,.75),0 0 15px rgba(255,140,170,.42)}}
html:not(.night) .cgMaske{color:#3b4a57!important;animation-name:cgMaskeA!important}
@keyframes cgMaskeA{0%,100%{text-shadow:0 0 0 rgba(220,90,120,0)}50%{text-shadow:0 0 9px rgba(220,90,120,.3)}}
.cgRemIlik{color:#ffcad7!important;text-shadow:0 0 10px rgba(255,140,170,.55)}
html:not(.night) .cgRemIlik{color:#a8243f!important;text-shadow:0 0 6px rgba(220,90,120,.25)}
.cgKazi{animation:cgKazi 2.2s ease both!important}
@keyframes cgKazi{0%{text-shadow:none}100%{color:#d2c4b2;text-shadow:0 -1px 0 rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.14),0 0 16px rgba(255,140,60,.22)}}
html:not(.night) .cgKazi{animation-name:cgKaziA!important}
@keyframes cgKaziA{0%{text-shadow:none}100%{color:#4a3a2c;text-shadow:0 1px 0 rgba(255,255,255,.95),0 -1px 0 rgba(0,0,0,.3),0 0 10px rgba(230,130,50,.18)}}
/* yılan: p364 haykırış · p375 kükreme · p401 kara niyet */
.cgCadi{animation:cgCadi 1.6s ease-out both!important}
@keyframes cgCadi{0%{color:#fff;text-shadow:0 0 20px rgba(255,40,30,.95)}100%{color:#ffb4a8;text-shadow:0 0 10px rgba(255,40,30,.45)}}
html:not(.night) .cgCadi{animation-name:cgCadiA!important}
@keyframes cgCadiA{0%{color:#b00;text-shadow:0 0 14px rgba(255,40,30,.6)}100%{color:#8a1410;text-shadow:0 0 6px rgba(200,40,30,.25)}}
.cgSkrim{animation:cgSkrim .16s steps(2) 6 both!important;color:#dcb0ff!important;text-shadow:-3px 0 rgba(255,40,80,.75),3px 0 rgba(140,60,255,.75)}
@keyframes cgSkrim{0%{transform:translate(0,0) skewX(0)}50%{transform:translate(-4px,1px) skewX(-6deg)}100%{transform:translate(3px,-1px) skewX(4deg)}}
html:not(.night) .cgSkrim{color:#5a1080!important;text-shadow:-2px 0 rgba(220,30,60,.45),2px 0 rgba(110,40,220,.45)}
.cgZifiri{color:#07040a!important;text-shadow:0 0 5px rgba(170,12,30,.95),0 0 14px rgba(130,0,20,.7)}
html:not(.night) .cgZifiri{color:#000!important;text-shadow:0 0 7px rgba(150,0,20,.5)}
/* kaçış: "koştu" adım adım · "Rem… Rem… Re, m…" söner · evdekilerin adları uzak ışıklar */
.cgKos{display:inline-block;animation:cgKos .55s ease-out calc(var(--i,0)*.34s) both!important}
@keyframes cgKos{0%{transform:none}35%{transform:translateY(-3px) scale(1.1);text-shadow:0 0 12px rgba(255,255,255,.4)}100%{transform:none}}
.cgRemSon{opacity:calc(1 - var(--i,0)*.24);letter-spacing:calc(var(--i,0)*.09em)}
.cgEv{animation:cgEv 2.6s ease calc(var(--i,0)*.4s) both!important}
@keyframes cgEv{0%{text-shadow:0 0 0 rgba(var(--c),0)}100%{text-shadow:0 0 11px rgba(var(--c),.7),0 0 2px rgba(var(--c),.6)}}
html:not(.night) .cgEv{animation-name:cgEvA!important}
@keyframes cgEvA{0%{text-shadow:none}100%{text-shadow:0 0 9px rgba(var(--c),.6)}}
/* düşüş: sözcükler düşer · "Rem." tek ışık · Abel'in ağzında ad */
.cgDusSoz{display:inline-block;animation:cgDus 1.15s cubic-bezier(.5,0,.75,0) calc(var(--i,0)*.08s) both!important}
@keyframes cgDus{0%{transform:none;opacity:1}60%{transform:translateY(8px);opacity:.5}100%{transform:translateY(4px);opacity:.78}}
.cgSonIsik{animation:cgSonIsik 3.4s ease-out both!important}
@keyframes cgSonIsik{0%{color:#fff1dc;text-shadow:0 0 16px rgba(255,200,140,.95),0 0 3px rgba(255,235,200,.9)}100%{text-shadow:0 0 0 rgba(255,200,140,0)}}
html:not(.night) .cgSonIsik{animation-name:cgSonIsikA!important}
@keyframes cgSonIsikA{0%{color:#8a4a10;text-shadow:0 0 12px rgba(240,170,80,.7)}100%{text-shadow:none}}
.cgAdAbel{color:#f5ecec!important;text-shadow:0 0 10px rgba(200,30,40,.5)}
html:not(.night) .cgAdAbel{color:#5a0f14!important;text-shadow:0 0 6px rgba(180,30,40,.25)}
@media (prefers-reduced-motion:reduce){.cgCigl,.cgKart,.cgSkrim,.cgKos,.cgDusSoz,.cgMaske{animation:none!important}}
/* 7-10 — Abel'in sözlerinin yanında maskenin silik mührü (kâğıdın sağ iç kıyısında); doğal okumada basılır */
.cgMaskeD{position:relative}
.cgMaskeD::after{content:'';position:absolute;top:50%;right:-108px;width:60px;height:60px;margin-top:-30px;background:url(assets/esik-a7-prop-oni-mask.webp) center/contain no-repeat;opacity:.17;transform:rotate(-9deg);filter:brightness(.78) saturate(1.2);pointer-events:none}
html:not(.night) .cgMaskeD::after{opacity:.2;mix-blend-mode:multiply}
.cgMaskeD.cgBas::after{animation:cgDamga .6s cubic-bezier(.2,.9,.3,1.25) both!important}
.cgMaskeD.cgBasBuyuk::after{animation:cgDamgaB 1.1s cubic-bezier(.2,.9,.3,1.2) both!important}
@keyframes cgDamga{0%{transform:rotate(-9deg) scale(1.6);opacity:0}60%{opacity:.3}100%{transform:rotate(-9deg) scale(1);opacity:.17}}
@keyframes cgDamgaB{0%{transform:rotate(-9deg) scale(2.4);opacity:0}45%{opacity:.5;transform:rotate(-9deg) scale(.94)}100%{transform:rotate(-9deg) scale(1);opacity:.22}}
.cgMaskeD.cgMaskeSicak::after{filter:brightness(1.05) saturate(1.3) drop-shadow(0 0 6px rgba(255,120,60,.55));opacity:.26}
@media (max-width:1080px){.cgMaskeD::after{display:none}}
/* Shudraq: tebeşir beyazı, her cümlenin son sözcüğü vurgulu */
.cgShudraq{color:#f4efe4!important;text-shadow:0 0 1px rgba(255,255,255,.55),0 0 10px rgba(255,255,255,.12)}
html:not(.night) .cgShudraq{color:#3a2c1c!important;text-shadow:none}
.cgVurgu{font-style:italic;text-shadow:0 0 8px rgba(255,255,255,.4)}
html:not(.night) .cgVurgu{color:#7a4a12;text-shadow:none}
/* anılar ve adlar */
.cgAniRem{animation:cgAniRem 2s ease both!important}
@keyframes cgAniRem{0%{text-shadow:none}100%{color:#d6e5ff;text-shadow:0 0 10px rgba(120,170,255,.5)}}
html:not(.night) .cgAniRem{animation-name:cgAniRemA!important}
@keyframes cgAniRemA{0%{text-shadow:none}100%{color:#23406e;text-shadow:0 0 6px rgba(80,130,220,.25)}}
.cgAdAbelKendi{color:#ffdada!important;text-shadow:0 0 10px rgba(200,30,40,.65)}
html:not(.night) .cgAdAbelKendi{color:#6a0d14!important;text-shadow:0 0 6px rgba(180,30,40,.25)}
.cgOlduren{color:#ebb8b8!important;text-shadow:0 0 12px rgba(150,0,10,.6)}
html:not(.night) .cgOlduren{color:#7a1010!important;text-shadow:none}
/* soru ve cevap · Uu'nun çığlığı · ritüel */
.cgSoru{animation:cgSoru 1.6s ease both!important}
@keyframes cgSoru{0%{letter-spacing:0}100%{color:#fff;letter-spacing:.012em;text-shadow:0 0 1px rgba(255,255,255,.8),0 0 14px rgba(200,40,50,.3)}}
html:not(.night) .cgSoru{animation-name:cgSoruA!important}
@keyframes cgSoruA{0%{letter-spacing:0}100%{color:#120808;letter-spacing:.012em}}
.cgCevap{animation:cgCevap 2.2s ease both!important}
@keyframes cgCevap{0%{text-shadow:none}100%{color:#ffe8cc;text-shadow:0 0 14px rgba(255,180,100,.45)}}
html:not(.night) .cgCevap{animation-name:cgCevapA!important}
@keyframes cgCevapA{0%{text-shadow:none}100%{color:#6b3a08;text-shadow:0 0 8px rgba(240,170,80,.3)}}
.cgZipla{animation:cgZipla .7s cubic-bezier(.3,1.6,.5,1) both!important}
@keyframes cgZipla{0%{transform:translateY(0)}30%{transform:translateY(-5px)}60%{transform:translateY(1px)}100%{transform:none}}
.cgKanRit{color:#ff9a9a!important;animation:cgKanRit 3.2s ease-in-out infinite!important}
@keyframes cgKanRit{0%,100%{text-shadow:0 0 8px rgba(190,0,20,.45)}50%{text-shadow:0 0 16px rgba(220,0,30,.8)}}
html:not(.night) .cgKanRit{color:#8c0a14!important;animation-name:cgKanRitA!important}
@keyframes cgKanRitA{0%,100%{text-shadow:0 0 4px rgba(200,0,20,.2)}50%{text-shadow:0 0 10px rgba(200,0,20,.45)}}
@media (prefers-reduced-motion:reduce){.cgMaskeD::after,.cgZipla,.cgKanRit{animation:none!important}}
/* 7-11 — "Elgina" pullu yeşil · "Bea――" silik krem · haykırışlar · parabol çizen satır · kafadaki yankılar · "Rem'i…" tek başına */
.cgElgina{color:#bfe7a8!important;text-shadow:0 0 10px rgba(80,170,60,.55)}
html:not(.night) .cgElgina{color:#2c5a1c!important;text-shadow:0 0 6px rgba(80,150,60,.25)}
.cgBea{animation:cgBea 3s ease both!important}
@keyframes cgBea{0%{color:inherit;text-shadow:none}25%{color:#fff1c4;text-shadow:0 0 14px rgba(255,230,160,.8)}100%{color:inherit;text-shadow:0 0 0 rgba(255,230,160,0);opacity:.55}}
.cgHaykir{transform-origin:left center;animation:cgHaykir 1.1s cubic-bezier(.2,.8,.3,1) both!important;color:#ffe2c8!important;text-shadow:0 0 12px rgba(255,120,40,.55)}
@keyframes cgHaykir{0%{transform:scaleX(1)}12%{transform:translate(-3px,0) scaleX(1.08)}24%{transform:translate(3px,0) scaleX(1.06)}36%{transform:translate(-2px,0) scaleX(1.05)}55%{transform:translate(1px,0) scaleX(1.02)}100%{transform:none}}
html:not(.night) .cgHaykir{color:#8a3a08!important;text-shadow:0 0 6px rgba(230,120,40,.3)}
.cgParabol{display:inline-block;animation:cgParabol 1.4s cubic-bezier(.3,.7,.4,1) calc(var(--i,0)*.025s) both!important}
@keyframes cgParabol{0%{transform:translateY(0)}45%{transform:translateY(var(--y,0px))}100%{transform:translateY(calc(var(--y,0px) * .3))}}
.cgYanki{text-shadow:-3px 1px rgba(255,255,255,.18),3px -1px rgba(255,255,255,.12)!important;animation:cgYanki .9s steps(3) 2 both!important}
@keyframes cgYanki{0%{translate:0 0}50%{translate:1px -1px}100%{translate:0 0}}
html:not(.night) .cgYanki{text-shadow:-3px 1px rgba(0,0,0,.14),3px -1px rgba(0,0,0,.1)!important}
.cgRemYalniz{animation:cgRemYalniz 2.6s ease both!important}
@keyframes cgRemYalniz{0%{text-shadow:none}100%{color:#d4e6ff;text-shadow:0 0 16px rgba(110,170,255,.85),0 0 3px rgba(200,225,255,.8)}}
html:not(.night) .cgRemYalniz{animation-name:cgRemYalnizA!important}
@keyframes cgRemYalnizA{0%{text-shadow:none}100%{color:#1d3f7a;text-shadow:0 0 10px rgba(90,150,240,.4)}}
.cgSicakSes{animation:cgCevap 2.4s ease both!important}
html:not(.night) .cgSicakSes{animation-name:cgCevapA!important}
@media (prefers-reduced-motion:reduce){.cgHaykir,.cgParabol,.cgYanki{animation:none!important}}
/* 7-11 p337 koyu tema: patlama boyunca yazıya koyu hale */
html.night .cgHale{text-shadow:0 0 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.8),0 0 18px rgba(0,0,0,.55)!important;transition:text-shadow .3s!important}
/* 7-12 — mühürler düşer (p220) · Vincent'in sözleri altın mürekkep · "Vincent Abellux" altınla yazılır · Abel'in dersinde Subaru titrek */
.cgMaskeD.cgMuhurDus::after{animation:cgMuhurDus 1.3s cubic-bezier(.5,0,.75,0) both!important}
@keyframes cgMuhurDus{0%{transform:rotate(-9deg) translateY(0);opacity:.17}20%{transform:rotate(-14deg) translateY(-6px);opacity:.3}100%{transform:rotate(-48deg) translateY(160px);opacity:0}}
.cgAltinMur{color:#f2d48a!important;text-shadow:0 0 1px rgba(255,236,180,.6),0 0 12px rgba(220,160,60,.28)}
html:not(.night) .cgAltinMur{color:#7a5208!important;text-shadow:0 0 6px rgba(220,160,60,.2)}
.cgAltinAd{display:inline-block;background:linear-gradient(100deg,#c8902a 0%,#f7dc8c 35%,#fff6d2 50%,#f2c96a 65%,#b07820 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;
 text-shadow:none;filter:drop-shadow(0 0 8px rgba(230,170,60,.45));animation:cgAltinYaz 2.6s cubic-bezier(.3,.6,.3,1) both,cgAltinPar 4s 2.6s ease-in-out infinite!important}
@keyframes cgAltinYaz{0%{clip-path:inset(0 100% 0 0);background-position:100% 0}100%{clip-path:inset(0 0 0 0);background-position:0 0}}
@keyframes cgAltinPar{0%,100%{background-position:0 0}50%{background-position:100% 0}}
html:not(.night) .cgAltinAd{background:linear-gradient(100deg,#7a4e08 0%,#b8862a 40%,#d9a441 50%,#9a6a14 70%,#6a4206 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;filter:none}
.cgTitrek{animation:cgTitrek 1.6s steps(8) infinite!important}
@keyframes cgTitrek{0%,100%{translate:0 0}12%{translate:.6px 0}25%{translate:-.5px .3px}37%{translate:.4px -.3px}50%{translate:-.6px 0}62%{translate:.3px .3px}75%{translate:-.4px 0}87%{translate:.5px -.2px}}
@media (prefers-reduced-motion:reduce){.cgTitrek,.cgAltinAd,.cgMaskeD.cgMuhurDus::after{animation:none!important}.cgAltinAd{clip-path:none}}
/* 7-12 p316 — "çiçek" açar, "yıldızlar" harf harf parıldar */
.cgCicek{display:inline-block;animation:cgCicek 2.6s cubic-bezier(.2,.7,.3,1) both!important}
@keyframes cgCicek{0%{transform:scale(.9);color:inherit;text-shadow:0 0 0 rgba(255,170,210,0)}38%{transform:scale(1.07);color:#ffe3ee;text-shadow:0 0 16px rgba(255,160,205,.8),0 0 2px rgba(255,235,244,.9)}100%{transform:scale(1);color:#f4d6e3;text-shadow:0 0 9px rgba(255,160,205,.35)}}
html:not(.night) .cgCicek{animation-name:cgCicekA!important}
@keyframes cgCicekA{0%{transform:scale(.9)}38%{transform:scale(1.07);color:#a3305f;text-shadow:0 0 10px rgba(230,110,165,.45)}100%{transform:scale(1);color:#8c3356;text-shadow:0 0 6px rgba(230,110,165,.2)}}
.cgYildiz{color:#f6ecd2}
html:not(.night) .cgYildiz{color:#6a4a10}
.cgYildiz>span{animation:cgYildiz 2.4s ease-in-out var(--d,0s) 4 both!important}
@keyframes cgYildiz{0%,100%{color:inherit;text-shadow:0 0 0 rgba(255,244,214,0)}35%{color:#fffaf0;text-shadow:0 0 10px rgba(255,240,200,.9),0 0 2px #fff}60%{text-shadow:0 0 5px rgba(200,220,255,.5)}}
html:not(.night) .cgYildiz>span{animation-name:cgYildizA!important}
@keyframes cgYildizA{0%,100%{color:inherit;text-shadow:none}35%{color:#8a5a06;text-shadow:0 0 8px rgba(220,160,60,.5)}}
.cgHemen>span{animation-duration:.001s!important;animation-delay:0s!important;animation-iteration-count:1!important}
@media (prefers-reduced-motion:reduce){.cgCicek,.cgYildiz>span{animation:none!important}}
/* 7-13 — satırlar yalpalar (3–16) · "Zzz" · Vincent'in buz gibi sözleri · altına dönen sözler · "boş hayal" · ilacın bulanıklığı · sönen son söz */
.cgYalpa{animation:cgYalpa 6.2s ease-in-out calc(var(--i,0)*-.83s) infinite!important;transform-origin:50% 50%}
@keyframes cgYalpa{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(3px) rotate(.32deg)}75%{transform:translateX(-3px) rotate(-.32deg)}}
.cgZ{display:inline-block;animation:cgZ 2.6s ease-in-out calc(var(--i,0)*.2s) infinite!important}
@keyframes cgZ{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(-5px) rotate(-8deg);opacity:1}}
.cgBuz{color:#dbe9ff!important;text-shadow:0 0 1px rgba(230,245,255,.7),0 0 12px rgba(120,170,255,.35)}
html:not(.night) .cgBuz{color:#1d3a66!important;text-shadow:0 0 6px rgba(90,140,220,.2)}
.cgAltinMur{transition:color 1.4s ease,text-shadow 1.4s ease!important}
.cgAltin353{color:#f2d48a;text-shadow:0 0 1px rgba(255,236,180,.6),0 0 12px rgba(220,160,60,.28)}
html:not(.night) .cgAltin353{color:#7a5208;text-shadow:0 0 6px rgba(220,160,60,.2)}
.cgSonuk{animation:cgSonuk 2.8s ease both!important}
@keyframes cgSonuk{0%{color:#f2d48a;text-shadow:0 0 12px rgba(220,160,60,.28)}100%{color:#a8a296;text-shadow:0 0 0 rgba(220,160,60,0)}}
html:not(.night) .cgSonuk{animation-name:cgSonukA!important}
@keyframes cgSonukA{0%{color:#7a5208}100%{color:#6b665e;text-shadow:none}}
.cgHayal,.cgUtakata{display:inline-block}
.cgIlac{animation:cgIlac 3.2s ease-in-out both!important}
@keyframes cgIlac{0%,100%{text-shadow:none}25%,75%{text-shadow:-3px 0 rgba(255,90,130,.38),3px 0 rgba(90,200,255,.38)}50%{text-shadow:-5px 1px rgba(255,90,130,.32),5px -1px rgba(90,200,255,.32)}}
html:not(.night) .cgIlac{animation-name:cgIlacA!important}
@keyframes cgIlacA{0%,100%{text-shadow:none}25%,75%{text-shadow:-3px 0 rgba(200,40,90,.3),3px 0 rgba(30,120,200,.3)}50%{text-shadow:-5px 1px rgba(200,40,90,.26),5px -1px rgba(30,120,200,.26)}}
@media (prefers-reduced-motion:reduce){.cgYalpa,.cgZ,.cgIlac,.cgSonuk{animation:none!important}}
/* 7-14 — ayna yansıması · "ölmeli" · yıldız ve dipnot · Rem'in sakin kabulü */
.cgAyna{-webkit-box-reflect:below 1px linear-gradient(transparent 62%,rgba(255,255,255,.2))}
.cgOlmeli{display:inline-block;animation:cgOlmeli .55s cubic-bezier(.2,.9,.3,1.25) calc(var(--i,0)*.38s) both!important}
@keyframes cgOlmeli{0%{opacity:.2;transform:translateY(-5px) scale(1.18);color:#fff;text-shadow:0 0 14px rgba(255,255,255,.8)}45%{opacity:1;transform:none;color:#eef2f7;text-shadow:0 0 10px rgba(210,40,50,.7)}100%{color:#cdd7e6;text-shadow:0 0 8px rgba(190,30,40,.55)}}
html:not(.night) .cgOlmeli{animation-name:cgOlmeliA!important}
@keyframes cgOlmeliA{0%{opacity:.2;transform:translateY(-5px) scale(1.18)}45%{opacity:1;transform:none;color:#5a0d14}100%{color:#4a0b12;text-shadow:0 0 5px rgba(170,20,30,.2)}}
.cgYildizli{position:relative}
.cgYildizli::after{content:'\2731';position:absolute;right:-.62em;top:-.5em;font-size:.62em;color:#e8c97a;animation:cgYildizBel 1.2s ease both!important}
html:not(.night) .cgYildizli::after{color:#8a6414}
.cgDipnot{position:relative}
.cgDipnot::after{content:'\2731\00a0 aslında ülke demek';position:absolute;left:0;top:100%;margin-top:3px;font-size:.7em;font-style:italic;letter-spacing:.02em;color:#c9b88f;white-space:nowrap;animation:cgDipnotBel 1.4s ease .5s both!important}
html:not(.night) .cgDipnot::after{color:#7a6440}
@keyframes cgYildizBel{0%{opacity:0;transform:scale(2.2) rotate(-40deg)}100%{opacity:1;transform:none}}
@keyframes cgDipnotBel{0%{opacity:0;transform:translateY(-4px)}100%{opacity:.85;transform:none}}
.cgRemSakin{animation:cgRemSakin 2.4s ease both!important}
@keyframes cgRemSakin{0%{text-shadow:none}35%{color:#e2efff;text-shadow:0 0 14px rgba(120,170,255,.6)}100%{color:#dbe8fb;text-shadow:0 0 6px rgba(120,170,255,.3)}}
html:not(.night) .cgRemSakin{animation-name:cgRemSakinA!important}
@keyframes cgRemSakinA{0%{text-shadow:none}35%{color:#1d3f7a;text-shadow:0 0 10px rgba(90,150,240,.35)}100%{color:#22406f;text-shadow:none}}
@media (prefers-reduced-motion:reduce){.cgOlmeli,.cgRemSakin,.cgYildizli::after,.cgDipnot::after{animation:none!important}}
/* 7-15 — Hol'ün uzayan sesleri · Kuna'nın kısık sesi ve bağırışları · fısıltı · beğeni puanı · darbe seker · sönen adlar · "Korumak istediklerini korumak" · gölgelenen ad · "Değişmeyecekti." */
.cgTilde{display:inline-block}
.cgSoyle .cgTilde{animation:cgTilde 1.6s ease-in-out calc(var(--i,0)*-.31s) 2!important}
@keyframes cgTilde{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-12deg)}75%{transform:translateY(2px) rotate(12deg)}}
.cgUzat{display:inline-block;transform-origin:0 70%}
.cgSoyle .cgUzat{animation:cgUzat 1.6s ease-in-out 2!important}
@keyframes cgUzat{0%,100%{transform:scaleX(1)}50%{transform:scaleX(1.14)}}
.cgKuna{opacity:.74;transition:opacity .4s!important}
.cgKuna.cgBagir{opacity:1}
.cgBagir{transform-origin:left center;animation:cgBagir .75s cubic-bezier(.2,.8,.3,1) both!important}
@keyframes cgBagir{0%{transform:none}10%{transform:translate(-4px,-1px) scale(1.04)}22%{transform:translate(4px,1px) scale(1.04)}34%{transform:translate(-3px,0) scale(1.02)}48%{transform:translate(2px,0)}66%{transform:translate(-1px,0)}100%{transform:none}}
.cgFisil{font-size:.88em;font-style:italic;letter-spacing:.04em;opacity:.62}
.cgPuan{position:absolute;margin-left:.5em;white-space:nowrap;font-size:.8em;font-weight:600;letter-spacing:.04em;pointer-events:none}
.cgArti{color:#ff9ec4;text-shadow:0 0 8px rgba(255,140,190,.6);animation:cgArti 2.6s cubic-bezier(.2,.8,.3,1) both!important}
@keyframes cgArti{0%{opacity:0;transform:translateY(4px) scale(.7)}18%{opacity:1;transform:translateY(-6px) scale(1.08)}70%{opacity:1;transform:translateY(-16px)}100%{opacity:0;transform:translateY(-26px)}}
.cgEksi{color:#9aa0aa;animation:cgEksi 2.6s cubic-bezier(.3,0,.7,1) both!important}
@keyframes cgEksi{0%{opacity:0;transform:translateY(-14px)}18%{opacity:1;transform:translateY(-4px) rotate(-6deg)}60%{opacity:1;transform:translateY(6px) rotate(4deg)}100%{opacity:0;transform:translateY(22px) rotate(10deg)}}
html:not(.night) .cgArti{color:#c2185b;text-shadow:none}
html:not(.night) .cgEksi{color:#6b6f76}
.cgSek{transform-origin:20% 100%;animation:cgSek .8s cubic-bezier(.3,1.6,.5,1) both!important}
@keyframes cgSek{0%{transform:none}20%{transform:scale(1.04,.9)}45%{transform:scale(.97,1.06)}70%{transform:scale(1.01,.98)}100%{transform:none}}
.cgEv.cgSondur{animation:cgSondur .45s ease both!important}
@keyframes cgSondur{0%{text-shadow:0 0 11px rgba(var(--c),.7)}100%{text-shadow:none}}
.cgKoru{border-radius:.3em;animation:cgKoru 3.2s ease both!important}
@keyframes cgKoru{0%{text-shadow:none;background:transparent}35%{color:#fff4e0;text-shadow:0 0 16px rgba(255,214,150,.75),0 0 2px #fff;background:radial-gradient(70% 160% at 50% 55%,rgba(255,200,120,.16),transparent 72%)}100%{color:#ffe9c8;text-shadow:0 0 9px rgba(255,200,120,.4);background:radial-gradient(70% 160% at 50% 55%,rgba(255,200,120,.08),transparent 72%)}}
html:not(.night) .cgKoru{animation-name:cgKoruA!important}
@keyframes cgKoruA{0%{text-shadow:none}35%{color:#7a3f06;text-shadow:0 0 10px rgba(230,150,60,.4)}100%{color:#6e3a08;text-shadow:0 0 6px rgba(230,150,60,.22)}}
.cgGolgeAd{animation:cgGolgeAd 2.6s ease both!important}
@keyframes cgGolgeAd{0%{text-shadow:none}100%{color:#b9a7c9;text-shadow:0 0 10px rgba(40,0,60,.9),0 0 2px rgba(0,0,0,.8)}}
html:not(.night) .cgGolgeAd{animation-name:cgGolgeAdA!important}
@keyframes cgGolgeAdA{0%{text-shadow:none}100%{color:#3a2448;text-shadow:0 0 8px rgba(60,20,90,.3)}}
.cgDegismez{transform-origin:left center;animation:cgDegismez 1s cubic-bezier(.2,.9,.3,1) both!important}
@keyframes cgDegismez{0%{transform:scale(1.08);letter-spacing:.06em;opacity:.6}60%{transform:scale(.99)}100%{transform:none;letter-spacing:normal;opacity:1}}
@media (prefers-reduced-motion:reduce){.cgTilde,.cgUzat,.cgBagir,.cgArti,.cgEksi,.cgSek,.cgKoru,.cgGolgeAd,.cgDegismez{animation:none!important}}
/* 7-16 — düşen güven · "Hahaha" · "Karı koca" · lanetli yüzük */
.cgDusus{display:inline-block;animation:cgDusus 3.2s cubic-bezier(.5,0,.6,1) both!important}
@keyframes cgDusus{0%{transform:none;opacity:1}55%{transform:translateY(14px) rotate(3deg);opacity:.35}62%{transform:translateY(-6px);opacity:0}78%{transform:translateY(-3px);opacity:.6}100%{transform:none;opacity:1}}
.cgKahkaha>span{display:inline-block}
.cgGul .cgKahkaha>span{animation:cgKahkaha .42s ease-in-out calc(var(--i,0)*.09s) 3 alternate!important}
@keyframes cgKahkaha{0%{transform:translateY(0)}100%{transform:translateY(-5px) rotate(-4deg)}}
.cgKarikoca{border-radius:.3em;animation:cgKarikoca 2.4s ease both!important}
@keyframes cgKarikoca{0%{text-shadow:none}35%{color:#ffd0dc;text-shadow:0 0 12px rgba(255,140,170,.7)}100%{color:#f6c9d5;text-shadow:0 0 6px rgba(255,140,170,.3)}}
html:not(.night) .cgKarikoca{animation-name:cgKarikocaA!important}
@keyframes cgKarikocaA{0%{text-shadow:none}35%{color:#a12650;text-shadow:0 0 8px rgba(220,90,130,.35)}100%{color:#9a2e52;text-shadow:none}}
.cgYuzuk{animation:cgYuzuk 2.6s ease both!important}
@keyframes cgYuzuk{0%{text-shadow:none}30%{color:#ffe08a;text-shadow:0 0 10px rgba(255,120,30,.9),0 0 22px rgba(255,60,10,.5)}100%{color:#f2c86a;text-shadow:0 0 6px rgba(255,110,30,.4)}}
html:not(.night) .cgYuzuk{animation-name:cgYuzukA!important}
@keyframes cgYuzukA{0%{text-shadow:none}30%{color:#8a4a06;text-shadow:0 0 8px rgba(230,110,30,.45)}100%{color:#7a4206;text-shadow:none}}
@media (prefers-reduced-motion:reduce){.cgDusus,.cgGul .cgKahkaha>span,.cgKarikoca,.cgYuzuk{animation:none!important}}
/* 7-18 — Jamal'ın sert sesi · "hata" titremesi · "Olmazdı." */
.cgJamal{color:#ffb39a!important;text-shadow:0 0 8px rgba(255,80,40,.4)}
html:not(.night) .cgJamal{color:#8e2a10!important;text-shadow:none}
.cgHata{animation:cgHata 1.4s steps(14) both!important}
@keyframes cgHata{0%,100%{transform:none;text-shadow:none}10%{transform:translateX(-2px);text-shadow:2px 0 rgba(255,60,60,.6),-2px 0 rgba(60,200,255,.5)}20%{transform:translateX(2px);letter-spacing:.06em}30%{transform:translateX(-1px);text-shadow:-3px 0 rgba(255,60,60,.5),3px 0 rgba(60,200,255,.4)}45%{transform:translate(1px,1px);letter-spacing:.02em}60%{transform:translateX(-2px);text-shadow:2px 0 rgba(255,60,60,.4)}80%{transform:translateX(1px);letter-spacing:0}}
.cgOlmaz{display:inline-block;animation:cgOlmaz .9s ease both!important}
@keyframes cgOlmaz{0%{transform:none}15%{transform:translateX(-5px)}30%{transform:translateX(5px)}45%{transform:translateX(-3px)}60%{transform:translateX(2px)}100%{transform:none;color:#8e8a84;text-decoration:line-through;text-decoration-color:rgba(200,60,60,.75)}}
html:not(.night) .cgOlmaz{animation-name:cgOlmazA!important}
@keyframes cgOlmazA{0%{transform:none}15%{transform:translateX(-5px)}30%{transform:translateX(5px)}45%{transform:translateX(-3px)}60%{transform:translateX(2px)}100%{transform:none;color:#7a756e;text-decoration:line-through;text-decoration-color:rgba(170,40,40,.7)}}
.cgBesKez{border-radius:.25em;animation:cgBesKez .55s ease-in-out 5 both!important}
@keyframes cgBesKez{0%,100%{color:inherit;text-shadow:none}40%{color:#ffb0a8;text-shadow:0 0 12px rgba(200,20,30,.85)}}
html:not(.night) .cgBesKez{animation-name:cgBesKezA!important}
@keyframes cgBesKezA{0%,100%{color:inherit;text-shadow:none}40%{color:#9a1018;text-shadow:0 0 8px rgba(200,30,40,.35)}}
@media (prefers-reduced-motion:reduce){.cgHata,.cgOlmaz,.cgBesKez{animation:none!important}}
/* 7-19 — dağınık sözcükler yerine oturur · "Ne olmuş yani?" tahmini ve tutması · "düşecek" harfleri düşer */
.cgToplan{display:inline-block;animation:cgToplan 1.7s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*.035s) both!important}
@keyframes cgToplan{0%{transform:translate(var(--dx,0),var(--dy,0)) rotate(var(--r,0));opacity:.15;filter:blur(1.5px)}70%{opacity:1;filter:none}100%{transform:none;opacity:1}}
.cgTahmin{font-style:italic;letter-spacing:.03em;color:#c9c2d6!important;text-shadow:0 0 8px rgba(190,170,230,.35);animation:cgTahmin 2.4s ease-in-out 2 both!important}
@keyframes cgTahmin{0%,100%{opacity:.7}50%{opacity:1}}
html:not(.night) .cgTahmin{color:#5a4a78!important;text-shadow:none}
.cgTuttu{display:inline-block;color:#e6d6ff!important;text-shadow:0 0 12px rgba(190,160,255,.7);animation:cgTuttu .7s cubic-bezier(.2,.9,.3,1.3) both!important}
@keyframes cgTuttu{0%{transform:scale(1.35);opacity:0}60%{transform:scale(.96);opacity:1}100%{transform:none}}
html:not(.night) .cgTuttu{color:#4a2a8a!important;text-shadow:0 0 6px rgba(120,80,200,.3)}
.cgDusecek{color:#ffc29a!important;text-shadow:0 0 12px rgba(255,90,40,.6),0 0 2px rgba(255,220,190,.8);animation:cgDusYan 1.2s ease both!important}
@keyframes cgDusYan{0%{text-shadow:none;color:inherit}100%{color:#ffc29a;text-shadow:0 0 12px rgba(255,90,40,.6),0 0 2px rgba(255,220,190,.8)}}
html:not(.night) .cgDusecek{color:#8a2a0a!important;text-shadow:0 0 6px rgba(220,90,40,.3);animation:none!important}
.cgDusHarf>span{display:inline-block;animation:cgDusHarf .55s cubic-bezier(.5,0,.75,0) calc(.7s + var(--i,0)*.12s) both!important}
@keyframes cgDusHarf{0%{transform:none}70%{transform:translateY(calc(var(--y,6px) + 3px)) rotate(var(--r,0deg))}100%{transform:translateY(var(--y,6px)) rotate(var(--r,0deg))}}
.cgHemen .cgDusHarf>span,.cgDusecek.cgHemen .cgDusHarf>span{animation-duration:.001s!important;animation-delay:0s!important}
@media (prefers-reduced-motion:reduce){.cgToplan,.cgTahmin,.cgTuttu,.cgDusHarf>span{animation:none!important}}
.cgMaskeD.cgMaskeSicak::after{transition:opacity 1.2s ease,filter 1.2s ease!important}
/* 7-20 — "saçma" tüter · üç kat yazılan yasa · burulan satır · zehir · uzaklaşan satır · kızıl yankı · dublör · altın · HAYIR · pazarlık ·
   ürperti · karanlıkta bir ses · Rem ile Subaru arasındaki uzaklık · savrulan satır · Oburluk · Rem'in sorusu · "Yanıtı buldum." */
.cgHemen::before{animation-duration:.001s!important;animation-delay:0s!important}
/* sonsuz animasyonlu sınıflar atlamada (cgHemen) 1 ms'lik döngüye düşmesin */
.cgAltinAd.cgHemen{animation:cgAltinYaz .001s both,cgAltinPar 4s ease-in-out infinite!important}
.cgMaske.cgHemen{animation-duration:4.8s!important}.cgKanRit.cgHemen{animation-duration:3.2s!important}.cgTitrek.cgHemen{animation-duration:1.6s!important}
.cgYalpa.cgHemen{animation-duration:6.2s!important}.cgZ.cgHemen{animation-duration:2.6s!important}

.cgSacma{display:inline-block;animation:cgSacma 2.2s ease both!important}
@keyframes cgSacma{0%{filter:none}25%{color:#a49d93;filter:blur(.6px);text-shadow:0 -3px 8px rgba(170,160,150,.45)}100%{filter:none;text-shadow:none}}
html:not(.night) .cgSacma{animation-name:cgSacmaA!important}
@keyframes cgSacmaA{0%{filter:none}25%{color:#8a8278;filter:blur(.6px)}100%{filter:none}}

.cgUcKat{position:relative;display:inline-block;color:#ecd9ae!important}
.cgUcKat::before,.cgUcKat::after{content:attr(data-t);position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none;opacity:0;color:inherit;animation:cgUcKat 1.6s cubic-bezier(.2,.7,.2,1) both!important}
.cgUcKat::before{--x:18px;--y:-8px;animation-delay:.08s!important}
.cgUcKat::after{--x:36px;--y:-16px;animation-delay:.22s!important}
@keyframes cgUcKat{0%{opacity:0;transform:translate(calc(var(--x)*2),var(--y))}35%{opacity:.42;transform:translate(var(--x),var(--y))}100%{opacity:0;transform:none}}
html:not(.night) .cgUcKat{color:#6a4510!important}

.cgBurul{transform-origin:30% 50%;animation:cgBurul 1.7s ease-in-out both!important}
@keyframes cgBurul{0%,100%{transform:none}16%{transform:skewX(-5deg) scaleY(.97)}38%{transform:skewX(4deg)}60%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}}

.cgRutbe{color:#dcc28c!important;text-shadow:0 0 8px rgba(220,180,90,.22)}
html:not(.night) .cgRutbe{color:#6a4a10!important;text-shadow:none}

.cgEv{animation:cgEv 2.4s ease both!important}
@keyframes cgEv{0%{text-shadow:none}45%{color:#f6e0bc;text-shadow:0 0 12px rgba(255,190,120,.4)}100%{color:#f1dcbb;text-shadow:0 0 5px rgba(255,190,120,.18)}}
html:not(.night) .cgEv{animation-name:cgEvA!important}
@keyframes cgEvA{0%{color:inherit}100%{color:#7a4818}}

.cgZehir{animation:cgZehir 2.4s ease both!important}
@keyframes cgZehir{0%{text-shadow:none}35%{color:#a7cf8e;text-shadow:0 0 8px rgba(90,170,70,.6),0 3px 12px rgba(40,90,30,.55)}100%{color:#a9c79a;text-shadow:0 2px 7px rgba(60,120,50,.35)}}
html:not(.night) .cgZehir{animation-name:cgZehirA!important}
@keyframes cgZehirA{0%{color:inherit}35%{color:#2f6a1c;text-shadow:0 2px 6px rgba(60,120,40,.35)}100%{color:#2f5a22;text-shadow:0 1px 4px rgba(60,120,40,.2)}}

.cgUzaklas{translate:34px 0;transition:translate .75s cubic-bezier(.3,1.5,.5,1)!important}
.cgUzaklas.cgHemen{transition:none!important}

.cgYankiH{position:relative;display:inline-block}
.cgYankiH::before,.cgYankiH::after{content:attr(data-t);position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none;color:#d2544a;opacity:0;animation:cgYankiH 2.6s ease-out .4s both!important}
.cgYankiH::after{animation-delay:1.1s!important}
@keyframes cgYankiH{0%{opacity:.55;transform:none}100%{opacity:0;transform:translate(30px,-5px) scale(1.12)}}
html:not(.night) .cgYankiH::before,html:not(.night) .cgYankiH::after{color:#a3301a}

.cgDublor{position:relative;display:inline-block;color:#ead39a!important}
.cgDublor::after{content:attr(data-t);position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none;color:#ead39a;opacity:.38;transform:translate(3px,-2px);animation:cgDublor 5s ease-in-out 3 alternate both!important}
@keyframes cgDublor{0%{transform:translate(4px,-2px)}50%{transform:translate(-2px,1px)}100%{transform:translate(1.5px,2px)}}
html:not(.night) .cgDublor,html:not(.night) .cgDublor::after{color:#6e4c0e!important}

.cgAltin20{display:inline-block;background:linear-gradient(100deg,#c8902a 0%,#f7dc8c 35%,#fff6d2 50%,#f2c96a 65%,#b07820 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;
 text-shadow:none;animation:cgAltinYaz 2.2s cubic-bezier(.3,.6,.3,1) both!important}
html:not(.night) .cgAltin20{background-image:linear-gradient(100deg,#7a4e08 0%,#b8862a 40%,#d9a441 50%,#9a6a14 70%,#6a4206 100%)}

.cgHayir{display:inline-block;font-weight:700;letter-spacing:.05em;color:#ff9f80!important;animation:cgHayir .75s cubic-bezier(.2,.9,.3,1.3) both!important}
@keyframes cgHayir{0%{transform:scale(2.8) rotate(-10deg);opacity:0;filter:blur(2px)}55%{transform:scale(.9) rotate(-4deg);opacity:1;filter:none}100%{transform:scale(1.06) rotate(-4deg)}}
html:not(.night) .cgHayir{color:#a3301a!important}

.cgPazar{animation:cgPazar 1.8s ease both!important}
@keyframes cgPazar{0%{text-shadow:none}40%{color:#ffe0a0;text-shadow:0 0 10px rgba(255,200,100,.55)}100%{color:#eccf98;text-shadow:0 0 3px rgba(255,200,100,.2)}}
html:not(.night) .cgPazar{animation-name:cgPazarA!important}
@keyframes cgPazarA{0%{color:inherit}100%{color:#7a5410}}

.cgUrperti{display:inline-block;color:#c9c2b8!important;animation:cgUrperti .45s steps(5) 3 both!important}
@keyframes cgUrperti{0%{transform:none}20%{transform:translate(-1px,.5px)}40%{transform:translate(1px,-.5px)}60%{transform:translate(-.6px,0)}80%{transform:translate(.6px,.4px)}100%{transform:none}}
html:not(.night) .cgUrperti{color:#5e5850!important}

.cgKaranlikSes{animation:cgKaranlikSes 3s ease both!important}
@keyframes cgKaranlikSes{0%{opacity:.35;text-shadow:none}50%{opacity:1;color:#d4e3ff;text-shadow:0 0 14px rgba(120,170,255,.55)}100%{color:#d0dcf4;text-shadow:0 0 5px rgba(120,170,255,.22)}}
html:not(.night) .cgKaranlikSes{animation-name:cgKaranlikSesA!important}
@keyframes cgKaranlikSesA{0%{opacity:.4}100%{opacity:1;color:#24467a}}

.cgGozFig{transition:filter 1.4s ease!important}.cgGozFig.cgKapali{filter:brightness(.16) saturate(.4)}
.cgUzR,.cgUzS{transition:transform 1.4s cubic-bezier(.3,.7,.3,1)!important}
.cgFirla{animation:cgFirla .95s cubic-bezier(.2,.8,.3,1) both!important}
@keyframes cgFirla{0%{translate:0 0;filter:none}16%{translate:44px 2px;filter:blur(1.8px)}100%{translate:0 0;filter:none}}

.cgOburluk{animation:cgOburluk 2.8s ease both!important}
@keyframes cgOburluk{0%{text-shadow:none}35%{color:#d2b8ff;text-shadow:0 0 10px rgba(140,80,220,.55)}100%{color:#c3ade8;text-shadow:0 0 4px rgba(140,80,220,.22)}}
html:not(.night) .cgOburluk{animation-name:cgOburlukA!important}
@keyframes cgOburlukA{0%{color:inherit}100%{color:#4a2a7a}}

.cgRemSoru{animation:cgRemSoru 2.6s ease both!important}
@keyframes cgRemSoru{0%{text-shadow:none}40%{color:#d8e8ff;text-shadow:0 0 12px rgba(120,170,255,.55)}100%{color:#cfe0fa;text-shadow:0 0 5px rgba(120,170,255,.24)}}
html:not(.night) .cgRemSoru{animation-name:cgRemSoruA!important}
@keyframes cgRemSoruA{0%{color:inherit}100%{color:#24467a}}

.cgYanit{display:inline-block;animation:cgYanit 1.9s ease both!important}
@keyframes cgYanit{0%{opacity:.4;transform:scale(1.08);filter:blur(1px)}55%{opacity:1;transform:none;filter:none;text-shadow:0 0 12px rgba(255,255,255,.5)}100%{text-shadow:0 0 4px rgba(255,255,255,.18)}}
html:not(.night) .cgYanit{animation-name:cgYanitA!important}
@keyframes cgYanitA{0%{opacity:.4;transform:scale(1.08)}100%{opacity:1;transform:none;color:#111}}

/* atlamada (cgHemen) son hâline anında gelir: bu sınıfların kendi animation kuralı .cgHemen'den sonra geldiği için daha özgül bir kural */
.cgHemen.cgSacma,.cgHemen.cgBurul,.cgHemen.cgEv,.cgHemen.cgZehir,.cgHemen.cgAltin20,.cgHemen.cgHayir,.cgHemen.cgPazar,.cgHemen.cgUrperti,.cgHemen.cgKaranlikSes,
.cgHemen.cgOburluk,.cgHemen.cgRemSoru,.cgHemen.cgYanit,.cgHemen.cgUcKat::before,.cgHemen.cgUcKat::after,.cgHemen.cgYankiH::before,.cgHemen.cgYankiH::after{animation-duration:.001s!important;animation-delay:0s!important}
@media (prefers-reduced-motion:reduce){.cgSacma,.cgUcKat::before,.cgUcKat::after,.cgBurul,.cgYankiH::before,.cgYankiH::after,.cgDublor::after,.cgAltin20,.cgHayir,.cgUrperti,.cgFirla,.cgYanit{animation:none!important}
 .cgUzaklas,.cgUzR,.cgUzS{transition:none!important}}
/* 7-21 — lakap (gül altını; söner; çatlar) · silinen lakap · sansür şeridi · Zikr'in sesi (ılık → soğuk) · gizli emir · kristal saray ·
   kan/alev/can · gösteri topluluğu · "hiçbir silah" çelik parıltısı */
.cgLakap{font-style:italic;background:linear-gradient(100deg,#f0b9a6 0%,#f6dca6 45%,#e8a8bb 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
html:not(.night) .cgLakap{background-image:linear-gradient(100deg,#8a3a2a 0%,#8a5a12 45%,#8a2a4a 100%)}
.cgLakapSonuk{animation:cgLakapSonuk 2.6s ease .3s both!important}
@keyframes cgLakapSonuk{to{filter:grayscale(1) brightness(.85)}}
.cgLakapKirik{display:inline-block;animation:cgLakapKirik 1.6s ease .2s both!important}
@keyframes cgLakapKirik{0%{filter:none;transform:none}30%{transform:rotate(-2deg) translateY(1px)}100%{filter:grayscale(1) brightness(.72);transform:rotate(-1.5deg) translateY(2px);opacity:.8}}

.cgZikr{color:#f0d8d0!important;text-shadow:0 0 8px rgba(240,160,150,.14);transition:color 2.2s ease,text-shadow 2.2s ease!important}
html:not(.night) .cgZikr{color:#5a2a26!important;text-shadow:none}
.cgZikrSoguk,.cgZikr.cgZikrDon{color:#c6d0db!important;text-shadow:0 0 6px rgba(150,180,220,.12)}
html:not(.night) .cgZikrSoguk,html:not(.night) .cgZikr.cgZikrDon{color:#273442!important;text-shadow:none}

.cgSilik{animation:cgSilik 2.4s ease .3s both!important}
@keyframes cgSilik{to{opacity:.36;filter:blur(.5px)}}

.cgEmir{color:#e8806e!important;text-shadow:0 0 8px rgba(200,40,30,.25);background:linear-gradient(currentColor,currentColor) left 92%/0% 1px no-repeat;animation:cgEmir 1.6s ease .2s both!important}
@keyframes cgEmir{to{background-size:100% 1px}}
html:not(.night) .cgEmir{color:#8a1a10!important;text-shadow:none}

.cgKristal{background:linear-gradient(100deg,#8fc4ff 0%,#e9f4ff 22%,#d9a6ff 44%,#9ff2dc 66%,#ffd6f2 84%,#8fc4ff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:cgKristal 3.4s ease both!important}
@keyframes cgKristal{0%{background-position:100% 0}100%{background-position:0 0}}
html:not(.night) .cgKristal{background-image:linear-gradient(100deg,#2a5a8a 0%,#5a7aa0 30%,#7a3a8a 50%,#1a6a5a 70%,#2a5a8a 100%)}

.cgKanAlev{background:linear-gradient(90deg,#ff8f7f 0%,#ffb377 45%,#b9b1a9 85%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
html:not(.night) .cgKanAlev{background-image:linear-gradient(90deg,#9a1a10 0%,#a05010 45%,#5a5550 85%)}

.cgSansur{display:inline-block;position:relative;color:transparent!important;-webkit-text-fill-color:transparent;min-width:2.2em}
.cgSansur::before{content:'';position:absolute;left:.06em;right:-.02em;top:.16em;bottom:.12em;background:#0d0d0f;border-radius:2px;transform-origin:left center;transform:scaleX(0);animation:cgSansur .55s cubic-bezier(.3,.8,.3,1) .15s both!important}
html.night .cgSansur::before{background:#e6dfd1}
@keyframes cgSansur{to{transform:scaleX(1)}}
.cgSansurBas::before{animation:cgSansur .55s cubic-bezier(.3,.8,.3,1) .15s both,cgSansurBas .45s ease both!important}
@keyframes cgSansurBas{0%{transform:scale(1,1)}40%{transform:scale(1.05,1.4)}100%{transform:scale(1,1.12)}}

.cgGosteri{animation:cgGosteri 2.8s ease both!important}
@keyframes cgGosteri{0%{text-shadow:none}35%{color:#ffd9c6;text-shadow:0 0 10px rgba(255,170,140,.45),0 0 2px rgba(255,220,180,.5)}100%{color:#f4dccd;text-shadow:0 0 4px rgba(255,170,140,.18)}}
html:not(.night) .cgGosteri{animation-name:cgGosteriA!important}
@keyframes cgGosteriA{to{color:#8a3a2a}}

.cgCelikParla{background:linear-gradient(100deg,#b9c4cf 0%,#b9c4cf 40%,#ffffff 50%,#b9c4cf 60%,#b9c4cf 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:cgCelikParla 1.4s ease .2s both!important}
@keyframes cgCelikParla{0%{background-position:100% 0}100%{background-position:0 0}}
html:not(.night) .cgCelikParla{background-image:linear-gradient(100deg,#3a4652 0%,#3a4652 40%,#9aa8b6 50%,#3a4652 60%,#3a4652 100%)}

.cgHemen.cgSansur::before,.cgHemen.cgLakapSonuk,.cgHemen.cgLakapKirik,.cgHemen.cgSilik,.cgHemen.cgEmir,.cgHemen.cgKristal,.cgHemen.cgGosteri,.cgHemen.cgCelikParla{animation-duration:.001s!important;animation-delay:0s!important}
@media (prefers-reduced-motion:reduce){.cgLakapSonuk,.cgLakapKirik,.cgSilik,.cgEmir,.cgKristal,.cgGosteri,.cgCelikParla,.cgSansur::before{animation-duration:.001s!important;animation-delay:0s!important}.cgZikr{transition:none!important}}
/* 7-22 — geri sarılan satır · kor · makyaj (saç, göz farı, kirpik, allık, ruj) · Flora · güzellik · Ram · ayna · Kojiki · Bianca ·
   yelpaze · Shudraq adları · Natsumi Schwarz · yemin · komik son (zıplayan satır, eğilen soru işareti, "ablam") */
.cgGeri .cgGeriK{display:inline-block;animation:cgGeriK .55s cubic-bezier(.2,.7,.2,1) calc(.25s + var(--i,0)*.07s) both!important}
@keyframes cgGeriK{0%{opacity:0;transform:translateX(16px)}100%{opacity:1;transform:none}}
.cgGeri.cgHemen .cgGeriK{animation-duration:.001s!important;animation-delay:0s!important}

.cgKor{animation:cgKor 1.1s ease 2 both!important}
@keyframes cgKor{0%{color:inherit;text-shadow:none}45%{color:#ffd2a8;text-shadow:0 0 12px rgba(255,140,60,.65),0 0 2px rgba(255,210,160,.6)}100%{color:#f6d6b8;text-shadow:0 0 5px rgba(255,140,60,.28)}}
html:not(.night) .cgKor{animation-name:cgKorA!important}
@keyframes cgKorA{0%{color:inherit}45%{color:#a33a08}100%{color:#8a3a10}}

.cgYuz22{animation:cgYuz22 2.2s ease both!important}
@keyframes cgYuz22{0%{text-shadow:none}40%{color:#fff1d6;text-shadow:0 0 12px rgba(255,220,160,.6)}100%{color:#f4e2c4;text-shadow:0 0 4px rgba(255,220,160,.2)}}
html:not(.night) .cgYuz22{animation-name:cgYuz22A!important}
@keyframes cgYuz22A{to{color:#8a5a10}}

/* makyaj: her sözcük sırayla boyanır (--mk renk, --mkg ışıltı) */
.cgMkSac,.cgMkFar,.cgMkKirpik,.cgMkAllik,.cgMkRuj{animation:cgMk 1s ease var(--d,0s) both!important}
@keyframes cgMk{0%{color:inherit;text-shadow:none}100%{color:var(--mk);text-shadow:0 0 9px var(--mkg)}}
.cgMkSac{--mk:#f2cf7a;--mkg:rgba(240,190,90,.45)}
.cgMkFar{--mk:#cdb0ff;--mkg:rgba(170,130,255,.55)}
.cgMkKirpik{--mk:#ffffff;--mkg:rgba(255,255,255,.25);font-weight:700;letter-spacing:.02em}
.cgMkAllik{--mk:#ffb6c6;--mkg:rgba(255,120,150,.6)}
.cgMkRuj{--mk:#ff6f82;--mkg:rgba(255,60,90,.55)}
html:not(.night) .cgMkSac{--mk:#8a5a10;--mkg:transparent}
html:not(.night) .cgMkFar{--mk:#5a2a9a;--mkg:transparent}
html:not(.night) .cgMkKirpik{--mk:#111;--mkg:transparent}
html:not(.night) .cgMkAllik{--mk:#b0305a;--mkg:rgba(220,90,130,.18)}
html:not(.night) .cgMkRuj{--mk:#c0102a;--mkg:rgba(220,40,60,.15)}
.cgMkKirpik{display:inline-block;transform-origin:50% 70%}
.cgMkKirpik:not(.cgHemen){animation:cgMk 1s ease var(--d,0s) both,cgKirp .5s ease calc(var(--d,0s) + .9s) 2!important}
@keyframes cgKirp{0%,100%{transform:none}45%{transform:scaleY(.55)}}

.cgFlora{color:#f6bfa6!important;text-shadow:0 0 6px rgba(240,150,120,.25)}
html:not(.night) .cgFlora{color:#9a3f2c!important;text-shadow:none}

.cgGuzellik{display:inline-block;animation:cgGuzellik 2.4s ease both!important}
@keyframes cgGuzellik{0%{transform:none;text-shadow:none}30%{transform:scale(1.05);color:#fff0f6;text-shadow:0 0 14px rgba(255,170,210,.75),0 0 3px rgba(255,255,255,.8)}100%{transform:none;color:#fbe0ec;text-shadow:0 0 5px rgba(255,170,210,.3)}}
html:not(.night) .cgGuzellik{animation-name:cgGuzellikA!important}
@keyframes cgGuzellikA{0%{transform:none}30%{transform:scale(1.05);color:#a0285a}100%{transform:none;color:#8a2a52}}

.cgRam{color:#ffa6c6!important}
html:not(.night) .cgRam{color:#b0306a!important}

.cgAyna{position:relative;display:inline-block}
.cgAyna::after{content:attr(data-t);position:absolute;left:0;top:74%;white-space:nowrap;pointer-events:none;transform:scaleY(-1);opacity:0;filter:blur(.4px);
 -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.7),transparent 72%);mask-image:linear-gradient(to top,rgba(0,0,0,.7),transparent 72%);animation:cgAyna 1.8s ease .3s both!important}
@keyframes cgAyna{0%{opacity:0;transform:scaleY(-1) translateY(-5px)}100%{opacity:.5;transform:scaleY(-1)}}
.cgHemen.cgAyna::after{animation-duration:.001s!important;animation-delay:0s!important}

.cgKojiki{color:#dcc48e!important;letter-spacing:.07em;font-style:italic}
html:not(.night) .cgKojiki{color:#6a5020!important}

.cgBianca{display:inline-block;color:#ff94ad!important;font-style:italic;animation:cgBianca 1.4s ease both!important}
@keyframes cgBianca{0%{opacity:.4;letter-spacing:.2em}100%{opacity:1;letter-spacing:0}}
html:not(.night) .cgBianca{color:#a0203f!important}

.cgYelpaze{transform-origin:0 50%;animation:cgYelpaze .32s cubic-bezier(.2,.9,.3,1.2) both!important}
@keyframes cgYelpaze{0%{transform:skewX(-7deg) scaleX(1.035)}100%{transform:none}}

.cgShudraqAd{color:#a6e6b8!important}
html:not(.night) .cgShudraqAd{color:#1f6a3a!important}

.cgNatsumi{display:inline-block;background:linear-gradient(90deg,#f6b3d9 0%,#ffe2f1 45%,#c9a8ff 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;
 animation:cgNatsumi 2.2s ease both!important}
@keyframes cgNatsumi{0%{background-position:100% 0}100%{background-position:0 0}}
html:not(.night) .cgNatsumi{background-image:linear-gradient(90deg,#8a2a6a 0%,#b0306a 45%,#5a2a9a 100%)}

.cgYemin{color:#ffffff!important;text-shadow:0 0 8px rgba(255,255,255,.35);font-weight:600}
html:not(.night) .cgYemin{color:#000!important;text-shadow:none}

.cgHop{animation:cgHop .7s cubic-bezier(.3,.7,.3,1) both!important}
@keyframes cgHop{0%{transform:none}28%{transform:translateY(-7px)}52%{transform:none}70%{transform:translateY(-2px)}100%{transform:none}}

.cgEgik{display:inline-block;transform:rotate(-26deg) translateY(1px);transform-origin:50% 80%;transition:transform .5s cubic-bezier(.3,1.6,.5,1)!important}
.cgEgik:not(.cgHemen){animation:cgEgik .6s cubic-bezier(.3,1.6,.5,1) .4s both!important}
@keyframes cgEgik{0%{transform:none}100%{transform:rotate(-26deg) translateY(1px)}}

.cgAblam{display:inline-block;color:#ffaccb!important;animation:cgAblam .7s cubic-bezier(.2,.9,.3,1.4) .2s both!important}
@keyframes cgAblam{0%{transform:scale(1.5);opacity:0}100%{transform:none;opacity:1}}
html:not(.night) .cgAblam{color:#b0306a!important}

.cgHemen.cgKor,.cgHemen.cgYuz22,.cgHemen.cgMkSac,.cgHemen.cgMkFar,.cgHemen.cgMkKirpik,.cgHemen.cgMkAllik,.cgHemen.cgMkRuj,.cgHemen.cgGuzellik,.cgHemen.cgBianca,.cgHemen.cgYelpaze,
.cgHemen.cgNatsumi,.cgHemen.cgHop,.cgHemen.cgAblam{animation-duration:.001s!important;animation-delay:0s!important;animation-iteration-count:1!important}
@media (prefers-reduced-motion:reduce){.cgGeri .cgGeriK,.cgKor,.cgMkKirpik,.cgGuzellik,.cgAyna::after,.cgBianca,.cgYelpaze,.cgNatsumi,.cgHop,.cgEgik,.cgAblam{animation-duration:.001s!important;animation-delay:0s!important}}
/* 7-16 (c23): Flop'un "parıltı efekti" sözü altın bir parıltıyla, "perçemleri" hafif yaldızla parlar (pırıltılar artık yazının üstüne düşmez) */
.cgParilti16{background:linear-gradient(100deg,#f1d79e 0%,#f1d79e 36%,#fffaf0 50%,#f1d79e 64%,#f1d79e 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;
 animation:cgParilti16 1.5s ease .25s 2 both!important}
@keyframes cgParilti16{0%{background-position:100% 0}100%{background-position:0 0}}
html:not(.night) .cgParilti16{background-image:linear-gradient(100deg,#7a5410 0%,#7a5410 36%,#e0b050 50%,#7a5410 64%,#7a5410 100%)}
.cgPercem{background:linear-gradient(100deg,currentColor 0%,currentColor 40%,#ffe9b8 50%,currentColor 60%,currentColor 100%);background-size:320% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 animation:cgPercem 1.6s ease .4s 1 both!important}
@keyframes cgPercem{0%{background-position:100% 0}100%{background-position:0 0}}
html:not(.night) .cgPercem{background-image:linear-gradient(100deg,currentColor 0%,currentColor 40%,#c08a28 50%,currentColor 60%,currentColor 100%)}
.cgHemen.cgParilti16,.cgHemen.cgPercem{animation-duration:.001s!important;animation-delay:0s!important;animation-iteration-count:1!important}
@media (prefers-reduced-motion:reduce){.cgParilti16,.cgPercem{animation-duration:.001s!important;animation-delay:0s!important}}