:root { --ink:#0b0b12; --paper:#f5f2ec; --accent:#ff5a1f; --smoke:#8b8a93; --kart:#14141c; --cizgi:rgba(245,242,236,.12); }
* { box-sizing:border-box; }
body { margin:0; background:var(--ink); color:var(--paper); font:16px/1.5 Inter,-apple-system,system-ui,sans-serif; }
a { color:var(--paper); }
.ust { display:flex; justify-content:space-between; align-items:center; padding:14px 20px; border-bottom:1px solid var(--cizgi); position:sticky; top:0; background:rgba(11,11,18,.9); backdrop-filter:blur(8px); }
.marka { font-weight:700; text-decoration:none; letter-spacing:.02em; }
.logo { background:var(--paper); color:var(--ink); padding:2px 8px; border-radius:6px; margin-right:6px; font-weight:800; }
nav a { margin-left:16px; text-decoration:none; color:var(--smoke); } nav a:hover { color:var(--paper); }
nav .kisi { margin-left:16px; } nav .cik { color:var(--accent); }
main { max-width:1100px; margin:0 auto; padding:20px 16px 60px; }
.kart { background:var(--kart); border:1px solid var(--cizgi); border-radius:14px; padding:18px 20px; margin-bottom:16px; }
.kart h1 { margin:0 0 6px; font-size:26px; } .kart h2 { margin:0 0 12px; font-size:18px; color:var(--smoke); font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.giris { max-width:380px; margin:60px auto; }
.durum { display:flex; gap:24px; padding:12px 4px 18px; color:var(--smoke); } .durum b { color:var(--accent); }
.tur summary { cursor:pointer; list-style:none; display:flex; gap:12px; align-items:baseline; } .tur summary small { color:var(--smoke); } .tur.kapali summary { opacity:.5; }
.rozet { background:var(--accent); color:var(--ink); font-weight:700; padding:3px 10px; border-radius:999px; font-size:14px; }
.form { display:grid; gap:12px; margin-top:16px; max-width:720px; }
.form.yatay { grid-auto-flow:column; align-items:center; max-width:none; }
label { display:grid; gap:6px; font-size:14px; color:var(--smoke); } label.satir { grid-auto-flow:column; justify-content:start; align-items:center; gap:10px; }
input, textarea, select { background:#0f0f17; color:var(--paper); border:1px solid var(--cizgi); border-radius:10px; padding:10px 12px; font:inherit; }
textarea { resize:vertical; }
button { background:var(--accent); color:var(--ink); border:0; border-radius:999px; padding:12px 22px; font:inherit; font-weight:700; cursor:pointer; justify-self:start; }
button.ikincil { background:transparent; color:var(--paper); border:1px solid var(--cizgi); padding:6px 12px; font-weight:500; }
.liste { width:100%; border-collapse:collapse; } .liste td, .liste th { padding:8px 10px; border-top:1px solid var(--cizgi); text-align:left; vertical-align:top; } .liste th { color:var(--smoke); font-weight:600; font-size:13px; }
.liste .baslik { color:var(--smoke); max-width:360px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.durum-rozet { font-size:13px; padding:2px 8px; border-radius:6px; background:rgba(245,242,236,.08); }
tr.d-calisiyor .durum-rozet, .d-calisiyor { color:var(--accent); } tr.d-bitti .durum-rozet, .d-bitti { color:#8fd694; } tr.d-hata .durum-rozet, .d-hata { color:#ff7b7b; }
.hata { color:#ff7b7b; } .not { color:var(--smoke); } .meta { color:var(--smoke); }
.baslik-buyuk { font-size:18px; }
.adaylar { display:grid; gap:12px; } .aday { border:1px solid var(--cizgi); border-radius:12px; padding:12px 14px; } .aday.eniyi { border-color:var(--accent); }
.aday-ust { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:8px; } .aday-ust small { color:var(--smoke); }
.asr { color:var(--smoke); font-size:14px; margin-bottom:6px; }
audio { width:100%; max-width:640px; display:block; margin:6px 0; }
.indir { color:var(--accent); font-size:14px; }
.dosyalar { columns:2; font-size:14px; }
pre { background:#0f0f17; padding:12px; border-radius:10px; overflow:auto; font-size:13px; }
.kucuk summary { cursor:pointer; color:var(--smoke); }
.uyari { border-color:var(--accent); } code.anahtar { font-size:12px; color:var(--smoke); }
.islemler { display:flex; gap:6px; flex-wrap:wrap; }
.alt { text-align:center; color:var(--smoke); font-size:13px; padding:20px; }
.geri a { color:var(--smoke); text-decoration:none; }
@media (max-width:700px) { .form.yatay { grid-auto-flow:row; } .dosyalar { columns:1; } .liste .baslik { max-width:160px; } nav a { margin-left:10px; } }
.gorseller { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px; } .gorseller img { width:100%; border-radius:12px; display:block; }
.mod-kapali, .mod-duraklat { border-color:var(--accent); }