/* 📸 Koçigram (Riven 29 Eyl) — Instagram gibi İngilizce akışı. kocigram.js. Önek: kg- */
@import url("/vendor/fonts/pacifico-kocigram.css");   /* yalnız logo harfleri; 1 Kas: kendi sunucumuzdan */
/* renkler uygulama temasından (açık/koyu/lacivert…): yazı her temada okunur */
.kg-kok { --kg-ink:var(--ink, #1b1f2a); --kg-muted:var(--muted, #6b7385); --kg-line:color-mix(in srgb, var(--line, #eceef3) 55%, transparent); --kg-bg:var(--bg, #fff); --kg-yuzey:color-mix(in srgb, var(--kg-ink) 8%, transparent); margin:-12px -14px 0; background:var(--kg-bg); color:var(--kg-ink); min-height:100%; padding-bottom:30px; }
.kg-kok button { font:inherit; color:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.kg-ust { position:sticky; top:0; z-index:4; display:flex; align-items:center; gap:6px; padding:8px 12px; background:color-mix(in srgb, var(--kg-bg) 94%, transparent); backdrop-filter:blur(8px); border-bottom:1px solid var(--kg-line); }
.kg-logo { font-family:"Pacifico", "Baloo 2", cursive; font-size:25px; font-weight:800; margin-right:auto; line-height:1.25; background:linear-gradient(90deg,#ff3d7f,#ff9a3c 45%,#7b5cff); -webkit-background-clip:text; background-clip:text; color:transparent; cursor:pointer; }
.kg-ust button { border:0; background:none; font-size:22px; width:40px; height:40px; border-radius:12px; } .kg-ust button.on { background:var(--kg-yuzey); }
.kg-hikayeler { display:flex; gap:10px; overflow-x:auto; padding:12px 12px 8px; scrollbar-width:none; border-bottom:1px solid var(--kg-line); }
.kg-hikayeler::-webkit-scrollbar, .kg-seviyeler::-webkit-scrollbar, .kg-kaydir::-webkit-scrollbar { display:none; }
.kg-hikaye { flex:none; width:70px; border:0; background:none; font-size:11.5px; font-weight:700; text-align:center; padding:0; }
.kg-hikaye span { display:grid; place-items:center; width:62px; height:62px; margin:0 auto 4px; border-radius:50%; padding:3px; background:#d7dae2; }
.kg-hikaye.on span, .kg-hikaye:not(.on):hover span { background:conic-gradient(#ff3d7f,#ff9a3c,#ffd23f,#7b5cff,#ff3d7f); }
.kg-hikaye em { display:grid; place-items:center; width:100%; height:100%; border-radius:50%; border:3px solid var(--kg-bg); font-style:normal; font-size:25px; background:var(--kg-yuzey); }
.kg-seviyeler { display:flex; gap:7px; overflow-x:auto; padding:9px 12px; scrollbar-width:none; }
.kg-seviyeler button { flex:none; border:0; font-size:13px; font-weight:700; padding:6px 12px; border-radius:99px; background:var(--kg-yuzey); }
.kg-seviyeler button.on { background:var(--kg-ink); color:var(--kg-bg) !important; }
.kg-post { border-bottom:1px solid var(--kg-line); padding-bottom:10px; }
.kg-bas { display:flex; align-items:center; gap:9px; padding:10px 12px; }
.kg-av { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; font-size:17px; flex:none; box-shadow:0 0 0 2px var(--kg-bg), 0 0 0 4px #ff9a3c55; }
.kg-ad { line-height:1.1; min-width:0; } .kg-ad b { font-size:14px; } .kg-ad small { display:block; color:var(--kg-muted); font-size:12px; }
.kg-tur { margin-left:auto; font-size:11px; font-weight:800; padding:2px 8px; border-radius:99px; background:#f3efff; color:#5b3fd6 !important; white-space:nowrap; border:0; font-family:inherit; cursor:pointer; }
.kg-sev { font-size:11px; font-weight:800; padding:2px 8px; border-radius:99px; background:#eef8f1; color:#1d7a45 !important; border:0; font-family:inherit; cursor:pointer; }
.kg-tur:active, .kg-sev:active, .kg-etb:active { transform:scale(.94); }
.kg-medya { position:relative; aspect-ratio:1; overflow:hidden; background:#e9ecf3; }
.kg-medya > img { width:100%; height:100%; object-fit:cover; display:block; }
.kg-kalp-pat { position:absolute; left:50%; top:45%; font-size:96px; translate:-50% -50%; opacity:0; pointer-events:none; font-style:normal; filter:drop-shadow(0 6px 14px #0005); }
.kg-kalp-pat.on { animation:kg-pat .8s ease-out; } @keyframes kg-pat { 15% { opacity:1; transform:scale(1.2); } 30% { transform:scale(.95); } 70% { opacity:1; } 100% { opacity:0; transform:scale(1.1); } }
/* soru kutusu */
.kg-soru { position:absolute; left:8px; right:8px; bottom:8px; background:#fffdf6f2; color:#1b1f2a; border-radius:18px; padding:10px 12px 12px; box-shadow:0 8px 24px #0003; text-align:center; }
.kg-soru small { display:block; font-size:10.5px; letter-spacing:.1em; color:#6b7385; font-weight:800; }
/* Resimli kartta soru fotoğrafın altında (kgMedya): fotoğraftaki ipucu (el işareti, nesne) kapanmaz */
.kg-soru-alt { padding:10px 8px 2px; }
.kg-soru-alt .kg-soru { position:static; box-shadow:none; }
.kg-cumle { font-size:19px; font-weight:800; margin-top:4px; line-height:1.25; }
.kg-bos { text-decoration:none; border-bottom:3px dashed #7b5cff; padding:0 8px; color:#5b3fd6; }
.kg-vurgu { color:#7b5cff; }
.kg-talimat { font-size:13px; font-weight:800; color:#5b3fd6; margin-top:2px; }
.kg-secenek { display:flex; justify-content:center; flex-wrap:wrap; gap:7px; margin-top:8px; }
.kg-secenek.dikey { flex-direction:column; align-items:stretch; }
.kg-secenek button, .kg-kelimeler button { border:2px solid #e6e1d3; background:#fff; color:#1b1f2a !important; border-radius:12px; padding:5px 11px; font-size:16.5px; font-weight:800; line-height:1.25; }
.kg-secenek button.dogru { background:#d3f9d8; border-color:#2f9e44; } .kg-secenek button.yanlis, .kg-kelimeler button.yanlis { background:#ffe3e3; border-color:#e03131; animation:kg-salla .35s; }
@keyframes kg-salla { 25% { transform:translateX(-5px); } 75% { transform:translateX(5px); } }
.kg-kelimeler { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-top:7px; }
.kg-kelimeler button.fazla { text-decoration:line-through; text-decoration-thickness:3px; color:#e03131 !important; border-color:#e03131; }
.kg-kelimeler button.duzeltildi { background:#d3f9d8; border-color:#2f9e44; } .kg-kelimeler button s { color:#e03131; }
.kg-duzgun { margin-top:7px; font-size:15px; font-weight:800; color:#1d7a45; }
.kg-kelime-bas { font-size:28px; font-weight:800; margin-top:2px; } .kg-okunus { font-size:13px; color:#6b7385; font-weight:700; }
.kg-anlam { font-size:17px; font-weight:700; margin-top:4px; }
.kg-mini-ses { border:0; background:#eef0f5; border-radius:50%; width:34px; height:34px; font-size:16px; vertical-align:middle; }
/* kaydırmalı */
.kg-kaydir { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; height:100%; scrollbar-width:none; }
.kg-kaydir > * { flex:none; width:100%; height:100%; scroll-snap-align:start; }
.kg-kapak { position:relative; } .kg-kapak img { width:100%; height:100%; object-fit:cover; }
.kg-kaydir { cursor:grab; touch-action:pan-y; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; } .kg-kaydir img { -webkit-user-drag:none; user-select:none; }
.kg-kaydir.kg-tutuldu { cursor:grabbing; }
/* Riven 2 Eki "tuş ile değil, parmakla çekerek": dokunmatik ekranda oklar gizli — kaydırma parmakla; fareli ekranda oklar kalır */
@media (hover: none) and (pointer: coarse) { .kg-ok { display:none !important; } }
.kg-ok { position:absolute; top:50%; translate:0 -50%; z-index:2; width:30px; height:30px; padding:0 0 3px; border:0; border-radius:50%; background:#ffffffd9; color:#111 !important; font-size:22px; font-weight:800; line-height:1; display:grid; place-items:center; box-shadow:0 2px 10px #0004; cursor:pointer; }
.kg-ok.sol { left:6px; } .kg-ok.sag { right:6px; } .kg-ok[hidden] { display:none; }
.kg-kapak b { position:absolute; left:0; right:0; bottom:0; padding:50px 16px 30px; color:#fff; font-size:25px; line-height:1.1; background:linear-gradient(transparent,#000b); }
.kg-kapak small { position:absolute; right:14px; bottom:10px; color:#fff; font-weight:800; font-size:13px; }
.kg-slayt { display:flex; flex-direction:column; justify-content:center; padding:26px; color:#fff; }
.kg-slayt h3 { margin:0; font-size:36px; line-height:1.05; } .kg-slayt p { margin:8px 0 0; font-size:17px; font-weight:700; }
.kg-slayt q { display:block; margin-top:16px; font-size:19px; font-weight:800; background:#ffffff26; border-radius:14px; padding:10px 12px; quotes:none; }
.kg-slayt q small { display:block; font-size:13.5px; font-weight:600; opacity:.92; }
.kg-r0 { background:linear-gradient(150deg,#ff9a3c,#ff3d7f); } .kg-r1 { background:linear-gradient(150deg,#3b82f6,#7b5cff); } .kg-r2 { background:linear-gradient(150deg,#12b886,#3b82f6); }
.kg-r3 { background:linear-gradient(150deg,#e64980,#7b5cff); } .kg-r4 { background:linear-gradient(150deg,#f08c00,#e8590c); }
.kg-sayfa { position:absolute; top:10px; right:10px; background:#000a; color:#fff; font-size:12px; border-radius:99px; padding:2px 9px; }
.kg-noktalar { display:flex; justify-content:center; gap:5px; padding-top:8px; } .kg-noktalar i { width:6px; height:6px; border-radius:50%; background:#cfd3dc; } .kg-noktalar i.on { background:#3b82f6; }
/* deyim / tuzak */
.kg-ust-etiket { position:absolute; left:10px; top:10px; right:10px; width:fit-content; max-width:calc(100% - 20px); background:#fff; color:#1b1f2a; border-radius:14px; padding:4px 10px; font-size:12.5px; font-weight:800; box-shadow:0 3px 10px #0002; }
.kg-alt-baslik { position:absolute; left:0; right:0; bottom:0; padding:46px 16px 14px; color:#fff; background:linear-gradient(transparent,#000c 45%); }
.kg-alt-baslik b { font-size:23px; display:block; line-height:1.12; } .kg-alt-baslik small { display:block; font-size:14.5px; font-weight:700; margin-top:3px; } .kg-alt-baslik em { display:block; font-size:13px; opacity:.9; margin-top:4px; }
/* UK/US */
.kg-tablo { position:absolute; left:10px; right:10px; bottom:10px; background:#fffffff2; color:#1b1f2a; border-radius:16px; padding:8px 10px; display:grid; grid-template-columns:1fr auto 1fr; gap:4px 8px; font-size:16px; font-weight:800; text-align:center; box-shadow:0 6px 16px #0003; }
.kg-tablo .bas { font-size:12px; color:#6b7385; } .kg-tablo .tr { color:#6b7385; font-weight:700; font-size:14px; }
/* telaffuz */
.kg-ses-btn { position:absolute; right:12px; bottom:12px; border:0; width:62px; height:62px; border-radius:50%; font-size:28px; background:#fff; box-shadow:0 6px 16px #0004; }
.kg-ses-kutu { position:absolute; left:12px; bottom:12px; right:86px; background:#fffffff2; color:#1b1f2a; border-radius:16px; padding:8px 12px; line-height:1.25; }
.kg-ses-kutu b { font-size:18px; } .kg-ses-kutu small { display:block; color:#5f6675; font-size:12.5px; font-weight:600; margin-top:2px; }
/* diyalog */
.kg-balonlar { position:absolute; inset:auto 10px 12px 10px; display:flex; flex-direction:column; gap:6px; }
.kg-balon { max-width:80%; padding:7px 12px; border-radius:18px; font-size:15px; font-weight:700; line-height:1.25; box-shadow:0 3px 10px #0002; opacity:0; transform:translateY(8px); transition:opacity .35s, transform .35s; }
.kg-balon.on { opacity:1; transform:none; } .kg-balon.sol { background:#fff; color:#1b1f2a; align-self:flex-start; border-bottom-left-radius:4px; } .kg-balon.sag { background:#3b82f6; color:#fff; align-self:flex-end; border-bottom-right-radius:4px; }
.kg-balon small { display:block; font-size:11.5px; font-weight:600; opacity:.8; }
/* bilgi */
.kg-bilgi { aspect-ratio:1; display:flex; flex-direction:column; justify-content:center; padding:28px; color:#fff; }
.kg-b0 { background:radial-gradient(circle at 20% 15%,#ffd23f,#ff9a3c 45%,#ff3d7f); } .kg-b1 { background:radial-gradient(circle at 20% 15%,#6ee7e0,#3b82f6 50%,#7b5cff); }
.kg-b2 { background:radial-gradient(circle at 20% 15%,#b6f06a,#12b886 50%,#0b7285); } .kg-b3 { background:radial-gradient(circle at 20% 15%,#ff9ad1,#e64980 50%,#7048e8); }
.kg-bilgi small { font-size:12.5px; letter-spacing:.14em; font-weight:800; opacity:.9; } .kg-bilgi h3 { margin:6px 0; font-size:28px; line-height:1.1; } .kg-bilgi p { margin:0; font-size:16.5px; font-weight:600; }
.kg-bilgi .buyuk { font-size:104px; line-height:1; font-weight:800; }
/* alt kısım */
.kg-eylem { display:flex; gap:8px; padding:6px 8px 0; } .kg-eylem button { border:0; background:none; font-size:25px; width:42px; height:40px; border-radius:10px; } .kg-eylem .kg-kaydet { margin-left:auto; }
.kg-begen.on { animation:kg-atla .35s; } @keyframes kg-atla { 50% { transform:scale(1.3); } }
.kg-begeni { padding:0 12px; font-size:13.5px; font-weight:800; }
.kg-dipnot { margin:6px 12px 4px; background:#fff8e1; color:#3d3320; border-left:4px solid #ffd23f; border-radius:10px; padding:7px 10px; font-size:14px; line-height:1.4; }
.kg-dipnot b { color:#b35c00; } .kg-dipnot.yeni { animation:kg-ac .4s ease-out; } @keyframes kg-ac { from { opacity:0; transform:translateY(-6px); } }
:root[data-theme="dark"] .kg-dipnot { background:#3a3016; color:#f6ecd0; } :root[data-theme="dark"] .kg-dipnot b { color:#ffc94d; }
.kg-yazi { padding:3px 12px 0; font-size:14.5px; line-height:1.4; } .kg-et { color:var(--primary, #3b5bdb); }
.kg-konu { padding:2px 12px; font-size:12px; font-weight:600; color:var(--kg-muted); letter-spacing:.02em; }   /* odak grubu 20 Eki: büyük harf kaldırıldı; sayfa lang="tr" olduğu için İngilizce kelimeler «THİS / PİLLOW» oluyordu */
.kg-son { text-align:center; color:var(--kg-muted); padding:22px 16px; font-size:14px; }
.kg-yukleniyor { height:40px; text-align:center; color:var(--kg-muted); }
.kg-h2 { margin:14px 12px 6px; font-size:20px; }
/* keşfet ızgarası */
.kg-izgara { display:grid; grid-template-columns:repeat(3,1fr); grid-auto-flow:dense; gap:2px; }
.kg-izgara button { aspect-ratio:1; border:0; padding:0; background:#ddd center / cover no-repeat; position:relative; }
.kg-izgara button.uzun { grid-row:span 2; aspect-ratio:auto; }
.kg-izgara button i { position:absolute; right:5px; top:4px; font-style:normal; font-size:13px; filter:drop-shadow(0 1px 2px #000); }
#kgDaha { text-align:center; padding:12px; }
@media (prefers-reduced-motion: reduce) { .kg-kalp-pat.on, .kg-begen.on, .kg-dipnot.yeni, .kg-secenek button.yanlis { animation:none; } .kg-balon { transition:none; } }
/* 🛠️ panel: Koçigram içerik yönetimi (panel.js panelKocigram). Önek: kgp- */
.kgp-satir { display:flex; gap:10px; align-items:center; padding:8px 0; border-bottom:1px solid var(--line); }
.kgp-satir.gizli { opacity:.55; }
.kgp-kucuk { flex:none; width:54px; height:54px; border-radius:10px; background:#eef0f5 center / cover no-repeat; display:grid; place-items:center; font-size:18px; }
.kgp-bilgi { flex:1; min-width:0; } .kgp-bilgi b { display:block; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .kgp-bilgi small { display:block; color:var(--muted); font-size:12px; }
.kgp-dug { display:flex; gap:4px; flex-wrap:wrap; justify-content:flex-end; } .kgp-dug .btn { width:auto; padding:6px 10px; margin:0; }
.kgp-filtre { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px; } .kgp-filtre input { flex:1 1 180px; } .kgp-filtre select { flex:1 1 130px; } .kgp-filtre .btn { width:auto; margin:0; }
.kgp-duzen { display:grid; grid-template-columns:minmax(0, 1fr) 380px; gap:14px; align-items:start; }
@media (max-width: 900px) { .kgp-duzen { grid-template-columns:1fr; } }
.kgp-iki { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.kgp-onizleme { position:sticky; top:10px; } .kgp-onizleme h3 { margin:0; }
.kgp-telefon.kg-kok { margin:6px 0 0; border:1px solid var(--line); border-radius:22px; overflow:hidden; max-width:380px; padding-bottom:0; }
.kgp-form textarea { width:100%; font:inherit; font-size:14px; border:1px solid var(--line); border-radius:10px; padding:8px; background:var(--bg); color:var(--ink); }
/* 🏠 ana sayfa girişi (klasik + Asil düzen) */
.kg-ev { display:flex; align-items:center; gap:12px; width:100%; border:0; border-radius:18px; padding:12px 14px; margin:0 0 10px; color:#fff !important; text-align:left;
  background:linear-gradient(120deg,#ff3d7f,#ff9a3c 50%,#7b5cff); box-shadow:0 5px 14px #ff3d7f40; font:inherit; cursor:pointer; }
.kg-ev-ic { font-size:28px; } .kg-ev-tx { flex:1; min-width:0; } .kg-ev-tx b { display:block; font-size:17px; } .kg-ev-tx small { display:block; font-size:12.5px; opacity:.92; } .kg-ev-ok { font-size:24px; font-weight:800; }
.yd-k.kg-ev-yd { background:linear-gradient(120deg,#ff3d7f,#ff9a3c 50%,#7b5cff) !important; color:#fff !important; } .yd-k.kg-ev-yd small { color:#fffe !important; }

/* 🎨 Emoji yerine ortak SVG simgeler (ikon.js, 30 Eyl) — boyut ve dolu/boş hâller */
.kg-kok .ik { display:inline-grid; place-items:center; }
.kg-ust button .ik svg { width:23px; height:23px; }
.kg-hikaye em .ik svg { width:26px; height:26px; color:var(--kg-yazi, currentColor); }
.kg-hikaye.on em .ik svg { color:#ff5a36; }
.kg-av { color:#fff; } .kg-av .ik svg { width:17px; height:17px; }
.kg-eylem button { display:grid; place-items:center; color:inherit; } .kg-eylem .ik svg { width:25px; height:25px; }
.kg-begen.on svg { fill:#ff3b5c; stroke:#ff3b5c; }
.kg-kaydet.on svg { fill:currentColor; }
.kg-kalp-pat .ik svg { width:96px; height:96px; fill:#fff; stroke:#fff; }
.kg-dipnot > .ik { vertical-align:-3px; } .kg-dipnot > .ik svg { width:16px; height:16px; color:#b35c00; }
:root[data-theme="dark"] .kg-dipnot > .ik svg { color:#ffc94d; }
.kg-duzgun .ik svg, .kg-mini-ses .ik svg { width:16px; height:16px; vertical-align:-3px; } .kg-ses-btn .ik svg { width:22px; height:22px; }
.kg-izgara i .ik svg { width:16px; height:16px; color:#fff; } .kg-seviyeler .ik svg { width:14px; height:14px; vertical-align:-2px; }
.kg-h2 .ik svg { width:20px; height:20px; vertical-align:-3px; }

/* 🛠️ Panel · Koçigram kart formu, 3 adım (30 Eyl: "dik duruyor, anlaşılır değil") */
.kgs { display:flex; flex-direction:column; gap:12px; padding-bottom:84px; }
.kgs-ust { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.kgs-adimlar { display:flex; gap:6px; list-style:none; margin:0; padding:0; flex:1; }
.kgs-adimlar li { flex:1; display:flex; align-items:center; gap:6px; padding:8px 10px; border-radius:12px; background:var(--card); border:1px solid var(--line); font-size:13px; font-weight:700; color:var(--muted); cursor:pointer; }
.kgs-adimlar b { width:22px; height:22px; border-radius:50%; display:grid; place-items:center; background:var(--line); color:var(--ink); font-size:12px; flex:none; }
.kgs-adimlar li.simdi { border-color:var(--primary); color:var(--ink); } .kgs-adimlar li.simdi b { background:var(--primary); color:var(--koci-on-primary, #fff); } .kgs-adimlar li.gecti b { background:#1f9d55; color:#fff; }
.kgs-duzen { display:grid; grid-template-columns:minmax(0, 1fr) 380px; gap:14px; align-items:start; }
.kgs-form { display:flex; flex-direction:column; gap:14px; } .kgs-form h2 { margin:0; }
.kgs-turler { display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:8px; }
.kgs-turler button { text-align:left; border:2px solid var(--line); background:var(--card); color:var(--ink); border-radius:14px; padding:12px; font:inherit; cursor:pointer; display:flex; flex-direction:column; gap:4px; }
.kgs-turler button b { font-size:15px; } .kgs-turler button small { font-size:12.5px; color:var(--muted); line-height:1.3; } .kgs-turler button em { font-style:normal; font-size:12px; font-family:ui-monospace, Menlo, monospace; color:var(--primary); }
.kgs-turler button.on, .kgs-turler button:hover { border-color:var(--primary); }
.kgs-alan { display:flex; flex-direction:column; gap:5px; } .kgs-alan > span, .kgs-bas { font-size:13.5px; font-weight:800; }
.kgs-alan input, .kgs-alan textarea, .kgs-sec input, .kgs-satir input { width:100%; font:inherit; font-size:15px; border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:var(--bg); color:var(--ink); box-sizing:border-box; }
.kgs-alan small, .kgs-not { font-size:12px; color:var(--muted); }
.kgs-iki { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.kgs-grup { display:flex; flex-direction:column; gap:7px; }
.kgs-cipler { display:flex; flex-wrap:wrap; gap:6px; } .kgs-cipler button { border:1px solid var(--line); background:var(--card); color:var(--ink); border-radius:99px; padding:7px 13px; font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
.kgs-cipler button.on { background:var(--primary); color:var(--koci-on-primary, #fff); border-color:var(--primary); }
.kgs-sec { display:flex; align-items:center; gap:8px; } .kgs-sec > button:first-child { width:32px; height:32px; flex:none; border-radius:50%; border:2px solid var(--line); background:var(--card); color:#fff; font-weight:900; cursor:pointer; }
.kgs-sec.dogru > button:first-child { background:#1f9d55; border-color:#1f9d55; } .kgs-sec.dogru input { border-color:#1f9d55; }
.kgs-sil { width:30px; height:30px; flex:none; border:0; border-radius:8px; background:var(--line); color:var(--ink); font-size:18px; cursor:pointer; }
.kgs-ekle { align-self:flex-start; border:1px dashed var(--primary); background:none; color:var(--primary); border-radius:10px; padding:7px 12px; font:inherit; font-weight:700; cursor:pointer; }
.kgs-kelimeler { display:flex; flex-wrap:wrap; gap:6px; } .kgs-kelimeler button { border:1px solid var(--line); background:var(--card); color:var(--ink); border-radius:10px; padding:8px 11px; font:inherit; font-size:15px; cursor:pointer; }
.kgs-kelimeler button.on { background:#e03131; border-color:#e03131; color:#fff; text-decoration:line-through; }
.kgs-dogru { margin:0; font-size:14px; color:#1f9d55; min-height:18px; }
.kgs-satir { display:flex; align-items:center; gap:6px; } .kgs-satir em { font-style:normal; font-size:12px; color:var(--muted); width:16px; flex:none; }
.kgs-ab { width:34px; height:34px; flex:none; border-radius:10px; border:0; background:var(--primary); color:var(--koci-on-primary, #fff); font-weight:900; cursor:pointer; }
.kgs-resim { position:relative; display:grid; place-items:center; width:180px; aspect-ratio:1; border:2px dashed var(--line); border-radius:16px; overflow:hidden; cursor:pointer; text-align:center; font-weight:700; }
.kgs-resim img { width:100%; height:100%; object-fit:cover; } .kgs-resim small { display:block; font-weight:400; font-size:12px; color:var(--muted); } .kgs-resim input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.kgs-kutu { display:flex; gap:10px; align-items:flex-start; } .kgs-kutu input { width:20px; height:20px; margin-top:2px; } .kgs-kutu small { display:block; color:var(--muted); font-size:12px; }
.kgs-onizleme { position:sticky; top:10px; } .kgs-on-bas { display:flex; justify-content:space-between; align-items:center; } .kgs-on-bas h3 { margin:0; } #kgsOnKapat { display:none; }
.kgs-alt { position:fixed; left:0; right:0; bottom:0; z-index:40; display:flex; gap:8px; align-items:center; padding:10px 16px max(10px, env(safe-area-inset-bottom)); background:var(--card); border-top:1px solid var(--line); box-shadow:0 -6px 20px rgba(0,0,0,.08); }
.kgs-alt > span { flex:1; } .kgs-alt #kgsOnAc { display:none; }
@media (max-width: 900px) {
  .kgs-duzen { grid-template-columns:1fr; } .kgs-iki { grid-template-columns:1fr; }
  .kgs-alt #kgsOnAc { display:inline-flex; } #kgsOnKapat { display:inline-flex; }
  .kgs-onizleme { position:fixed; inset:auto 0 0 0; z-index:50; max-height:88dvh; overflow-y:auto; background:var(--bg); border-radius:22px 22px 0 0; padding:14px 16px 24px; box-shadow:0 -10px 40px rgba(0,0,0,.3); transform:translateY(105%); transition:transform .25s; }
  .kgs-onizleme.acik { transform:none; }
}

/* 🧒 KidsSocial: çocuk akışı — büyük yazı, renkli çerçeve, yuvarlak köşeler */
.kg-cocuk { --kg-bg:#fff7ec; } .kg-cocuk .kg-logo { background:linear-gradient(90deg, #ff6b6b, #ffa94d, #51cf66, #4dabf7, #9775fa); -webkit-background-clip:text; background-clip:text; color:transparent; font-size:30px; }
.kg-cocuk-alt { margin:16px 0 8px; text-align:center; font-weight:800; color:#b35f00; }   /* yeni kullanıcı denetimi 15 Eki (GC-12): -4px'te yapışkan .kg-ust (kökün -12px payıyla 12px aşağı itilir) yazının üst yarısını 16px örtüyordu */
.kg-cocuk .kg-post { border:3px solid #ffd8a8; border-radius:24px; overflow:hidden; margin-bottom:16px; box-shadow:0 6px 0 #ffd8a8; }
.kg-cocuk .kg-post:nth-child(3n+2) { border-color:#a5d8ff; box-shadow:0 6px 0 #a5d8ff; } .kg-cocuk .kg-post:nth-child(3n) { border-color:#b2f2bb; box-shadow:0 6px 0 #b2f2bb; }
.kg-cocuk .kg-soru small, .kg-cocuk .kg-cumle { font-size:1.15em; } .kg-cocuk .kg-secenek button { font-size:18px; border-radius:16px; }
.k-social-img { width:56px; height:56px; object-fit:contain; flex:none; }
/* #️⃣ tıklanabilir etiketler + etiket/tür sayfası + seviye seçici (Riven 30 Eyl) */
.kg-etb { border:0; background:none; padding:0; font:inherit; color:var(--primary, #3b5bdb) !important; cursor:pointer; }
.kg-cocuk .kg-etb { color:var(--primary-dk, #e04848) !important; }   /* KidsSocial: mercan etiket açık zeminde 2.61 idi */
button.kg-ust-etiket { border:0; font-family:inherit; cursor:pointer; z-index:2; }
.kg-filtre-bas { display:flex; align-items:center; gap:12px; padding:12px 14px 8px; }
.kg-filtre-geri { width:40px; height:40px; flex:none; border:0; border-radius:50%; background:var(--kg-yuzey); display:grid; place-items:center; cursor:pointer; font-size:28px; font-weight:700; line-height:1; padding-bottom:4px; }
.kg-filtre-bas b { display:block; font-size:22px; line-height:1.1; word-break:break-word; } .kg-filtre-bas small { font-size:13px; opacity:.7; }
.kg-ilgili { display:flex; gap:7px; overflow-x:auto; padding:0 12px 10px; scrollbar-width:none; } .kg-ilgili::-webkit-scrollbar { display:none; }
.kg-ilgili button { flex:none; border:0; border-radius:99px; padding:6px 12px; background:var(--kg-yuzey); font-size:13px; font-weight:700; color:var(--primary, #3b5bdb) !important; cursor:pointer; }
.kg-ilgili small { margin-left:5px; font-weight:600; opacity:.6; }
.kg-ayrac { display:flex; align-items:center; gap:10px; padding:18px 14px 6px; font-size:13px; font-weight:800; opacity:.75; }
.kg-ayrac::before, .kg-ayrac::after { content:""; flex:1; height:1px; background:currentColor; opacity:.25; }
.kg-sev-menu { position:fixed; z-index:9500; background:#fff; color:#1b1f2a; border-radius:18px; padding:12px; box-shadow:0 12px 34px #0005; width:220px; }
.kg-sev-menu small { display:block; font-size:12px; font-weight:700; opacity:.65; margin-bottom:8px; }
.kg-sev-menu div { display:grid; grid-template-columns:repeat(5, 1fr); gap:6px; }
.kg-sev-menu button { border:0; border-radius:12px; padding:8px 0; background:#f1f3f7; color:#1b1f2a !important; font-weight:800; font-size:13px; cursor:pointer; }
.kg-sev-menu button.on { background:#1d7a45; color:#fff !important; }
.kg-sev-menu .hepsi { width:100%; margin-top:8px; background:#1b1f2a; color:#fff !important; }

/* 🎬 akış arası kısa video (kocigram.js kgVideoArasi) — KIRPILMAZ (Riven 1 Eki: "kafasının yarısı kesik"; bazı videolarda altta yazı paneli var):
   tam 9:16; ekrana sığmazsa yükseklik 78vh'de durur, yanlarda siyah pay kalır */
/* 🎬 kart videosu fotoğrafın yerini aynı kadrajla alır (fotoğraf poster) */
.kg-medya video.kg-kv { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.kg-medya.kg-vid { aspect-ratio: 9 / 16; max-height: 78vh; background: #000; }
.kg-vid > video { width: 100%; height: 100%; object-fit: contain; display: block; }
.kg-vid-ses { position: absolute; right: 12px; bottom: 12px; width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(0, 0, 0, .55); color: #fff; display: grid; place-items: center; }
.kg-vid-ses svg { width: 20px; height: 20px; }
.kg-vid-ses.on { background: var(--primary); color: var(--koci-on-primary, #fff); }
/* Sessizken "Sesi aç" yazılı hap + üstü çizili hoparlör; açıkken yuvarlak (Riven 2 Eki: "reels'te ses yok" — simge iki hâlde aynıydı) */
.kg-vid-ses { width: auto; min-width: 38px; padding: 0 12px 0 10px; border-radius: 19px; display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; }
.kg-vid-ses:not(.on)::before { content: ""; position: absolute; left: 9px; top: 18px; width: 22px; height: 2px; border-radius: 1px; background: currentColor; transform: rotate(-45deg); }
.kg-vid-ses.on { width: 38px; padding: 0; justify-content: center; }
.kg-vid-ses.on span { display: none; }
.kg-vid-tr { color: var(--muted); }
.kg-cocuk .kg-paylas { display:none; } .kg-cocuk [data-kf], .kg-cocuk [data-kseviye] { pointer-events:none; }   /* denetim 3 Eki: KidsSocial'da paylaş ve yetişkin akışına götüren rozetler kapalı */