:root{--kirmizi:#C8102E;--murekkep:#1C1A17;--gri:#6B6A63;--acik:#F6F4F0;--cizgi:#E6E2DA;--beyaz:#fff;--yesil:#1F7A4D;--yesil-acik:#E3F3EA;--sari:#A86400;--sari-acik:#FBF0DC;--kirmizi-acik:#FBE8EB}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--acik);color:var(--murekkep);font:17px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.karne{max-width:560px;margin:0 auto;padding:12px 14px calc(30px + env(safe-area-inset-bottom))}
.ust{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 4px 12px;flex-wrap:wrap}
.kurum{font-weight:800;color:var(--kirmizi);letter-spacing:.02em}
.deneme{color:var(--gri);font-size:14px}
.kart{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:16px;padding:18px 18px;margin-bottom:12px}
h1{font-size:30px;margin:0;line-height:1.1;letter-spacing:-.02em}
h2{font-size:15px;margin:0 0 12px;color:var(--gri);text-transform:uppercase;letter-spacing:.06em}
.sinif{color:var(--gri);font-size:14px;margin:4px 0 12px}
.cumle{font-size:19px;line-height:1.4;margin:0 0 14px;font-weight:500}
.ozet-sayilar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.ozet-sayilar div{flex:1 1 90px;background:var(--acik);border-radius:12px;padding:10px 12px;display:grid}
.ozet-sayilar b{font-size:24px;letter-spacing:-.02em}
.ozet-sayilar span{font-size:12px;color:var(--gri)}
.ozet-sayilar .arti b{color:var(--yesil)}
.ozet-sayilar .eksi b{color:var(--kirmizi)}
.dugmeler{display:grid;gap:8px}
.dugme{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border-radius:12px;font:inherit;font-weight:600;font-size:16px;text-decoration:none;border:1px solid var(--cizgi);background:var(--beyaz);color:var(--murekkep);cursor:pointer}
.dugme.birincil{background:#1FAF5A;border-color:#1FAF5A;color:#fff}
.dugme.ikincil{background:var(--acik)}
button.dugme{width:100%}
.dersler{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ders-ust{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ders-ad{font-weight:600}
.ders-net{font-size:20px;font-weight:700;letter-spacing:-.02em}
.ders-net small{font-size:12px;font-weight:400;color:var(--gri)}
.cubuk{position:relative;height:12px;background:var(--acik);border-radius:999px;margin:6px 0 5px;overflow:visible}
.cubuk .dolu{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--murekkep)}
.ders.ustunde .dolu{background:var(--yesil)}
.ders.altinda .dolu{background:var(--kirmizi)}
.ders.duzeyinde .dolu{background:var(--sari)}
.cubuk .ort{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--gri);transform:translateX(-1px)}
.ders-alt{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--gri)}
.fark.arti{color:var(--yesil);font-weight:600}
.fark.eksi{color:var(--kirmizi);font-weight:600}
.aciklama{font-size:12px;color:var(--gri);margin:14px 0 0}
.eylem p{margin:0 0 10px}
.eylem .vurgu{font-weight:600;background:var(--sari-acik);border-radius:10px;padding:10px 12px}
.yorum{margin-top:12px;background:var(--acik);border-radius:10px;padding:10px 12px;font-size:15px}
.alt{color:var(--gri);font-size:13px;text-align:center;padding:10px 6px}
.alt p{margin:4px 0}
.alt a{color:var(--gri)}
.kucuk{font-size:13px;color:var(--gri)}
.metin h1{font-size:22px;margin-bottom:8px}
.metin h2{text-transform:none;letter-spacing:0;font-size:17px;color:var(--murekkep);margin:18px 0 6px}
.metin p{margin:0 0 10px;font-size:15px}
@media (prefers-color-scheme:dark){:root{--acik:#1D1C1A;--beyaz:#262522;--murekkep:#ECEAE3;--gri:#B3B1A8;--cizgi:#3A3934;--sari-acik:#3A2E12;--yesil-acik:#17301F}}