:root{--bg:#15100e;--ink:#f6e9dc;--mute:#b7a596;--acc:#ffb84d;--card:#241a16;--line:#4a372c;--link:#7de3ff}
@media (prefers-color-scheme:light){:root{--bg:#fbf6f0;--ink:#2a1a12;--mute:#6b5648;--acc:#b34a10;--card:#fff;--line:#e3d5c8;--link:#0a6a8a}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:24px 18px 64px}header{border-bottom:1px solid var(--line)}header nav{max-width:760px;margin:0 auto;padding:12px 18px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
header a{color:var(--ink);text-decoration:none;font-weight:600}header a.brand{color:var(--acc);font-weight:800;margin-right:auto}
h1{color:var(--acc);line-height:1.2}h2{margin-top:2em;border-bottom:1px solid var(--line);padding-bottom:.2em}h3{margin-top:1.4em}a{color:var(--link)}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin:16px 0}.mute{color:var(--mute)}table{border-collapse:collapse;width:100%;font-size:.92rem;display:block;overflow-x:auto}th,td{border:1px solid var(--line);padding:6px 8px;vertical-align:top;text-align:left}
label{display:block;margin:12px 0 4px;font-weight:600}input,textarea{width:100%;font:inherit;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
button{font:inherit;font-weight:700;padding:12px 20px;border-radius:12px;border:0;background:var(--acc);color:#1c0f08;margin-top:14px;cursor:pointer}#result{margin-top:12px;font-weight:600}
.lang{display:inline-block;margin-right:12px}section[lang]{margin-top:28px}