:root{--bg:#fff;--fg:#1a1a1a;--mut:#555;--card:#f4f6f8;--acc:#0b6b3a;--bd:#d5dae0}
@media (prefers-color-scheme:dark){:root{--bg:#14171a;--fg:#e8eaed;--mut:#a0a6ad;--card:#1d2226;--acc:#4cc38a;--bd:#333a40}}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,sans-serif}
main{max-width:720px;margin:0 auto;padding:16px}
a{color:var(--acc)}
nav{display:flex;gap:16px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--bd);font-weight:600}
nav a[aria-current]{text-decoration:none;color:var(--fg)}
h1{font-size:1.6rem;line-height:1.25}h2{font-size:1.2rem;margin-top:2rem}
form,.res{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:16px;margin:16px 0}
label{display:block;margin:10px 0 4px;font-weight:600}
input{width:100%;box-sizing:border-box;padding:10px;font-size:1rem;border:1px solid var(--bd);border-radius:6px;background:var(--bg);color:var(--fg)}
button{margin-top:14px;padding:12px 20px;font-size:1rem;font-weight:700;border:0;border-radius:6px;background:var(--acc);color:var(--bg);cursor:pointer}
table{width:100%;border-collapse:collapse}td{padding:6px 0;border-bottom:1px solid var(--bd)}td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.liq td{font-weight:700;font-size:1.15rem;border-bottom:0}
.err{color:#c0392b}.mut{color:var(--mut);font-size:.9rem}
[hidden]{display:none!important}
footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--bd)}
table.ex{margin:8px 0}table.ex th{text-align:right;font-size:.85rem;padding:6px 4px;border-bottom:2px solid var(--bd)}table.ex th:first-child,table.ex td:first-child{text-align:left}table.ex td{padding:6px 4px;text-align:right}