:root{--bg:#F7F8FA;--surface:#FFFFFF;--text:#17212B;--muted:#56616D;--action:#B94300;--border:#DCE2E8;--warn:#8A5300}
@media (prefers-color-scheme:dark){:root{--bg:#12171D;--surface:#1D252E;--text:#F2F5F8;--muted:#AAB4BF;--border:#2F3A45;--warn:#FFC266}}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 16px}
h1{font-size:28px;margin:0 0 8px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;margin:12px 0}
a.button{display:inline-block;min-height:48px;line-height:48px;padding:0 20px;border-radius:12px;background:var(--action);color:#fff;text-decoration:none;font-weight:600}
.muted{color:var(--muted);font-size:14px;word-break:break-all}
.warn{color:var(--warn);font-weight:600}
header .brand{display:block;margin:0 0 8px}
h1{font-size:26px;line-height:1.25}
a{color:var(--action)}
nav.tabs ul{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px;padding:0;list-style:none}
nav.tabs a{display:inline-block;min-height:44px;line-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;font-weight:600}
nav.tabs a:focus-visible,a:focus-visible{outline:3px solid var(--action);outline-offset:2px}
section.tab{scroll-margin-top:16px}
section.tab h2{font-size:22px;margin:16px 0 8px}
section.tab h3{font-size:18px;margin:16px 0 4px}
ol,ul.list{padding-left:22px}
li{margin:4px 0}
kbd,.chip{display:inline-block;padding:0 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font:inherit;font-size:15px}
footer{margin:32px 0 8px;padding-top:16px;border-top:1px solid var(--border);font-size:14px;color:var(--muted)}
footer a{color:var(--muted)}
.platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.platforms .card{margin:0}
.platforms a.button{display:block;text-align:center}
@supports selector(:has(*)){
section.tab{display:none}
section.tab:target,section.tab:has(:target){display:block}
main:not(:has(section.tab:target,section.tab :target)) #baslarken{display:block}
}
@supports selector(:has(*)){
main:has(#baslarken:target,#baslarken :target) nav.tabs a[href="#baslarken"]{background:var(--action);border-color:var(--action);color:#fff}
main:has(#giris:target,#giris :target) nav.tabs a[href="#giris"]{background:var(--action);border-color:var(--action);color:#fff}
main:has(#listeler:target,#listeler :target) nav.tabs a[href="#listeler"]{background:var(--action);border-color:var(--action);color:#fff}
main:has(#gorevler:target,#gorevler :target) nav.tabs a[href="#gorevler"]{background:var(--action);border-color:var(--action);color:#fff}
main:has(#takvim:target,#takvim :target) nav.tabs a[href="#takvim"]{background:var(--action);border-color:var(--action);color:#fff}
main:has(#sohbet:target,#sohbet :target) nav.tabs a[href="#sohbet"]{background:var(--action);border-color:var(--action);color:#fff}
main:has(#guvenlik:target,#guvenlik :target) nav.tabs a[href="#guvenlik"]{background:var(--action);border-color:var(--action);color:#fff}
main:has(#indir:target,#indir :target) nav.tabs a[href="#indir"]{background:var(--action);border-color:var(--action);color:#fff}
main:not(:has(section.tab:target,section.tab :target)) nav.tabs a[href="#baslarken"]{background:var(--action);border-color:var(--action);color:#fff}
}
.brand{display:block;margin:0 0 16px}
.brand img{display:block;height:95.9px;width:auto;margin:-28.0px 0 -28.0px -17.9px}
