/* nutk.css — koyu zemin, tek vurgu kehribar; dış font/CDN yok; avatar, balon, gradyan, gölge yok. Mobil 390 px temel. */
:root {
  --zemin: #0e1013; --zemin2: #14171b; --metin: #d5d2c9; --sonuk: #6f7379; --etiket: #9aa3ad; --cizgi: #262a30;
  --kehribar: #ffb000; --kirmizi: #f0565b; --sistem: 14px/1.5 -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
  --mono: "Cascadia Mono", "IBM Plex Mono", Consolas, "DejaVu Sans Mono", monospace;
}
@media (prefers-color-scheme: light) {
  :root { --zemin: #f4f1ea; --zemin2: #ebe7dd; --metin: #1e1f22; --sonuk: #8a8a86; --etiket: #4d5560; --cizgi: #d7d2c6; --kehribar: #b26e00; --kirmizi: #b43a3a; }
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--zemin); color: var(--metin); font: var(--sistem); font-size: 16px; -webkit-text-size-adjust: 100%; }
body { min-height: 100dvh; display: flex; flex-direction: column; }
a { color: inherit; }
button { font: inherit; color: inherit; background: none; border: 1px solid var(--cizgi); border-radius: 4px; padding: 0 12px; min-height: 44px; cursor: pointer; }
button:disabled { opacity: .5; cursor: default; }
code, .iz, .trip, .saat, .omur, .id, .kova, .nabiz { font-family: var(--mono); }
.gizli { display: none !important; }

