/* Sesli sayfayla aynı dil: lacivert zemin, bal rengi vurgu (site/static/style.css değişkenleri) */
:root{--bg:oklch(0.16 0.05 262);--surface:oklch(0.235 0.055 260);--surface-2:oklch(0.29 0.06 259);--ink:oklch(0.96 0.01 250);
--muted:oklch(0.78 0.03 250);--line:oklch(0.34 0.06 258);--honey:oklch(0.83 0.15 78);--honey-ink:oklch(0.22 0.05 60);
--danger:oklch(0.72 0.16 25);--teal:oklch(0.83 0.09 182);--font:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink);font:400 17px/1.5 var(--font);-webkit-text-size-adjust:100%}
body{margin:0;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 16px 40px}
main{max-width:560px;margin:0 auto}
h1{font-size:1.6rem;font-weight:800;letter-spacing:-.01em;margin:.4em 0 .6em}
header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hesap{color:var(--muted);margin:-.6em 0 1.2em;font-size:.9rem}
.kart{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;margin:14px 0}
label{display:block;margin:0 0 12px;color:var(--muted);font-size:.9rem}
input{display:block;width:100%;margin-top:4px;padding:12px;border-radius:10px;border:1px solid var(--line);
background:var(--bg);color:var(--ink);font:inherit;font-size:16px}
input:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--honey);outline-offset:2px}
button{font:600 1rem var(--font);padding:12px 18px;border-radius:10px;border:0;background:var(--honey);color:var(--honey-ink);
cursor:pointer;min-height:44px}
button:disabled{opacity:.45;cursor:not-allowed}
button.ikincil{background:transparent;color:var(--muted);border:1px solid var(--line)}
button.tehlike{background:transparent;color:var(--danger);border:1px solid var(--danger)}
.satir{display:flex;gap:8px;align-items:stretch}
.satir input{margin:0;flex:1;min-width:0}
.liste{list-style:none;padding:0;margin:0}
.sunucu{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;margin:0 0 12px}
.sunucu.secili{border-color:var(--honey)}
.ust{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.ust strong{font-size:1.1rem}
.acik{color:var(--teal);font-size:.9rem}
.kapali{color:var(--muted);font-size:.9rem}
.dugmeler{margin-bottom:6px}
details{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}
summary{cursor:pointer;color:var(--muted);padding:6px 0}
details form{margin-top:8px}
.not{color:var(--muted);font-size:.85rem;margin:8px 0 0}
.uyari{color:var(--honey);margin:0 0 10px}
.hata{color:var(--danger)}
.bilgi{background:var(--surface-2);border-radius:10px;padding:10px 14px}
.komut pre{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;overflow-x:auto;
white-space:pre-wrap;word-break:break-all;font-size:.8rem;margin:10px 0}