/* ============================================================
   Keşfet — Ada Cam görünümü (D116 denemesi, 2026-10-21). Yalnız html[data-tema="ada"].canli altında etkilidir.
   Ortak dil: shared/styles/v3/ada-cam.css (token'lar, konu renkleri data-renk → --ra/--rb/--rr/--ri).
   kesfet.css (v2 "Kareli Defter") değişmez: ?tema=yok ve ?kabuk=eski eski görünümü verir.
   Kart rengi = konu ailesi (kesfet.js KATS[].r); yaş yazıyla + bant noktasıyla verilir.
   ============================================================ */

/* -- kahraman: kareli zemin ve kalın alt çizgi yok; başlık Nunito -- */
html[data-tema="ada"].canli .kx-hero { border-bottom: 0; background: transparent; background-image: none; }
html[data-tema="ada"].canli .kx-hero h1 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; line-height: 1.04; font-size: clamp(2.1rem, 1.4rem + 2.6vw, 3.2rem); }
html[data-tema="ada"].canli .kx-lead { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .kx-facts { gap: 10px; margin-top: var(--v2-space-2); }
html[data-tema="ada"].canli .kx-facts li {
  display: inline-flex; align-items: baseline; gap: 4px; padding: 8px 14px; border-radius: 16px; color: var(--ac-metin-2);
  background: rgba(255,255,255,.66); border: 1px solid rgba(255,255,255,.95);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 6px 16px -10px rgba(var(--ac-golge-r), .4);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
html[data-tema="ada"].canli .kx-facts b { font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.25rem; color: var(--ac-metin); }
html[data-tema="ada"].canli .kx-hero__spark .v2-bubble {
  border: 1px solid rgba(255,255,255,.95); border-radius: 20px; background: rgba(255,255,255,.82); font-weight: 700;
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}

/* -- bölüm seçici: cam sekmeler, seçili = lavanta → mavi -- */
html[data-tema="ada"].canli .kx-nav { gap: 12px; }
html[data-tema="ada"].canli .kx-navb {
  min-height: 72px; border: 1px solid rgba(255,255,255,.95); border-radius: 20px; background: var(--ac-cam); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF;
  -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
  transition: transform .25s var(--ac-ease), box-shadow .25s var(--ac-ease), background-color .2s;
}
html[data-tema="ada"].canli .kx-navb:hover { background: rgba(255,255,255,.94); transform: translateY(-2px); }
html[data-tema="ada"].canli .kx-navb:active { transform: translateY(0); }
html[data-tema="ada"].canli .kx-navb .ni {
  border: 0; border-radius: 14px; color: #FFFFFF; background: linear-gradient(140deg, #9B7BFF, #4F6BFF);
  box-shadow: 0 8px 16px -8px rgba(91,72,255,.8), inset 0 1px 0 rgba(255,255,255,.5);
}
html[data-tema="ada"].canli .kx-navb[data-sekme="tarihce"] .ni { background: linear-gradient(140deg, #38BDF8, #3B6CFF); box-shadow: 0 8px 16px -8px rgba(56,140,255,.8), inset 0 1px 0 rgba(255,255,255,.5); }
html[data-tema="ada"].canli .kx-navb[data-sekme="sozluk"] .ni { background: linear-gradient(140deg, #FF7EB6, #C25CFF); box-shadow: 0 8px 16px -8px rgba(236,90,200,.8), inset 0 1px 0 rgba(255,255,255,.5); }
html[data-tema="ada"].canli .kx-navb .ni .v2-icon { color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3); }
html[data-tema="ada"].canli .kx-navb .nt { font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.1rem; }
html[data-tema="ada"].canli .kx-navb .nd { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .kx-navb.on, html[data-tema="ada"].canli .kx-navb[aria-pressed="true"] {
  color: #FFFFFF; border-color: transparent; background: var(--ac-birincil);
  box-shadow: 0 16px 32px -14px rgba(91,72,255,.75), inset 0 1px 0 rgba(255,255,255,.35);
}
html[data-tema="ada"].canli .kx-navb.on .nd, html[data-tema="ada"].canli .kx-navb[aria-pressed="true"] .nd { color: #FFFFFF; opacity: .95; }
html[data-tema="ada"].canli .kx-navb.on .ni, html[data-tema="ada"].canli .kx-navb[aria-pressed="true"] .ni {
  border: 0; background: rgba(255,255,255,.22); box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
}

/* -- arama, filtre düğmesi, filtre paneli -- */
html[data-tema="ada"].canli .kx-search .v2-input, html[data-tema="ada"].canli .soz-sort .v2-input {
  border: 1px solid rgba(255,255,255,.95); border-radius: 18px; background: rgba(255,255,255,.8); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 8px 20px -14px rgba(var(--ac-golge-r), .45);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
html[data-tema="ada"].canli .kx-search .v2-input:focus { outline: none; background: #FFFFFF; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli .kx-search .v2-input::placeholder { color: var(--ac-metin-3); }
html[data-tema="ada"].canli :is(.kx-search .clr, .kx-card .bk, .term-card .fav):hover { background: rgba(123,92,255,.10); }
html[data-tema="ada"].canli .kx-filter-toggle {
  border: 1px solid rgba(255,255,255,.95); border-radius: 18px; background: rgba(255,255,255,.8); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 8px 20px -14px rgba(var(--ac-golge-r), .45);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
html[data-tema="ada"].canli .kx-filter-toggle:hover, html[data-tema="ada"].canli .kx-filter-toggle[aria-expanded="true"] { background: #FFFFFF; }
html[data-tema="ada"].canli .kx-filter-toggle:active { transform: translateY(1px); }
html[data-tema="ada"].canli .kx-filter-count { border-radius: 999px; background: var(--ac-birincil); color: #FFFFFF; }
html[data-tema="ada"].canli .kx-filter-panel {
  padding: 16px 18px; border: 1px solid rgba(255,255,255,.95); border-radius: 22px; background: rgba(255,255,255,.64);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge); -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli .kx-flab { color: var(--ac-metin-2); }

/* -- çipler (kategori, yaş, sözlük, A–Z) -- */
html[data-tema="ada"].canli :is(.kx-chip, .kx-lv, .soz-chip, .soz-lv) {
  border: 1px solid rgba(255,255,255,.95); background: rgba(255,255,255,.74); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 4px 12px -8px rgba(var(--ac-golge-r), .35);
  transition: background-color .2s, transform .2s var(--ac-ease), box-shadow .2s;
}
html[data-tema="ada"].canli :is(.kx-chip, .kx-lv, .soz-chip, .soz-lv):hover { background: #FFFFFF; transform: translateY(-1px); }
html[data-tema="ada"].canli :is(.kx-chip, .kx-lv, .soz-chip, .soz-lv).on {
  color: #FFFFFF; border-color: transparent; background: var(--ac-birincil); box-shadow: 0 8px 18px -8px rgba(91,72,255,.7);
}
html[data-tema="ada"].canli :is(.kx-lv, .soz-lv) i { border: 2px solid #FFFFFF; border-radius: 50%; box-shadow: 0 0 0 1px rgba(27,24,70,.18); }
html[data-tema="ada"].canli .soz-az .azb {
  border: 1px solid rgba(255,255,255,.95); border-radius: 14px; background: rgba(255,255,255,.74); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi); font-family: var(--ac-font-baslik); font-weight: 900;
}
html[data-tema="ada"].canli .soz-az .azb:hover { background: #FFFFFF; }
html[data-tema="ada"].canli .soz-az .azb.on { color: #FFFFFF; border-color: transparent; background: var(--ac-birincil); }

/* -- konu kartları -- */
html[data-tema="ada"].canli .kx-count { font-family: var(--v2-font-body); font-weight: 700; color: var(--ac-metin-2); }
html[data-tema="ada"].canli .kx-grid { gap: 20px; }
html[data-tema="ada"].canli .kx-card {
  isolation: isolate; gap: 12px; min-height: 236px; padding: 20px 20px 16px; border: 1px solid rgba(255,255,255,.95);
  border-radius: var(--ac-r); background: var(--ac-cam); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF;
  -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
  transition: transform .3s var(--ac-ease), box-shadow .3s var(--ac-ease);
}
html[data-tema="ada"].canli .kx-card::after {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(120% 85% at 0% 0%, rgba(var(--rr, 123, 92, 255), .17), transparent 56%),
              radial-gradient(80% 60% at 100% 100%, rgba(var(--rr, 123, 92, 255), .07), transparent 60%);
}
html[data-tema="ada"].canli .kx-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 0 1px rgba(var(--rr, 123, 92, 255), .25), var(--ac-golge-ust), 0 22px 44px -24px rgba(var(--rr, 123, 92, 255), .7), inset 0 1px 0 #FFFFFF;
}
html[data-tema="ada"].canli .kx-card:active { transform: translateY(-1px) scale(.995); }
html[data-tema="ada"].canli .kx-card:focus-visible { outline: none; box-shadow: var(--ac-odak), var(--ac-golge-ust); }
html[data-tema="ada"].canli .kx-card .ci, html[data-tema="ada"].canli .kx-art .a-ic {
  border: 0; border-radius: 15px; color: #FFFFFF; background: linear-gradient(140deg, var(--ra, #9B7BFF), var(--rb, #5B6CFF));
  box-shadow: 0 8px 18px -8px rgba(var(--rr, 123, 92, 255), .8), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -2px 0 rgba(0,0,0,.08);
}
html[data-tema="ada"].canli .kx-card .ci .v2-icon, html[data-tema="ada"].canli .kx-art .a-ic .v2-icon { color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3); }
html[data-tema="ada"].canli .kx-card .tag { color: var(--ri, var(--ac-metin-2)); font-weight: 800; letter-spacing: .01em; }
html[data-tema="ada"].canli .kx-card__t { font-family: var(--ac-font-baslik); font-weight: 800; font-size: 1.2rem; line-height: 1.22; color: var(--ac-metin); }
/* Özet en çok 3 satır: v2'deki flex:1 kutuyu uzatıp "…"dan sonra 4. satırı da gösteriyordu → kutu büyümez, alt satır en alta itilir */
html[data-tema="ada"].canli .kx-card .oz { flex: none; color: var(--ac-metin-2); }
html[data-tema="ada"].canli .kx-card .foot { gap: 6px; margin-top: auto; margin-bottom: -4px; padding-top: 4px; }
/* Arama büyütecinin cam kutunun arkasında kalmaması için */
html[data-tema="ada"].canli .kx-search > .v2-icon, html[data-tema="ada"].canli .kx-search .clr { z-index: 1; }
html[data-tema="ada"].canli :is(.kx-lvl, .kx-art .tag, .tc-meta .lvl, .tc-meta .cat, .kx-mile) {
  border: 1px solid rgba(91,72,200,.14); background: rgba(255,255,255,.82); color: var(--ac-metin); font-weight: 700;
}
html[data-tema="ada"].canli :is(.kx-lvl, .tc-meta .lvl)::before {
  content: ""; flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--bant-n, #8A88A3);
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px rgba(27,24,70,.12);
}
html[data-tema="ada"].canli :is(.kx-lvl, .tc-meta .lvl).baslangic { --bant-n: #FFC629; }
html[data-tema="ada"].canli :is(.kx-lvl, .tc-meta .lvl).orta { --bant-n: #3B6CFF; }
html[data-tema="ada"].canli :is(.kx-lvl, .tc-meta .lvl).ileri { --bant-n: #FF5B3A; }
html[data-tema="ada"].canli .read-dot { border: 1px solid rgba(12,110,62,.18); background: rgba(221,245,231,.92); }
html[data-tema="ada"].canli .kx-card .bk { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .kx-card .bk.on .kx-bm, html[data-tema="ada"].canli .kx-chip .kx-bm { --v2-icon-fill: #FFC629; }

/* -- boş sonuç -- */
html[data-tema="ada"].canli .kx-empty__box { border: 1.5px dashed rgba(123,92,255,.35); border-radius: var(--ac-r); background: rgba(255,255,255,.6); color: var(--ac-metin-2); }

/* -- okuma görünümü -- */
html[data-tema="ada"].canli .kx-art {
  position: relative; isolation: isolate; border: 1px solid rgba(255,255,255,.95); border-radius: 28px; background: rgba(255,255,255,.86);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge-ust), inset 0 1px 0 #FFFFFF; -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli .kx-art::after {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(70% 40% at 0% 0%, rgba(var(--rr, 123, 92, 255), .14), transparent 60%);
}
html[data-tema="ada"].canli .kx-art .a-ic { border-radius: 20px; }
html[data-tema="ada"].canli .kx-art .tag { color: var(--ri, var(--ac-metin)); }
html[data-tema="ada"].canli .kx-art h1 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; }
html[data-tema="ada"].canli .kx-art .a-oz { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .kx-box { border: 1px solid rgba(255,255,255,.95); border-radius: 20px; box-shadow: 0 0 0 1px var(--ac-cizgi); }
html[data-tema="ada"].canli .kx-box.benzetme { background: linear-gradient(160deg, rgba(227,234,255,.95), rgba(255,255,255,.78)); }
html[data-tema="ada"].canli .kx-box.fact { background: linear-gradient(160deg, rgba(255,241,199,.95), rgba(255,255,255,.78)); }
html[data-tema="ada"].canli .kx-term { border-bottom: 1px solid rgba(91,72,200,.12); }
html[data-tema="ada"].canli .kx-rel { border-top: 1px solid rgba(91,72,200,.12); }
html[data-tema="ada"].canli .kx-relcard {
  border: 1px solid rgba(255,255,255,.95); border-radius: 18px; background: rgba(255,255,255,.74);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 6px 16px -12px rgba(var(--ac-golge-r), .4); transition: transform .25s var(--ac-ease), background-color .2s;
}
html[data-tema="ada"].canli .kx-relcard:hover { background: #FFFFFF; transform: translateY(-2px); }
html[data-tema="ada"].canli .kx-save[aria-pressed="true"] { background: linear-gradient(180deg, #FFF4CC, #FFE38A); }

/* -- tarihçe -- */
html[data-tema="ada"].canli .kx-timeline::before { width: 4px; background: linear-gradient(180deg, #9B7BFF, #38BDF8 45%, #FF7EB6); opacity: .75; }
html[data-tema="ada"].canli .kx-ev .dot { border: 3px solid #FFFFFF; background: linear-gradient(140deg, #9B7BFF, #4F6BFF); box-shadow: 0 0 0 1px rgba(91,72,200,.2), 0 4px 10px -4px rgba(91,72,255,.7); }
html[data-tema="ada"].canli .kx-ev.o3 .dot { background: linear-gradient(140deg, #9B7BFF, #4F6BFF); box-shadow: 0 0 0 1px rgba(91,72,255,.3), 0 4px 12px -4px rgba(91,72,255,.9); }
html[data-tema="ada"].canli .kx-ev .card2 {
  border: 1px solid rgba(255,255,255,.95); border-radius: 20px; background: var(--ac-cam);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}
html[data-tema="ada"].canli .kx-ev.o3 .card2 { border-width: 1px; background: linear-gradient(165deg, rgba(255,246,214,.94), rgba(255,255,255,.72)); }
html[data-tema="ada"].canli .kx-ev .yr { font-family: var(--ac-font-baslik); font-weight: 900; color: #4B2FD1; }
html[data-tema="ada"].canli .kx-ev .et { font-family: var(--ac-font-baslik); font-weight: 800; }

/* -- sözlük -- */
html[data-tema="ada"].canli :is(.soz-daily, .soz-stats, .term-card) {
  isolation: isolate; border: 1px solid rgba(255,255,255,.95); border-radius: var(--ac-r); background: var(--ac-cam);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF; -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli .soz-daily { background: linear-gradient(160deg, rgba(255,241,199,.95) 0%, rgba(255,255,255,.74) 70%); }
html[data-tema="ada"].canli :is(.soz-daily h2, .tc-txt h3) { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.01em; }
html[data-tema="ada"].canli .soz-stats .sg div { background: rgba(123,92,255,.07); border-radius: 14px; }
html[data-tema="ada"].canli .soz-stats .sg dd { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .soz-prog { height: 14px; border: 0; border-radius: 999px; background: rgba(123,92,255,.12); box-shadow: inset 0 1px 2px rgba(64,46,160,.12); overflow: hidden; }
html[data-tema="ada"].canli .soz-prog .v2-progress__bar { border-radius: 999px; background: linear-gradient(90deg, #34D9B0, #22B07D); }
html[data-tema="ada"].canli .term-card::after {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(110% 80% at 0% 0%, rgba(var(--rr, 123, 92, 255), .14), transparent 56%);
}
html[data-tema="ada"].canli .term-card.learned { background: linear-gradient(165deg, rgba(221,245,231,.95), rgba(255,255,255,.72)); }
html[data-tema="ada"].canli .term-visual {
  border: 0; border-radius: 18px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.9);
  background: linear-gradient(140deg, rgba(var(--rr, 123, 92, 255), .16), rgba(var(--rr, 123, 92, 255), .05));
}
html[data-tema="ada"].canli .term-visual .sv-ic .v2-icon { color: var(--ri, var(--ac-metin)); --v2-icon-fill: rgba(var(--rr, 123, 92, 255), .3); }
html[data-tema="ada"].canli .tc-xp { color: #8A4B00; }
html[data-tema="ada"].canli .xp-float { border: 1px solid rgba(12,110,62,.25); border-radius: 999px; }

/* -- hareket azaltma ve zayıf cihaz -- */
@media (prefers-reduced-motion: reduce) {
  html[data-tema="ada"].canli :is(.kx-card, .kx-navb, .kx-relcard, .kx-chip, .kx-lv, .soz-chip, .soz-lv) { transition: none; }
  html[data-tema="ada"].canli :is(.kx-card, .kx-navb, .kx-relcard, .kx-chip, .kx-lv, .soz-chip, .soz-lv):hover { transform: none; }
}
html:is(.efekt-az, .a11y-calm)[data-tema="ada"].canli :is(.kx-card, .kx-navb, .kx-art, .term-card, .soz-daily, .soz-stats, .kx-ev .card2, .kx-filter-panel) {
  -webkit-backdrop-filter: none; backdrop-filter: none; transform: none;
}

/* Sadeleştirme (D122): kart alt satırında "Okundu" + "Tekrar oku" + yer imi sığmıyordu.
   Okundu işareti yalnız yeşil onay yuvarlağı olur (metin ekran okuyucuda), "Oku" düğmesi küçülür, satır sarabilir. */
html[data-tema="ada"].canli .kx-card .foot { flex-wrap: wrap; row-gap: 6px; }
html[data-tema="ada"].canli .kx-card .read-dot {
  flex: none; width: 28px; min-width: 28px; height: 28px; min-height: 28px; padding: 0; justify-content: center; gap: 0; overflow: hidden;
  font-size: 0; color: transparent; border-radius: 50%;
}
html[data-tema="ada"].canli .kx-card .read-dot::before { margin: 0; color: var(--v2-green-ink); }
html[data-tema="ada"].canli .kx-card .kx-lvl { padding-inline: 8px; }

/* D125: "Oku / Tekrar oku" yazıları kaldırıldı (kartın tamamı zaten tıklanır). Alt satır: yaş hapı, okunmuşsa yeşil tik, sağda yer imi — kayma yok. */
html[data-tema="ada"].canli .kx-card .kx-read { display: none; }
html[data-tema="ada"].canli .kx-card .foot { flex-wrap: nowrap; }
html[data-tema="ada"].canli .kx-card .bk { margin-left: auto; }

/* Tarihçe yolculuğu (2026-10-27) — Ada Cam: cam tabela ve kartlar, seçili durak lavanta → mavi, bölüm çipleri cam hap */
html[data-tema="ada"].canli .kx-durak:focus-visible .kart { box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli .kx-yol__sahne { border: 1px solid var(--ac-kenar); box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge); background: linear-gradient(180deg, #FBF9FF, #F3EFFF); }
html[data-tema="ada"].canli .kx-yol__sahne:focus-visible { outline: none; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli .kx-yol__tabela { border: 1px solid var(--ac-kenar); background: var(--ac-cam); -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur); }
html[data-tema="ada"].canli .kx-yol__tabela h2 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.015em; color: var(--ac-metin); }
html[data-tema="ada"].canli .kx-yol__tabela .yil { color: #4B2FD1; }
html[data-tema="ada"].canli .kx-yol__tabela :is(.no, .oz) { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .kx-durak { color: var(--ac-metin); }
html[data-tema="ada"].canli .kx-durak .isaret { border: 3px solid #FFFFFF; color: #4B2FD1; background: #FFFFFF; box-shadow: 0 0 0 1px rgba(91,72,200,.25), 0 10px 22px -10px rgba(70,52,160,.7); }
/* 2026-10-30 sahip: "bazı daireler renkli bazıları beyaz … hepsinin beyaz olmasını istiyorum": dönüm noktası ve seçili durak da beyaz; seçim mor halka */
/* 2026-11-02 sahip: "basınca sadece çerçevenin değil dairenin içinin de mor olmasını istiyorum … ana elementi de beyaz": seçili durak mor dolgu, beyaz simge */
html[data-tema="ada"].canli .kx-durak[aria-pressed="true"] .isaret { color: #FFFFFF; background: var(--ac-birincil); border-color: #FFFFFF; box-shadow: 0 0 0 3px #7B5CFF, 0 0 0 7px rgba(123,92,255,.2), 0 14px 26px -10px rgba(91,72,255,.7); }
html[data-tema="ada"].canli .kx-durak .kart { background: rgba(255,255,255,.9); box-shadow: 0 0 0 1px var(--ac-cizgi), 0 10px 22px -18px rgba(var(--ac-golge-r), .6); }
html[data-tema="ada"].canli .kx-durak[aria-pressed="true"] .kart { box-shadow: 0 0 0 2px #7B5CFF, 0 14px 28px -16px rgba(91,72,255,.7); }
html[data-tema="ada"].canli .kx-durak .yr { color: #4B2FD1; }
html[data-tema="ada"].canli .kx-durak .t { font-family: var(--ac-font-baslik); font-weight: 800; }
html[data-tema="ada"].canli .kx-yol__detay {
  border: 1px solid var(--ac-kenar); border-radius: var(--ac-r); background: var(--ac-cam); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF; -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli .kx-yol__dbas { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; }
html[data-tema="ada"].canli .kx-yol__dust .yr { font-family: var(--ac-font-baslik); font-weight: 900; color: #4B2FD1; }
html[data-tema="ada"].canli .kx-yol__dust .dn { color: #4B2FD1; background: rgba(123,92,255,.12); }
html[data-tema="ada"].canli .kx-yol__detay p:not(.kx-yol__doz):not(.kx-yol__neden) { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .kx-yol__neden { border-left-color: #FFB547; background: linear-gradient(165deg, rgba(255,241,199,.95), rgba(255,255,255,.75)); }
html:is(.efekt-az, .a11y-calm)[data-tema="ada"].canli :is(.kx-yol__tabela, .kx-yol__detay) { -webkit-backdrop-filter: none; backdrop-filter: none; background: #FFFFFF; }

/* ================================================================ Sözlük yeni düzen (2026-10-28 sahip örnek tasarımı: daha sade ve şık)
   Üstte başlık + Rota, altında üç sade sekme; beyaz bir panel: başlık + terim sayısı, arama, tek satır süzgeç, 3 sütun kart;
   sağda Günün terimi + Öğrenme durumu. Kartlarda yalnız ikon karosu, başlık, açıklama, etiketler ve "Terimi keşfet". */
html[data-tema="ada"].canli .kx-bas { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 28px 4px; }
html[data-tema="ada"].canli .kx-bas h1 { font-family: var(--ac-font-baslik); font-weight: 900; font-size: clamp(2rem, 1.4rem + 2vw, 3rem); letter-spacing: -.02em; line-height: 1.1; }
html[data-tema="ada"].canli .kx-bas p { margin-top: 8px; font-size: 1.1rem; color: var(--ac-metin-2); }
html[data-tema="ada"].canli .kx-bas__rota { flex: none; width: clamp(96px, 12vw, 150px); height: auto; filter: drop-shadow(0 18px 18px rgba(60,40,140,.2)); }
html[data-tema="ada"].canli .kx-navb { min-height: 60px; }
html[data-tema="ada"].canli .kx-navb .nd { display: none; }
html[data-tema="ada"].canli .kx-nav { margin-block: 18px 22px; }

html[data-tema="ada"].canli .soz-layout { padding-top: 0; gap: 22px; }
@media (min-width: 1280px) { html[data-tema="ada"].canli .soz-layout { grid-template-columns: minmax(0, 1fr) 300px; } }
@media (min-width: 1080px) and (max-width: 1279.98px) { html[data-tema="ada"].canli .soz-layout { grid-template-columns: minmax(0, 1fr); } html[data-tema="ada"].canli .soz-left { grid-template-columns: 1fr 1fr; align-items: start; } }
html[data-tema="ada"].canli .soz-panel {
  padding: clamp(18px, 2vw, 28px); border-radius: 28px; background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.95);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF; -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli .soz-panel__ust { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
html[data-tema="ada"].canli .soz-panel__ust h2 { font-family: var(--ac-font-baslik); font-weight: 900; font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); letter-spacing: -.01em; }
html[data-tema="ada"].canli .soz-panel__ust .kx-count { margin: 0; font-size: 1rem; font-weight: 600; color: var(--ac-metin-3, #6F6A8F); }
html[data-tema="ada"].canli .soz-panel .kx-toolbar { padding: 0; }
html[data-tema="ada"].canli .soz-panel .kx-search .v2-input { min-height: 52px; background: #FFFFFF; border: 1px solid rgba(27,24,70,.14); box-shadow: none; }
/* 2026-10-30 sahip: filtreler arama çubuğunun üstünde, TEK satır (dar ekranda satır yana kayar, alt satıra inmez) */
html[data-tema="ada"].canli .soz-filtre { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; margin: 0 0 12px; padding: 2px; overflow-x: auto; scrollbar-width: none; }
html[data-tema="ada"].canli .soz-filtre::-webkit-scrollbar { display: none; }
html[data-tema="ada"].canli .soz-filtre > * { flex: none; }
html[data-tema="ada"].canli .soz-filtre__bos { flex: 1 1 0; min-width: 0; }
html[data-tema="ada"].canli .soz-panel .kx-toolbar { margin-bottom: 20px; }
html[data-tema="ada"].canli .soz-f { display: inline-flex; align-items: center; gap: 8px; font-size: .9rem; font-weight: 700; color: var(--ac-metin-2); }
html[data-tema="ada"].canli .soz-f .v2-input { width: auto; min-height: 44px; padding: 0 28px 0 12px; border-radius: 14px; background-color: #FFFFFF; border: 1px solid rgba(27,24,70,.14); box-shadow: none; font-size: .92rem; font-weight: 700; color: var(--ac-metin); }
html[data-tema="ada"].canli .soz-tog {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 14px; background: #FFFFFF; color: var(--ac-metin);
  border: 1px solid rgba(27,24,70,.14); font-size: .92rem; font-weight: 700; cursor: pointer; transition: background-color .2s, transform .2s var(--ac-ease);
}
html[data-tema="ada"].canli .soz-tog .v2-icon { width: 20px; height: 20px; }
html[data-tema="ada"].canli .soz-tog:hover { background: #F6F2FF; }
html[data-tema="ada"].canli .soz-tog.on { color: #FFFFFF; border-color: transparent; background: var(--ac-birincil); }
html[data-tema="ada"].canli .soz-tog { padding: 0 14px; white-space: nowrap; }
html[data-tema="ada"].canli .soz-tog--ikon { width: 44px; padding: 0; justify-content: center; color: #4B2FD1; }
html[data-tema="ada"].canli .soz-tog--ikon.soz-tog--temizle { color: #B42E13; }
html[data-tema="ada"].canli .soz-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 16px; }

html[data-tema="ada"].canli .term-card { min-height: 0; gap: 12px; padding: 18px; border-radius: 22px; background: #FFFFFF; box-shadow: 0 0 0 1px rgba(27,24,70,.08), 0 10px 24px -18px rgba(64,46,160,.35); backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-tema="ada"].canli .term-card::after { display: none; }
html[data-tema="ada"].canli .term-card.learned { background: #F4FBF7; }
html[data-tema="ada"].canli .tc-head { display: flex; align-items: center; gap: 12px; }
html[data-tema="ada"].canli .tc-head .term-visual { flex: none; width: 52px; height: 52px; min-height: 0; margin: 0; border-radius: 16px; }
html[data-tema="ada"].canli .tc-head h3 { flex: 1; min-width: 0; margin: 0; font-size: 1.12rem; line-height: 1.2; }
html[data-tema="ada"].canli .tc-btns { display: flex; align-self: flex-start; gap: 0; margin: -6px -8px 0 0; }
html[data-tema="ada"].canli .term-card .fav { position: static; width: 40px; height: 40px; }
html[data-tema="ada"].canli .term-card .soz-learn { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; color: var(--ac-metin-3, #6F6A8F); }
html[data-tema="ada"].canli .term-card .soz-learn:hover { background: rgba(123,92,255,.1); }
html[data-tema="ada"].canli .term-card .soz-learn[aria-pressed="true"] { color: #1FA971; }
html[data-tema="ada"].canli .term-card .soz-learn[aria-pressed="true"] .v2-icon { --v2-icon-fill: rgba(31,169,113,.25); }
html[data-tema="ada"].canli .term-card > p { margin: 0; font-size: .95rem; line-height: 1.55; color: var(--ac-metin-2); }
html[data-tema="ada"].canli .term-card .tc-meta { margin: 0; gap: 8px; }
html[data-tema="ada"].canli .tc-link { display: inline-flex; align-items: center; align-self: flex-start; gap: 6px; margin-top: auto; padding: 4px 0; border: 0; background: none; cursor: pointer; font: inherit; font-weight: 800; color: #5B3FD6; }
html[data-tema="ada"].canli .tc-link .v2-icon { width: 18px; height: 18px; transition: transform .2s var(--ac-ease); }
html[data-tema="ada"].canli .tc-link:hover .v2-icon { transform: translateX(3px); }

html[data-tema="ada"].canli .soz-left { gap: 16px; }
html[data-tema="ada"].canli .soz-daily { padding: 20px; border-radius: 24px; gap: 12px; background: linear-gradient(160deg, #FFF4D6 0%, #FFFBEF 100%); }
html[data-tema="ada"].canli .soz-daily .dk { display: inline-flex; align-items: center; gap: 8px; padding-right: 0; font-weight: 800; color: #8A5A00; }
html[data-tema="ada"].canli .soz-daily .dk .v2-icon { width: 22px; height: 22px; color: #F0A100; }
html[data-tema="ada"].canli .soz-daily h2 { padding-right: 0; font-size: 1.5rem; }
html[data-tema="ada"].canli .soz-daily .term-visual { min-height: 110px; border-radius: 18px; background: linear-gradient(140deg, rgba(196,181,253,.45), rgba(255,255,255,.7)); }
html[data-tema="ada"].canli .soz-daily .v2-btn { background: #FFFFFF; font-weight: 800; color: #4B2FD1; }
html[data-tema="ada"].canli .soz-stats { padding: 20px; border-radius: 24px; background: #FFFFFF; }
html[data-tema="ada"].canli .soz-stats h2 { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.1rem; }
html[data-tema="ada"].canli .soz-stats h2 .v2-icon { width: 22px; height: 22px; color: #6B4BFF; }
html[data-tema="ada"].canli .sx-satir { margin: 0 0 10px; font-size: 1rem; color: var(--ac-metin-2); }
html[data-tema="ada"].canli .sx-satir b { font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.3rem; color: var(--ac-metin); }
@media (max-width: 639.98px) { html[data-tema="ada"].canli .kx-bas__rota { display: none; } }
/* Tek satır ölçüleri (2026-10-30): seçimler sabit genişlik, uzun ad üç noktayla; açılan listede tam görünür */
html[data-tema="ada"].canli #sozKatSel { width: 164px; max-width: none; text-overflow: ellipsis; }
html[data-tema="ada"].canli #sozSevSel { width: 134px; text-overflow: ellipsis; }
html[data-tema="ada"].canli #sozSiraSel { width: 122px; text-overflow: ellipsis; }
html[data-tema="ada"].canli .soz-filtre .soz-tog:not(.soz-tog--ikon) { padding: 0 12px; gap: 6px; font-size: .88rem; }
html[data-tema="ada"].canli .soz-filtre .soz-tog .v2-icon { width: 18px; height: 18px; }
html[data-tema="ada"].canli .soz-f .v2-input, html[data-tema="ada"].canli .soz-tog { min-height: 42px; }