body{background:#0b1018;color:#edf3fa;font:18px system-ui;max-width:440px;margin:40px auto;padding:20px}label{display:block;margin:20px 0}input,select,button{box-sizing:border-box;width:100%;padding:14px;font:inherit;border-radius:8px}button{background:#71e4c1;border:0}p{line-height:1.5}

article{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:1rem 0;border-bottom:1px solid #233142}article strong{flex:1;min-width:9rem;overflow-wrap:anywhere}article button{width:auto;padding:.6rem}#lists{margin-bottom:1.5rem}button:disabled{opacity:.5;cursor:wait}

header{display:flex;justify-content:space-between;align-items:center;gap:1rem}header label{margin:0;font-size:.8rem}header select{padding:.4rem;font-size:1rem}