:root{--bg:#080b10;--pan:#0e1319;--kn:#1b2430;--ak:#4fd1c5;--ak2:#f6ad55;--tx:#dfe7ef;--sn:#8fa3b8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.sar{max-width:1180px;margin:0 auto;padding:28px 18px 60px}
h1{font-size:26px;margin:0 0 6px;letter-spacing:-.4px}
h1 b{color:var(--ak)}
.alt{color:var(--sn);margin:0 0 22px;font-size:14px;max-width:760px}
.rozet{display:inline-block;border:1px solid var(--kn);border-radius:999px;padding:3px 11px;font-size:12px;color:var(--sn);margin:0 6px 8px 0}
.panel{background:var(--pan);border:1px solid var(--kn);border-radius:12px;padding:16px 18px;margin-bottom:16px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:860px){.grid{grid-template-columns:1fr}}
.kol h3{margin:0 0 2px;font-size:15px}
.kol .et{color:var(--sn);font-size:12.5px;margin-bottom:10px}
.z h3{color:var(--ak)} .t h3{color:var(--ak2)}
.log{height:340px;overflow:auto;background:#070a0e;border:1px solid var(--kn);border-radius:8px;padding:12px;font-size:14px;white-space:pre-wrap;overflow-wrap:break-word}
.siz{color:var(--sn)} .siz b{color:var(--tx)}
.cev{margin:6px 0 14px}
.arac{display:inline-block;font-size:11.5px;color:#0b1116;background:var(--ak);border-radius:5px;padding:1px 7px;margin:2px 0}
.arac.red{background:transparent;color:var(--sn);border:1px dashed var(--kn)}
.bar{height:9px;background:#0a0f15;border:1px solid var(--kn);border-radius:6px;overflow:hidden;margin:7px 0 3px}
.bar i{display:block;height:100%;width:0%;transition:width .45s}
.z .bar i{background:var(--ak)} .t .bar i{background:var(--ak2)}
.olc{display:flex;justify-content:space-between;font-size:12px;color:var(--sn)}
.olc b{color:var(--tx);font-variant-numeric:tabular-nums}
.giris{display:flex;gap:10px;margin-top:14px}
#hedef{background:var(--pn);color:var(--tx);border:1px solid var(--kn);border-radius:7px;padding:0 8px;font-size:13px}
.araclar{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.ikincil{background:transparent;color:var(--sn);border:1px solid var(--kn);border-radius:7px;padding:5px 11px;font-size:12.5px;cursor:pointer}
.ikincil:hover{color:var(--tx);border-color:var(--ak)}
input,button{font:inherit}
#soru{flex:1;background:#070a0e;border:1px solid var(--kn);color:var(--tx);border-radius:8px;padding:11px 13px}
button{background:var(--ak);color:#06222a;border:0;border-radius:8px;padding:11px 20px;font-weight:600;cursor:pointer}
button:disabled{opacity:.45;cursor:default}
.kucuk{font-size:12px;color:var(--sn);margin-top:9px}
.vurgu{font-size:29px;color:var(--ak);font-weight:700;font-variant-numeric:tabular-nums}
.orta{display:flex;gap:26px;flex-wrap:wrap;align-items:flex-end}
.kutu{min-width:150px}
.kutu .bas{font-size:12px;color:var(--sn);text-transform:uppercase;letter-spacing:.6px}
.uyari{border-left:3px solid var(--ak2);padding:9px 13px;background:#140f08;border-radius:0 8px 8px 0;color:#f0d9b8;font-size:13px;margin-top:14px}
#kapi{position:fixed;inset:0;background:rgba(4,6,9,.965);display:flex;align-items:center;justify-content:center;z-index:50}
#kapi .kart{background:var(--pan);border:1px solid var(--kn);border-radius:14px;padding:26px 28px;max-width:420px;width:92%}
#kapi img{border-radius:8px;display:block;margin:12px 0;width:100%;background:#0a0e13}
#kapi input{width:100%;text-align:center;letter-spacing:5px;font-size:20px;text-transform:uppercase;margin-bottom:10px}
#kapi button{width:100%}
.hata{color:#fc8181;font-size:13px;min-height:18px;margin-top:6px}
a{color:var(--ak)}
.cevrimdisi{border-left:3px solid var(--ak2);padding:12px 15px;background:#140f08;border-radius:0 8px 8px 0}

/* ★0820: ikiz devre dışıyken tek kolon — saf Tetracta sohbeti */
.grid.saf{grid-template-columns:1fr}
.grid.saf .log{height:420px}