:root{color-scheme:light dark;--bg:#f4f7f9;--fg:#12212b;--kart:#fff;--vurgu:#0a6fa8;--kenar:#c9d6de}
@media (prefers-color-scheme:dark){:root{--bg:#0e1a22;--fg:#e6eef3;--kart:#16262f;--vurgu:#4db3e6;--kenar:#2b4350}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}
.ust{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:var(--kart);border-bottom:1px solid var(--kenar)}
.kart{max-width:480px;margin:24px auto;padding:20px 16px;background:var(--kart);border:1px solid var(--kenar);border-radius:8px;width:calc(100% - 32px)}
h1{font-size:1.25rem;margin:0 0 12px}
button,.dugme{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 16px;border:0;border-radius:6px;background:var(--vurgu);color:#fff;font:inherit;cursor:pointer;text-decoration:none}
button.ikincil{background:transparent;color:var(--fg);border:1px solid var(--kenar)}
.kod{font:700 1.75rem/1.2 ui-monospace,monospace;letter-spacing:.1em}.not{font-size:.875rem;opacity:.8}
.liste{list-style:none;margin:0;padding:0}.liste li{padding:10px 0;border-top:1px solid var(--kenar);overflow-wrap:anywhere}