:root{font-family:system-ui,sans-serif;color:#f0f4ee;background:#121c21;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:40px 22px}header>span{font-size:12px;letter-spacing:.18em;color:#a6c49b}h1{font-size:36px;margin:14px 0}header p,footer,#updated{color:#a7b9bd;font-size:13px;line-height:1.8}.controls{display:flex;gap:12px;margin:28px 0 12px}button,select{padding:12px;border:1px solid #53676a;border-radius:8px;background:#203137;color:inherit;font:inherit}select{flex:1;min-width:0}ol{list-style:none;padding:0}li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;padding:16px 0;border-bottom:1px solid #304347}li span:nth-child(2){overflow-wrap:anywhere}li span:first-child{color:#a6c49b}footer{margin-top:32px}button:disabled{opacity:.4}