:root{--zemin:#f6f7f9;--kart:#fff;--yazi:#1f2937;--soluk:#5b6472;--cizgi:#dfe3e8;--marka:#2563eb;--marka-k:#1d4ed8;--iyi:#0f766e;--uyari:#b45309;--hata:#b91c1c;--aralik:#dbeafe;--golge:0 1px 2px rgba(0,0,0,.06)}
@media (prefers-color-scheme:dark){:root{--zemin:#0f1115;--kart:#171a21;--yazi:#e5e7eb;--soluk:#9aa3af;--cizgi:#2a2f3a;--marka:#60a5fa;--marka-k:#3b82f6;--iyi:#2dd4bf;--uyari:#fbbf24;--hata:#f87171;--aralik:#1e3a5f}}
*{box-sizing:border-box}
body{margin:0;background:var(--zemin);color:var(--yazi);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.ust{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--kart);border-bottom:1px solid var(--cizgi)}
.marka{font-weight:800;color:var(--yazi);text-decoration:none;font-size:20px}.marka span{color:var(--marka)}
.etiket{font-size:13px;color:var(--soluk);border:1px solid var(--cizgi);border-radius:99px;padding:2px 10px}
.kap{max-width:880px;margin:0 auto;padding:16px}
h1{font-size:28px;margin:8px 0}h2{font-size:20px;margin:24px 0 8px}h3{font-size:16px;margin:16px 0 6px}
.kapsam{font-size:14px;color:var(--soluk)}
.adimlar{display:flex;gap:6px;list-style:none;padding:0;margin:16px 0;counter-reset:a;flex-wrap:wrap}
.adimlar li{flex:1;min-width:120px;font-size:13px;padding:8px;border-radius:8px;background:var(--kart);border:1px solid var(--cizgi);color:var(--soluk)}
.adimlar li.aktif{border-color:var(--marka);color:var(--yazi);font-weight:600}.adimlar li.tamam{color:var(--iyi)}
form,.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:16px;box-shadow:var(--golge)}
fieldset{border:0;margin:0;padding:0}legend{font-weight:700;font-size:18px;margin-bottom:8px}
label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600;margin:8px 0}
input,select{font:inherit;padding:10px;border:1px solid var(--cizgi);border-radius:8px;background:var(--zemin);color:var(--yazi);min-height:44px;width:100%}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.uclu{grid-template-columns:repeat(3,1fr)}
@media (max-width:640px){.ikili,.uclu{grid-template-columns:1fr}}
.secim{display:flex;gap:8px;flex-wrap:wrap}.secim label{flex-direction:row;align-items:center;gap:6px;border:1px solid var(--cizgi);border-radius:8px;padding:8px 12px}
.secim input{width:auto;min-height:0}.secim .pasif{opacity:.5}
.not{font-size:13px;color:var(--soluk);margin:4px 0}
.dugmeler{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
button{font:inherit;font-weight:700;border:0;border-radius:8px;padding:12px 20px;min-height:44px;background:var(--marka);color:#fff;cursor:pointer}
button:hover{background:var(--marka-k)}button.ikincil{background:transparent;color:var(--yazi);border:1px solid var(--cizgi)}
.hata{color:var(--hata);font-weight:600}
#sonuc{margin-top:16px}
.deger{font-size:34px;font-weight:800;margin:4px 0}.aralik-yazi{color:var(--soluk)}
.bar{position:relative;height:14px;border-radius:7px;background:var(--cizgi);margin:14px 0 6px}
.bar i{position:absolute;top:0;bottom:0;border-radius:7px;background:var(--aralik)}.bar b{position:absolute;top:-4px;width:4px;height:22px;background:var(--marka);border-radius:2px}
.rozet{display:inline-block;font-size:12px;font-weight:700;border-radius:99px;padding:2px 10px;border:1px solid currentColor}
.r-yuksek{color:var(--iyi)}.r-orta{color:var(--uyari)}.r-dusuk,.r-belirsiz{color:var(--hata)}
ul.liste{padding-left:18px;margin:6px 0}ul.liste li{margin:3px 0}
.etkiler div{display:grid;grid-template-columns:140px 1fr 64px;gap:8px;align-items:center;font-size:14px;margin:4px 0}
.etkiler span.c{height:10px;border-radius:5px;background:var(--marka)}.etkiler span.c.e{background:var(--uyari)}
.emsal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.emsal .kart{padding:10px;font-size:14px}.emsal .f{font-weight:700}
.bilinmeyen{background:var(--zemin);border:1px dashed var(--cizgi);border-radius:8px;padding:8px 12px;font-size:14px}
.alt{max-width:880px;margin:24px auto;padding:0 16px;font-size:13px;color:var(--soluk)}