:root{color-scheme:light dark;--bg:#f3f3f0;--fg:#202522;--paper:#fff;--border:#84948a;--link:#00634a}
@media(prefers-color-scheme:dark){:root{--bg:#151b18;--fg:#edf4ef;--paper:#202923;--border:#759483;--link:#a3efcb}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}main{max-width:960px;margin:auto;padding:20px}h1{margin:0 0 12px}h2{font-size:1.2rem}a{color:var(--link);overflow-wrap:anywhere}nav,.dugmeler{display:flex;flex-wrap:wrap;gap:10px}nav a{border:1px solid var(--border);padding:8px 12px;border-radius:5px}section,details{border:1px solid var(--border);padding:16px;background:var(--paper);margin:18px 0;border-radius:7px}label{display:block;margin:12px 0 4px}textarea,input{width:100%;font:13px/1.4 ui-monospace,Consolas,monospace;padding:8px;border:1px solid var(--border);border-radius:4px}textarea{resize:vertical}button{padding:9px 12px;font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}.dugmeler{margin-top:10px}#onizleme{max-width:100%;max-height:440px;background:white;border:1px solid var(--border)}[role=status]{overflow-wrap:anywhere}summary{cursor:pointer;font-weight:600}[hidden]{display:none!important}