:root{font-family:"Microsoft YaHei",sans-serif;color:#18344a;background:#eef3f8;color-scheme:light}
body{margin:0}main{max-width:1280px;margin:24px auto;padding:24px;background:white;border-radius:18px;box-shadow:0 8px 28px #193c5510}
h1{font-size:30px;margin-bottom:12px}p{line-height:1.8}.badge{font-size:13px;color:#785000;background:#fff3d8;padding:8px 12px;border-radius:8px}
label{display:block;font-weight:bold;margin-bottom:8px}.entry{display:flex;gap:12px}input{min-width:0;flex:1;padding:13px;border:1px solid #809bb0;border-radius:8px;font:inherit}
button{padding:12px 20px;border:0;border-radius:8px;background:#165da7;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}
article{border:1px solid #bfd4e4;border-left:5px solid #165da7;padding:20px;border-radius:8px;margin:20px 0}h2{margin-top:0}dl{display:grid;grid-template-columns:165px 1fr;gap:12px}dd{margin:0;overflow-wrap:anywhere}dt{color:#5b6b79}h1 span[lang="ru"]{display:block;font-size:.7em;font-weight:500;color:#57778e}dt span[lang="ru"]{font-size:.85em}input,button{box-sizing:border-box}
details,footer{margin-top:24px;color:#5b6b79}footer{font-size:12px}#message{min-height:28px}summary{cursor:pointer}
@media(max-width:600px){main{margin:12px;padding:20px}.entry{flex-direction:column}dl{grid-template-columns:1fr;gap:6px}dd{margin-bottom:10px}}