/* üst şerit */
.ust { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 12px; border-bottom: 1px solid var(--cizgi); position: sticky; top: 0; background: var(--zemin); z-index: 3; }
.ust .marka { font-weight: 600; letter-spacing: .04em; text-decoration: none; }
.ust .kanal { color: var(--etiket); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ust .kova { color: var(--sonuk); font-size: 14px; }
.ust .menu { min-height: 36px; min-width: 44px; border: 0; font-size: 20px; }
.siki-serit { background: var(--kehribar); color: var(--zemin); font-size: 14px; padding: 4px 12px; text-align: center; }
.perde-serit { background: var(--kirmizi); color: #fff; font-size: 14px; padding: 4px 12px; text-align: center; }

/* kanal listesi */
.liste { padding: 0 12px 24px; }
.liste .slogan { color: var(--sonuk); font-size: 14px; margin: 12px 0 4px; }
.kanal-kart { display: block; text-decoration: none; padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
.kanal-kart .satir1 { display: flex; align-items: baseline; gap: 10px; }
.kanal-kart .slug { font-family: var(--mono); color: var(--etiket); }
.kanal-kart .ad { flex: 1; }
.kanal-kart .nabiz { color: var(--sonuk); font-size: 14px; letter-spacing: 1px; }
.kanal-kart .kova { color: var(--sonuk); font-size: 14px; min-width: 5ch; text-align: right; }
.kanal-kart .son { color: var(--sonuk); font-size: 14px; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kanal-kart .son .saat { float: right; }
.kanal-kart .kursude { color: var(--kehribar); }
.alt { color: var(--sonuk); font-size: 14px; padding: 16px 12px; border-top: 1px solid var(--cizgi); margin-top: auto; }
.alt a { color: var(--etiket); text-decoration: none; margin-right: 12px; }

/* kürsü */
.kursu { border-left: 3px solid var(--kehribar); margin: 8px 12px 0; padding: 8px 10px; background: var(--zemin2); }
.kursu .bas { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--etiket); }
.kursu .bas .kim { color: var(--metin); }
.kursu .bas .kalan { margin-left: auto; font-family: var(--mono); }
.kursu .metin { margin: 6px 0 0; white-space: pre-wrap; word-break: break-word; max-height: 4.5em; overflow: hidden; }
.kursu.acik .metin { max-height: none; }
.kursu .yeter { display: flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 14px; color: var(--sonuk); }
.kursu .yeter button { min-height: 32px; font-size: 14px; }
.kursu .yeter .cubuk { font-family: var(--mono); letter-spacing: 1px; }
.kursu .sira { color: var(--sonuk); font-size: 14px; }

/* akış */
.akis { flex: 1; padding: 4px 12px 8px; overflow-anchor: none; }
.mesaj { padding: 8px 0; border-bottom: 1px solid var(--cizgi); opacity: calc(0.35 + 0.65 * var(--kalan, 1)); }
.mesaj.bulanik .metin { filter: blur(.3px); }
.mesaj .meta { display: flex; align-items: baseline; gap: 8px; font-size: 14px; color: var(--etiket); }
.mesaj .kim { color: var(--metin); }
.mesaj .kim.trip { color: var(--metin); }
.mesaj .iz { color: var(--iz-renk, var(--etiket)); cursor: pointer; }
.mesaj .saat { margin-left: auto; color: var(--sonuk); }
.mesaj .omur { color: var(--sonuk); letter-spacing: 1px; }
.mesaj .id { color: var(--sonuk); text-decoration: none; }
.mesaj .metin { margin: 4px 0 0; white-space: pre-wrap; word-break: break-word; font: inherit; line-height: 1.45; }
.mesaj .metin a { color: var(--etiket); }
.mesaj .metin .alinti { color: var(--kehribar); text-decoration: none; cursor: pointer; }
.mesaj.nutuk { border-left: 3px solid var(--kehribar); padding-left: 10px; }
.mesaj .rapor { color: var(--sonuk); font-size: 14px; text-decoration: none; margin-left: 8px; }
.serit { text-align: center; color: var(--kirmizi); font-size: 14px; letter-spacing: .08em; padding: 8px 0; border-bottom: 1px solid var(--cizgi); }
.serit.katli { color: var(--sonuk); cursor: pointer; }
.sessiz { color: var(--sonuk); text-align: center; padding: 48px 0; }
.iz-renk-0 { --iz-renk: #9aa3ad } .iz-renk-1 { --iz-renk: #7fb3d5 } .iz-renk-2 { --iz-renk: #c9a66b } .iz-renk-3 { --iz-renk: #a3b18a }
.iz-renk-4 { --iz-renk: #d08a8a } .iz-renk-5 { --iz-renk: #b39ddb } .iz-renk-6 { --iz-renk: #8ecac2 } .iz-renk-7 { --iz-renk: #c4b5a0 }

/* bağlam çekmecesi */
.cekmece { position: fixed; left: 0; right: 0; bottom: 0; max-height: 60dvh; overflow: auto; background: var(--zemin2); border-top: 1px solid var(--cizgi); padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); z-index: 4; }
.cekmece .bas { display: flex; align-items: center; font-size: 14px; color: var(--etiket); min-height: 36px; }
.cekmece .bas button { margin-left: auto; min-height: 36px; }
@media (min-width: 1024px) {
  body { flex-direction: row; align-items: stretch; }
  .yan { width: 220px; border-right: 1px solid var(--cizgi); }
  .orta { flex: 1; display: flex; flex-direction: column; min-width: 0; }
  .cekmece { position: static; width: 320px; max-height: none; border-top: 0; border-left: 1px solid var(--cizgi); }
}

/* giriş */
.giris { position: sticky; bottom: 0; background: var(--zemin); border-top: 1px solid var(--cizgi); padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); z-index: 3; }
.giris .satir { display: flex; gap: 8px; align-items: flex-end; }
.giris textarea { flex: 1; min-height: 44px; max-height: 40dvh; resize: none; font: inherit; font-size: 16px; color: var(--metin); background: var(--zemin2); border: 1px solid var(--cizgi); border-radius: 4px; padding: 10px 12px; }
.giris textarea.nutuk { min-height: 120px; }
.giris .gonder { min-width: 56px; color: var(--kehribar); border-color: var(--cizgi); font-size: 18px; }
.giris .ikincil { display: flex; gap: 14px; align-items: center; margin-top: 6px; font-size: 14px; color: var(--sonuk); min-height: 32px; }
.giris .ikincil button { border: 0; min-height: 32px; padding: 0; color: var(--etiket); }
.giris .ikincil .sayac { margin-left: auto; font-family: var(--mono); }
.giris .ikincil .sayac.dolu { color: var(--kirmizi); }
.giris .emek { height: 3px; background: var(--cizgi); margin-top: 6px; overflow: hidden; }
.giris .emek i { display: block; height: 100%; width: 0; background: var(--kehribar); transition: width .2s linear; }
.giris .durum { font-size: 14px; color: var(--kehribar); min-height: 18px; margin-top: 4px; }
.giris .durum.hata { color: var(--kirmizi); }
.giris input.trip { font: inherit; font-size: 14px; font-family: var(--mono); background: var(--zemin2); color: var(--metin); border: 1px solid var(--cizgi); border-radius: 4px; padding: 6px 10px; width: 100%; margin-top: 6px; }

/* salt / yazı sayfaları */
body.salt .akis, body.yazi .govde { padding: 0 12px; max-width: 720px; }
.not { color: var(--sonuk); font-size: 14px; padding: 8px 12px; }
.govde p { line-height: 1.6; }
.mesaj pre.metin { white-space: pre-wrap; }

/* ── oda şeridi: odadaki bağlantılar + kalite + ping (giriş kutusunun üstünde, hep görünür) */
.oda-serit { display: flex; gap: 8px; align-items: center; overflow-x: auto; white-space: nowrap; font-size: 14px; padding: 2px 0 8px; margin-bottom: 6px; border-bottom: 1px solid var(--cizgi); scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.oda-serit.acik { flex-wrap: wrap; white-space: normal; overflow-x: visible; max-height: 34dvh; overflow-y: auto; }
.oda-serit .oda-bas { flex: 0 0 auto; color: var(--etiket); font-family: var(--mono); }
.oda-kisi { flex: 0 0 auto; display: inline-flex; gap: 5px; align-items: baseline; padding: 2px 8px; border: 1px solid var(--cizgi); border-radius: 999px; }
.oda-kisi.ben { border-color: var(--kehribar); }
.oda-kisi .oda-iz { font-family: var(--mono); color: var(--iz-renk, var(--etiket)); }
.oda-kisi .oda-kalite { font-family: var(--mono); color: var(--sonuk); letter-spacing: 1px; }
.oda-kisi .oda-ping { font-family: var(--mono); color: var(--sonuk); }

/* 16 haneli numara nick (Anonim + #iz yerine) */
.mesaj .kim.nick, .kursu .bas .kim.nick { color: var(--iz-renk, var(--etiket)); cursor: pointer; font-family: var(--mono); }