:root {
  --zemin: #f4f5f2; --kart: #ffffff; --metin: #1c211d; --soluk: #5d665f; --cizgi: #dfe3dc; --vurgu: #1f6f4a; --vurgu-acik: #e3f1e9;
  --tamam: #1f7a45; --tamam-z: #e4f4ea; --uyari: #9a5b00; --uyari-z: #fdf1dc; --dur: #b3261e; --dur-z: #fbe5e3; --bilgi: #1d5c8f; --bilgi-z: #e3eef8;
  --bos: #b9c0b8; --golge: 0 1px 2px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04); --r: 10px;
  --font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif; --mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root { --zemin: #121513; --kart: #1b1f1c; --metin: #e8ece8; --soluk: #9aa49c; --cizgi: #2e342f; --vurgu: #5cc38e; --vurgu-acik: #1d3327;
    --tamam: #5cc38e; --tamam-z: #1b3325; --uyari: #f0b24a; --uyari-z: #3a2c12; --dur: #ff8a80; --dur-z: #3d1c1a; --bilgi: #7fb8ea; --bilgi-z: #182a3a; --bos: #4a524b; }
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--zemin); color: var(--metin); font-family: var(--font); font-size: 16px; line-height: 1.45; }
a { color: var(--vurgu); }
h1 { font-size: 1.45rem; margin: .2rem 0 .8rem; }
h2 { font-size: 1.15rem; margin: 1.2rem 0 .5rem; }
h3 { font-size: 1rem; margin: 1rem 0 .4rem; }
p { margin: .4rem 0; }
.ust { position: sticky; top: 0; z-index: 10; background: var(--kart); border-bottom: 1px solid var(--cizgi); display: flex; align-items: center; gap: .6rem; padding: .55rem 1rem; }
.ust .marka { font-weight: 700; letter-spacing: .01em; }
.ust .bosluk { flex: 1; }
.ust .kim { color: var(--soluk); font-size: .9rem; }
.rozet { display: inline-block; min-width: 1.4rem; padding: .05rem .45rem; border-radius: 999px; background: var(--uyari-z); color: var(--uyari); font-size: .8rem; font-weight: 600; text-align: center; }
.menu-dugme { font-size: 1.3rem; background: none; border: 0; color: var(--metin); padding: .2rem .4rem; cursor: pointer; }
.cekmece { position: fixed; inset: 0 auto 0 0; width: 280px; max-width: 86vw; background: var(--kart); border-right: 1px solid var(--cizgi); z-index: 20; padding: 1rem; overflow-y: auto; transform: translateX(-105%); transition: transform .18s ease; }
.cekmece.acik { transform: none; }
.perde { position: fixed; inset: 0; background: rgba(0,0,0,.3); z-index: 15; display: none; }
.perde.acik { display: block; }
.cekmece .grup { color: var(--soluk); font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; margin: 1rem 0 .3rem; }
.cekmece a { display: block; padding: .5rem .6rem; border-radius: 8px; color: var(--metin); text-decoration: none; }
.cekmece a:hover, .cekmece a.aktif { background: var(--vurgu-acik); }
main { max-width: 1180px; margin: 0 auto; padding: 1rem; }
.kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 1rem; box-shadow: var(--golge); margin-bottom: 1rem; }
.izgara { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.izgara2 { display: grid; gap: .8rem; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.soluk { color: var(--soluk); }
.kucuk { font-size: .85rem; }
.buyuk-sayi { font-size: 2rem; font-weight: 700; line-height: 1.1; }
.satir { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }
.bosluk-ust { margin-top: .8rem; }
label { display: block; font-size: .88rem; color: var(--soluk); margin-bottom: .2rem; }
input, select, textarea { width: 100%; font: inherit; color: var(--metin); background: var(--kart); border: 1px solid var(--cizgi); border-radius: 8px; padding: .6rem .7rem; min-height: 44px; }
input:focus, select:focus, textarea:focus { outline: 2px solid var(--vurgu); outline-offset: 1px; }
input[type=checkbox] { width: auto; min-height: 0; transform: scale(1.3); margin-right: .5rem; }
.alan { margin-bottom: .7rem; }
button, .dugme { font: inherit; border: 1px solid var(--vurgu); background: var(--vurgu); color: #fff; border-radius: 8px; padding: .6rem 1rem; min-height: 44px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: .4rem; }
button.ikincil, .dugme.ikincil { background: transparent; color: var(--vurgu); }
button.tehlike { background: var(--dur); border-color: var(--dur); }
button.kucuk-d { min-height: 32px; padding: .25rem .6rem; font-size: .85rem; }
button:disabled { opacity: .5; cursor: default; }
.buyuk-dugme { font-size: 1.15rem; padding: .9rem 1.4rem; }
table { border-collapse: collapse; width: 100%; font-size: .92rem; }
th, td { text-align: left; padding: .45rem .5rem; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
th { color: var(--soluk); font-weight: 600; font-size: .82rem; }
td.say, th.say { text-align: right; font-variant-numeric: tabular-nums; }
.tablo-sar { overflow-x: auto; }
.mesaj { border-radius: 8px; padding: .6rem .8rem; margin: .4rem 0; border-left: 4px solid; }
.mesaj.tamam { background: var(--tamam-z); border-color: var(--tamam); }
.mesaj.uyari { background: var(--uyari-z); border-color: var(--uyari); }
.mesaj.dur { background: var(--dur-z); border-color: var(--dur); }
.mesaj.bilgi { background: var(--bilgi-z); border-color: var(--bilgi); }
.mesaj .eylem { font-weight: 600; margin-top: .2rem; }
.nokta { display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; background: var(--bos); margin-right: .3rem; vertical-align: middle; }
.nokta.tamam { background: var(--tamam); } .nokta.uyari { background: var(--uyari); } .nokta.dur { background: var(--dur); }
.sekmeler { display: flex; gap: .3rem; overflow-x: auto; padding-bottom: .3rem; margin-bottom: .6rem; border-bottom: 1px solid var(--cizgi); }
.sekmeler button { background: transparent; color: var(--metin); border: 1px solid transparent; border-radius: 8px 8px 0 0; white-space: nowrap; min-height: 40px; }
.sekmeler button.aktif { border-color: var(--cizgi); border-bottom-color: var(--kart); background: var(--kart); font-weight: 600; }
.etiket { display: inline-block; font-size: .72rem; font-weight: 600; padding: .05rem .4rem; border-radius: 5px; background: var(--vurgu-acik); color: var(--vurgu); white-space: nowrap; }
.etiket.ASSUMED, .etiket.UNKNOWN { background: var(--uyari-z); color: var(--uyari); }
.etiket.LITERATURE { background: var(--bilgi-z); color: var(--bilgi); }
.etiket.INFERRED-PRIOR, .etiket.INFERRED-CAL { background: #efe7f6; color: #6b3f93; }
@media (prefers-color-scheme: dark) { .etiket.INFERRED-PRIOR, .etiket.INFERRED-CAL { background: #2b2136; color: #c9a6ea; } }
.filigran { font-size: .75rem; font-weight: 700; letter-spacing: .08em; color: var(--dur); }
.hata-kutu { background: var(--dur-z); color: var(--dur); border-radius: 8px; padding: .6rem .8rem; margin: .5rem 0; }
.bildirim { position: fixed; bottom: 1rem; left: 50%; transform: translateX(-50%); background: var(--metin); color: var(--kart); padding: .7rem 1.1rem; border-radius: 10px; z-index: 30; max-width: 92vw; }
.giris { max-width: 380px; margin: 10vh auto; }
.grafik { width: 100%; height: auto; display: block; }
.grafik text { fill: var(--soluk); font-size: 11px; font-family: var(--font); }
.grafik .eksen { stroke: var(--cizgi); }
.grafik .izgara-c { stroke: var(--cizgi); stroke-dasharray: 2 3; }
.grafik .bant { fill: var(--tamam-z); }
.grafik .cizgi1 { stroke: var(--vurgu); fill: none; stroke-width: 2; }
.grafik .cizgi2 { stroke: var(--bilgi); fill: none; stroke-width: 1.6; stroke-dasharray: 5 4; }
.grafik .esik { stroke: var(--dur); stroke-width: 1.2; stroke-dasharray: 6 4; }
.grafik .n1 { fill: var(--vurgu); } .grafik .n2 { fill: var(--bilgi); } .grafik .n3 { fill: var(--uyari); } .grafik .n0 { fill: var(--bos); } .grafik .n4 { fill: var(--dur); }
.grafik .filigran-y { fill: var(--dur); opacity: .16; font-size: 20px; font-weight: 700; }
.kucuk-grafikler { display: grid; gap: .8rem; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.md h1 { font-size: 1.3rem; } .md table { margin: .5rem 0; } .md code { font-family: var(--mono); font-size: .88em; }
.gizli { display: none !important; }
@media (max-width: 600px) { main { padding: .7rem; } .kart { padding: .8rem; } h1 { font-size: 1.25rem; } }

.k-satir { display: grid; grid-template-columns: minmax(0, 1fr) 96px auto; gap: .5rem; align-items: center; margin: .35rem 0; }
.durum-tamam { color: var(--tamam); font-weight: 600; }
.durum-dur { color: var(--dur); font-weight: 600; }